http://www.lukeforsythe.com Luke Forsythe - User Experience (UX) Designer based in London Wed, 22 Feb 2012 22:26:14 +0000 http://www.lukeforsythe.com en http://lukeforsythe.com/Gameplay-on-bragster http://lukeforsythe.com/following/lukeforsythe.com/Gameplay-on-bragster Wed, 22 Feb 2012 22:26:14 +0000 Luke Forsythe - User Experience (UX) Designer based in London 762134 2008-2009 The following describes roughly the flow of the gameplay on bragster. 1. Users entered dares. Initially the focus was on one-to-one dares, eg. "bob dares andy to…" but fairly quickly, Open Dares("bob dares everyone to…") became the most popular. They afforded users some choice and gave creators a higher chance of seeing results. <img src="http://payload.cargocollective.com/1/1/56609/762134/1Dare.jpg" border="0" width="670" height="501" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/762134/1Dare_o.jpg" align="left" /> 2. Users earned points, known as bragging rights(BR), and medals for doing dares. Bragging rights were linked to votes so the video page was primarily geared towards this. We mixed the established Youtube archetype with big voting buttons as well as medal thumbnails and a big blue score card that rolled up or down when you voted. Standard video site functionality, such as Favourite this was available. Of course, ours counted towards medals such as Most Favourited. <img src="http://payload.cargocollective.com/1/1/56609/762134/brag_page.jpg" border="0" width="670" height="501" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/762134/brag_page_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762134/brag_page_2_vote.jpg" border="0" width="670" height="501" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/762134/brag_page_2_vote_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762134/brag_page_3_fav.jpg" border="0" width="670" height="501" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/762134/brag_page_3_fav_o.jpg" align="left" /> 3. User profiles were designed from the beginning to communicate status within the community. Your total Bragging rights was the biggest factor in this. Medals represented your current achievements (current because many could be taken away if you were overtaken). Your number of fans was dictated by how entertaining your videos were. <img src="http://payload.cargocollective.com/1/1/56609/762134/profile1.jpg" border="0" width="670" height="1308" width_o="1024" height_o="2000" src_o="http://payload.cargocollective.com/1/1/56609/762134/profile1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762134/profile2.jpg" border="0" width="670" height="1308" width_o="1024" height_o="2000" src_o="http://payload.cargocollective.com/1/1/56609/762134/profile2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762134/profile3.jpg" border="0" width="670" height="1308" width_o="1024" height_o="2000" src_o="http://payload.cargocollective.com/1/1/56609/762134/profile3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762134/profile5.jpg" border="0" width="670" height="1308" width_o="1024" height_o="2000" src_o="http://payload.cargocollective.com/1/1/56609/762134/profile5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762134/profile6.jpg" border="0" width="670" height="1308" width_o="1024" height_o="2000" src_o="http://payload.cargocollective.com/1/1/56609/762134/profile6_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762134/profile7.jpg" border="0" width="670" height="1308" width_o="1024" height_o="2000" src_o="http://payload.cargocollective.com/1/1/56609/762134/profile7_o.jpg" align="left" /> 4. Users could also team up. Team pages pooled together each members bragging rights into a Team total and acted as a hub for collaborative endeavours. We noted a great deal of competitive behaviour between the teams, a lot more so than with individual rivalries. <img src="http://payload.cargocollective.com/1/1/56609/762134/team1.jpg" border="0" width="670" height="1308" width_o="1024" height_o="2000" src_o="http://payload.cargocollective.com/1/1/56609/762134/team1_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762134/team2.jpg" border="0" width="670" height="1308" width_o="1024" height_o="2000" src_o="http://payload.cargocollective.com/1/1/56609/762134/team2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762134/team3.jpg" border="0" width="670" height="1308" width_o="1024" height_o="2000" src_o="http://payload.cargocollective.com/1/1/56609/762134/team3_o.jpg" align="left" /> 5. All users and teams were ranked according to their bragging rights and fans. Positioning in these rankings was the source of a lot of pride for many users. <img src="http://payload.cargocollective.com/1/1/56609/762134/Rankings.jpg" border="0" width="670" height="501" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/762134/Rankings_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762134/Team_Rankings.jpg" border="0" width="670" height="501" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/762134/Team_Rankings_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762134/1Dare2.jpg" border="0" width="670" height="502" width_o="670" height_o="502" src_o="http://payload.cargocollective.com/1/1/56609/762134/1Dare2_o.jpg" align="left" /> http://lukeforsythe.com/Film4oD-My-Downloads http://lukeforsythe.com/following/lukeforsythe.com/Film4oD-My-Downloads Thu, 13 Oct 2011 10:49:35 +0000 Luke Forsythe - User Experience (UX) Designer based in London 2143301 Responsibilities: Interactive, IA, UI design While working at IOKO, alongside FilmFlex, I conceived of and designed the purchase flow and UI for taking movies offline. FilmFlex had always been a stream-only site so this represented a major shift in how their customers consumed their films. The user had to be informed and in control every step of the way; from selecting a movie, through purchasing, downloading the player, downloading movie within the player, then finally watching. It was a fun project and I enjoyed working with the guys at FilmFlex. <img src="http://payload.cargocollective.com/1/1/56609/2143301/Film4oD_Player_905.jpg" border="0" width="905" height="813" width_o="973" height_o="875" src_o="http://payload.cargocollective.com/1/1/56609/2143301/Film4oD_Player_o.jpg" align="left" /> http://lukeforsythe.com/Awards-GWR-Challengers http://lukeforsythe.com/following/lukeforsythe.com/Awards-GWR-Challengers Thu, 31 Mar 2011 12:37:03 +0000 Luke Forsythe - User Experience (UX) Designer based in London 1245204 2010 The original set of medals for GWR Challengers. This was the style for medals before they were simplified. <img src="http://payload.cargocollective.com/1/1/56609/1245204/Medal_Best_in_Location.png" border="0" width="380" height="380" width_o="380" height_o="380" src_o="http://payload.cargocollective.com/1/1/56609/1245204/Medal_Best_in_Location_o.png" align="left" /> Best Challenge score by Location <img src="http://payload.cargocollective.com/1/1/56609/1245204/Medal_Record.png" border="0" width="380" height="380" width_o="380" height_o="380" src_o="http://payload.cargocollective.com/1/1/56609/1245204/Medal_Record_o.png" align="left" /> Guinness World Records Holder <img src="http://payload.cargocollective.com/1/1/56609/1245204/Medal_25_challenges.png" border="0" width="380" height="380" width_o="380" height_o="380" src_o="http://payload.cargocollective.com/1/1/56609/1245204/Medal_25_challenges_o.png" align="left" /> 25 Challenges Down <img src="http://payload.cargocollective.com/1/1/56609/1245204/Medal_best_male.png" border="0" width="380" height="380" width_o="380" height_o="380" src_o="http://payload.cargocollective.com/1/1/56609/1245204/Medal_best_male_o.png" align="left" /> "Best Male": Challenge score by Gender http://lukeforsythe.com/Tango-Do-You-Dare http://lukeforsythe.com/following/lukeforsythe.com/Tango-Do-You-Dare Sat, 19 Mar 2011 15:29:12 +0000 Luke Forsythe - User Experience (UX) Designer based in London 1191415 2008 In addition to my UX and UI responsibilities at bragster, I was lucky enough to work on various high profile campaigns with big name brands. These included Adidas, Tango, Lionsgate films and Guinness World Records Gamer's Edition. <img src="http://payload.cargocollective.com/1/1/56609/1191415/Tango_Dares_o_o_905.jpg" border="0" width="717" height="388" width_o="717" height_o="388" src_o="http://payload.cargocollective.com/1/1/56609/1191415/Tango_Dares_o_o_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/1191415/tango_o.jpg" border="0" width="620" height="373" width_o="620" height_o="373" src_o="http://payload.cargocollective.com/1/1/56609/1191415/tango_o_o.jpg" align="left" /> http://lukeforsythe.com/Adidas-F50i http://lukeforsythe.com/following/lukeforsythe.com/Adidas-F50i Sat, 19 Mar 2011 15:20:14 +0000 Luke Forsythe - User Experience (UX) Designer based in London 1191401 2009 In addition to my UX and UI responsibilities at bragster, I was lucky enough to work on various high profile campaigns with big name brands. These included Adidas, Tango, Lionsgate films and Guinness World Records Gamer's Edition. <img src="http://payload.cargocollective.com/1/1/56609/1191401/campaign_example_o_o_905.jpg" border="0" width="905" height="677" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/1191401/campaign_example_o_o_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/1191401/brags_medals_adidas_o_o_905.jpg" border="0" width="830" height="151" width_o="830" height_o="151" src_o="http://payload.cargocollective.com/1/1/56609/1191401/brags_medals_adidas_o_o_o.jpg" align="left" /> http://lukeforsythe.com/GWR-Challengers http://lukeforsythe.com/following/lukeforsythe.com/GWR-Challengers Thu, 25 Nov 2010 17:18:12 +0000 Luke Forsythe - User Experience (UX) Designer based in London 809995 2010 GWRChallengers.com <img src="http://payload.cargocollective.com/1/1/56609/809995/Challengers_o_1_905.jpeg" border="0" width="905" height="677" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/809995/Challengers_o_1_o.jpeg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/809995/9_905.jpg" border="0" width="905" height="677" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/809995/9_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/809995/Andy_achievements.jpeg" border="0" width="636" height="272" width_o="636" height_o="272" src_o="http://payload.cargocollective.com/1/1/56609/809995/Andy_achievements_o.jpeg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/809995/7_905.jpg" border="0" width="905" height="677" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/809995/7_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/809995/attempt_comments_count.jpeg" border="0" width="648" height="313" width_o="648" height_o="313" src_o="http://payload.cargocollective.com/1/1/56609/809995/attempt_comments_count_o.jpeg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/809995/comments.png" border="0" width="649" height="730" width_o="649" height_o="730" src_o="http://payload.cargocollective.com/1/1/56609/809995/comments_o.png" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/809995/5_905.jpg" border="0" width="905" height="677" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/809995/5_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/809995/8_905.jpg" border="0" width="905" height="677" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/809995/8_o.jpg" align="left" /> http://lukeforsythe.com/About-Luke http://lukeforsythe.com/following/lukeforsythe.com/About-Luke Mon, 15 Nov 2010 14:36:44 +0000 Luke Forsythe - User Experience (UX) Designer based in London 762635 "If you are serious about your brand and UI long term, you need Luke!" Bertrand Bodson, Head of Digital at EMI Records Hey, I'm Luke. I'm a User Experience (UX) Designer. I'm currently at Fjord. Here's my LinkedIn Profile. In the last 5 years, I have been fortunate enough to do digital work for the likes of AT&T, The BBC, Cadburys, Adidas and Britvic. <img src="http://payload.cargocollective.com/1/1/56609/762635/me_15.jpg" border="0" width="230" height="230" width_o="230" height_o="230" src_o="http://payload.cargocollective.com/1/1/56609/762635/me_15_o.jpg" align="left" /> In a nutshell: I make things look good and work well. I look at everything as a user. I streamline objects and systems by identifying their core offering then allowing them to speak clearly. I am a stickler for details and consistency. My tools are association, recognition and consistency. I'm a big fan of using archetypes and the principle of affordance. My favourite book is Universal Principles of Design (by Jill Butler, Kritina Holden and Will Lidwell). (Portrait by my friend, Big Big Toe) http://lukeforsythe.com/The-bragster-brand http://lukeforsythe.com/following/lukeforsythe.com/The-bragster-brand Sun, 07 Nov 2010 21:19:35 +0000 Luke Forsythe - User Experience (UX) Designer based in London 762582 2008-2009 In addition to my UX and UI responsibilities at bragster, I designed and managed the bragster brand. I produced various pieces of merchandise along with artifacts for press stunts. <img src="http://payload.cargocollective.com/1/1/56609/762582/bragster_merch.jpg" border="0" width="670" height="448" width_o="1944" height_o="1300" src_o="http://payload.cargocollective.com/1/1/56609/762582/bragster_merch_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762582/brag_page_tshirts_stickers.jpg" border="0" width="670" height="501" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/762582/brag_page_tshirts_stickers_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762582/credit_card.jpg" border="0" width="670" height="502" width_o="800" height_o="600" src_o="http://payload.cargocollective.com/1/1/56609/762582/credit_card_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762582/IMG_8294_2_3.jpg" border="0" width="670" height="1006" width_o="1000" height_o="1502" src_o="http://payload.cargocollective.com/1/1/56609/762582/IMG_8294_2_3_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/762582/Bilzy_blk_wht.jpg" border="0" width="670" height="501" width_o="1024" height_o="766" src_o="http://payload.cargocollective.com/1/1/56609/762582/Bilzy_blk_wht_o.jpg" align="left" /> http://lukeforsythe.com/The-best-of-bragster-show http://lukeforsythe.com/following/lukeforsythe.com/The-best-of-bragster-show Wed, 03 Nov 2010 17:08:04 +0000 Luke Forsythe - User Experience (UX) Designer based in London 752931 2010 The best of bragster was a web based show that went out every week across various video sites and showcased some of the best users and videos from that week. For bragster users it was the ultimate reward to be featured and listed in the interactive credits at the end. On sites such as Youtube it acted as a pull back to the site. Watch for the ident at the end. The show's format originally involved presenters but later we simplified it and had quicker cuts in order to include as much great user generated content as possible. The show was edited by Adam Moore. <img src="http://payload.cargocollective.com/1/1/56609/752931/BoB_page2.jpg" border="0" width="670" height="501" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/752931/BoB_page2_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/752931/BoB_page_credits.jpg" border="0" width="670" height="501" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/752931/BoB_page_credits_o.jpg" align="left" /> <img src="http://payload.cargocollective.com/1/1/56609/752931/BoB_youtube.jpg" border="0" width="670" height="501" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/752931/BoB_youtube_o.jpg" align="left" /> http://lukeforsythe.com/GWR-Gamer-s-Edition http://lukeforsythe.com/following/lukeforsythe.com/GWR-Gamer-s-Edition Tue, 02 Nov 2010 22:31:23 +0000 Luke Forsythe - User Experience (UX) Designer based in London 750964 2010 In addition to my UX and UI responsibilities at bragster, I was lucky enough to work on various high profile campaigns with big name brands. These included Adidas, Tango, Lionsgate films and Guinness World Records Gamer's Edition. <img src="http://payload.cargocollective.com/1/1/56609/750964/GWR_gamers_o_905.jpeg" border="0" width="905" height="677" width_o="1024" height_o="767" src_o="http://payload.cargocollective.com/1/1/56609/750964/GWR_gamers_o_o.jpeg" align="left" />