http://www.macadaan.com macadaan Tue, 20 Sep 2011 07:43:50 +0000 http://www.macadaan.com en http://macadaan.com/2028696/Urbandig http://macadaan.com/following/all/#2028696/Urbandig Tue, 20 Sep 2011 07:43:50 +0000 macadaan 2028696 Handcrafted off the beaten experiences in an app. Download <img src="http://payload.cargocollective.com/1/1/34691/2028696/IMG_1115.jpg" border="0" width="333" height="500" width_o="333" height_o="500" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/2028696/IMG_1160.jpg" border="0" width="333" height="500" width_o="333" height_o="500" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/2028696/onboarding2.jpg" border="0" width="333" height="500" width_o="333" height_o="500" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/2028696/photo 2.jpg" border="0" width="373" height="500" width_o="373" height_o="500" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/2028696/photo.jpg" border="0" width="500" height="373" width_o="500" height_o="373" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/2028696/rabbit.jpg" border="0" width="497" height="500" width_o="497" height_o="500" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/2028696/rabbit-cheese5.png" border="0" width="500" height="611" width_o="500" height_o="611" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/2028696/298943_10150265080336402_713911401_8171064_3080303_n.jpg" border="0" width="500" height="374" width_o="500" height_o="374" align="left" /> http://macadaan.com/1655782/Exit-Through-The-Gift-Shop-Movie-Poster http://macadaan.com/following/all/#1655782/Exit-Through-The-Gift-Shop-Movie-Poster Tue, 28 Jun 2011 16:12:26 +0000 macadaan 1655782 <img src="http://payload.cargocollective.com/1/1/34691/1655782/Exit Through The Gift Shop by macadaan[minimalmovieposters].gif" border="0" width="472" height="700" width_o="472" height_o="700" align="left" /> http://macadaan.com/1636875/Glue-Design-Standards http://macadaan.com/following/all/#1636875/Glue-Design-Standards Thu, 23 Jun 2011 21:45:55 +0000 macadaan 1636875 Glue is a guiding framework for ongoing product design, based on common elements and visual language that make up the current brand & product proposition, with flexibility to allow for vertical expression. <img src="http://payload.cargocollective.com/1/1/34691/1636875/Futura selected=.png" border="0" width="670" height="309" width_o="715" height_o="330" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/1636875/Futura lightbox login example.jpeg" border="0" width="600" height="300" width_o="600" height_o="300" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/1636875/states_userowned_0803102.png" border="0" width="508" height="273" width_o="508" height_o="273" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/1636875/GAP_SocialActions_091410-01.png" border="0" width="600" height="372" width_o="600" height_o="372" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/1636875/Futura hover states example.png" border="0" width="670" height="580" width_o="715" height_o="620" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/1636875/Icon_audit_121410.png" border="0" width="670" height="919" width_o="1250" height_o="1715" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/1636875/futura_login_specs.png" border="0" width="624" height="770" width_o="624" height_o="770" align="left" /> Example Glue entry UX + Design Guiding Principles Predictable Place a strong emphasis on familiarity, leveraging existing patterns to create a predictable and comforting environment. Establish easy-to-remember conventions and apply them throughout the products, creating an efficient, trustworthy system that requires no re-learning by the user. Place a strong emphasis on familiarity, leveraging existingpatterns to create a predictable and comforting environment.Establish easy-to-remember conventions and apply them throughout the products, creating an efficient, trustworthysystem that requires no re-learning by the user. Clear Start with nothing and only add what is absolutely necessary. Don’t overemphasize; if you draw attention to everything, you effectively draw attention to nothing. Decide what the primary objective of the page is and focus on that, making it clear. Successful organization can make even the most complex systems appear simple. Transparent Nothing conveys trust more than organization, clutter-free, comforting experiences. Tell the user what they want to know and let them feel in control of their information and experience. Save steps whenever possible. Accept blame for errors and when in doubt, apologize. Live Create an atmosphere that is always active, like a 24/7 party. No matter what time of day someone stops by, they’ll find people talking, new content being offered up and plenty to discover. Details Don’t force users to be constantly bothered by minor details (check this box, scroll this way, now that way, etc.) The vast majority of usability issues are in the details, and small annoyances that add up break the overall experience for the user. Fluid Anticipate the user’s needs from end-to-end, delivering the right information at the right time. Emphasize discovery, be reassuring about processes, avoid dead ends, and make it easy to recover from errors. Responsive Create open lines of communication with the user. Respond to interactions with simple visible changes (status bars, alerts, feedback on buttons – no extra confirmation windows or anything that goes against the flow). Be their guide through the experience – feed back and feed forward – keeping a friendly and conversational tone. Personalized Give the user necessary tools to tailor-fit their experience to their individual tastes and preferences, allowing for the delivery of unique and different content to each user based on those interests. The more control they have over their environment, the more personalized their experience will be and the less likely they will want to leave. Customized Self-expression has been and continues to be one of our strongest suits. Keep the design simple and give the user boundless opportunity to express their identity outwardly by adding customization tools to add creative elements to their space and better ways to share what they find. Brand Through it all, allow for our heart and soul to shine through in brief moments like badges, pre-rolls, etc. Our personality should come out and surprise you from between the lines, not be an over-the-top presence that you can’t get away from. We’re just the host, not the party. http://macadaan.com/1207830/12-Monkeys-Movie-Poster http://macadaan.com/following/all/#1207830/12-Monkeys-Movie-Poster Wed, 23 Mar 2011 07:19:30 +0000 macadaan 1207830 <img src="http://payload.cargocollective.com/1/1/34691/1207830/12.jpg" border="0" width="527" height="799" width_o="527" height_o="799" align="left" /> http://macadaan.com/1020089/Brief-Encounter http://macadaan.com/following/all/#1020089/Brief-Encounter Fri, 04 Feb 2011 22:58:29 +0000 macadaan 1020089 <img src="http://payload.cargocollective.com/1/1/34691/1020089/myspace-1.jpg" border="0" width="670" height="453" width_o="670" height_o="453" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/1020089/myspace-2.jpg" border="0" width="670" height="453" width_o="670" height_o="453" align="left" /> Download article from Feb 2011 issue of Computer Arts http://macadaan.com/951711/Twiistup http://macadaan.com/following/all/#951711/Twiistup Tue, 18 Jan 2011 18:07:39 +0000 macadaan 951711 Los Angeles, 2007 <img src="http://payload.cargocollective.com/1/1/34691/951711/3336687543_611e5e5e71.jpeg" border="0" width="500" height="332" width_o="500" height_o="332" align="left" /> Twiistup 5 in a hangar in Santa Monica I created Twiistup as a way to bring creative people together to celebrate their creations. I ran Twiistup in Los Angeles from 2007-2009. Twiistup was sold in 2009 and continues in LA. http://macadaan.com/923834/2XL http://macadaan.com/following/all/#923834/2XL Tue, 11 Jan 2011 03:58:16 +0000 macadaan 923834 <img src="http://payload.cargocollective.com/1/1/34691/923834/2xl.jpg" border="0" width="471" height="596" width_o="471" height_o="596" align="left" /> http://macadaan.com/887651/Tsavo http://macadaan.com/following/all/#887651/Tsavo Wed, 29 Dec 2010 10:49:56 +0000 macadaan 887651 Santa Monica, 2008 <img src="http://payload.cargocollective.com/1/1/34691/887651/daymix-customize[1].jpg" border="0" width="670" height="1070" width_o="1024" height_o="1636" align="left" /> <img src="http://payload.cargocollective.com/1/1/34691/887651/mano.jpg" border="0" width="670" height="447" width_o="670" height_o="447" align="left" /> http://macadaan.com/887566/TechTV http://macadaan.com/following/all/#887566/TechTV Wed, 29 Dec 2010 09:16:25 +0000 macadaan 887566 San Francisco, 2000 Creative Director for the web presence of a cable technology TV channel. <img src="http://payload.cargocollective.com/1/1/34691/887566/techtv.jpg" border="0" width="290" height="350" width_o="290" height_o="350" align="left" /> http://macadaan.com/887542/Mozes http://macadaan.com/following/all/#887542/Mozes Wed, 29 Dec 2010 09:05:02 +0000 macadaan 887542 Palo Alto, 2006 User experience for mobile band 'fan cards.' <img src="http://payload.cargocollective.com/1/1/34691/887542/mozes-7606.jpg" border="0" width="670" height="441" width_o="1032" height_o="680" align="left" />