Interface Design http://design.org/interface-design en Ttmm After Time: Ultra Minimal Watch Face Designs for Smart Watches http://design.org/blog/ttmm-after-time-ultra-minimal-watch-face-designs-smart-watches <p>We shared a design by <a href="http://www.behance.net/dominusplus" target="Albert Salamon">Albert Salamon</a> a few years ago when we featured his futuristic clock app, <a href="http://design.org/blog/domdominus-plus-graphic-and-futuristic-clock-app" target="Dominus Plus">Dominus Plus</a>. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="500" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_watch_00.jpg?1380760090" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_watch_01.jpg?1380760118" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="1101" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_watch_05.jpg?1380760231" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="417" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_watch_04.jpg?1380760231" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="500" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_animation_02.gif?1380760231" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="500" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_animation_04.gif?1380760232" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="500" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_animation_05.gif?1380760232" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="500" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_animation_06.gif?1380760232" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="500" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_animation_07.gif?1380760232" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="500" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_animation_08.gif?1380760232" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="500" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_animation_09.gif?1380760232" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="500" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_animation_10.gif?1380760249" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="500" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_animation_11.gif?1380760249" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="1024" height="768" title="Design, ttmm, smartwatch" alt="" src="http://design.org/sites/default/files/blog/2013/10/02/ttmm_watch_03.jpg?1380760231" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/ttmm-after-time-ultra-minimal-watch-face-designs-smart-watches" target="_blank">read more</a></p> http://design.org/blog/ttmm-after-time-ultra-minimal-watch-face-designs-smart-watches#comments android app design graphic interface iphone minimalistic modern watch Thu, 03 Oct 2013 01:12:44 +0000 wardandrews 4398 at http://design.org Foldify: Paper Characters and Creations from the iPad http://design.org/blog/foldify-paper-characters-and-creations-ipad <p><a href="http://foldifyapp.com/" target="Foldify">Foldify</a> is joy for the iPad. Designed and developed by <a href="http://www.pixle.pl/" target="Pixle">Pixle</a>, a development and <a href="http://design.org/interface-design" target="UI design">UI design</a> trio based in Warsaw, Poland, Foldify brings paper and tablet together in a playful and intuitive way. The app's motto—Create. Print. Fold.—says it all: Folders can choose existing designs or create their own characters / objects, air print to their printers and fold up real-world incarnations of their design. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="384" title="Design, foldify, app" alt="" src="http://design.org/sites/default/files/blog/2012/12/10/foldify_00.jpg?1355179999" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="388" title="Design, foldify, app" alt="" src="http://design.org/sites/default/files/blog/2012/12/10/foldify_01.jpg?1355180031" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, foldify, app" alt="" src="http://design.org/sites/default/files/blog/2012/12/10/foldify_03.jpg?1355180032" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="348" title="Design, foldify, app" alt="" src="http://design.org/sites/default/files/blog/2012/12/10/foldify_02.jpg?1355180032" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, foldify, app" alt="" src="http://design.org/sites/default/files/blog/2012/12/10/foldify_08.jpg?1355180203" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, foldify, app" alt="" src="http://design.org/sites/default/files/blog/2012/12/10/foldify_09.jpg?1355180203" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, foldify, app" alt="" src="http://design.org/sites/default/files/blog/2012/12/10/foldify_07.jpg?1355180203" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, foldify, app" alt="" src="http://design.org/sites/default/files/blog/2012/12/10/foldify_05.jpg?1355180212" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, foldify, app" alt="" src="http://design.org/sites/default/files/blog/2012/12/10/foldify_06.jpg?1355180203" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="827" title="Design, foldify, app" alt="" src="http://design.org/sites/default/files/blog/2012/12/10/foldify_10.jpg?1355180298" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/foldify-paper-characters-and-creations-ipad" target="_blank">read more</a></p> http://design.org/blog/foldify-paper-characters-and-creations-ipad#comments app character design interface paper poland UI Mon, 10 Dec 2012 23:18:45 +0000 jessicapatterson 4345 at http://design.org An AIGA Seed Awards Interactive Application by Dan Luo http://design.org/blog/aiga-seed-awards-interactive-application-dan-luo <p><a href="http://www.dandan-i-design.com/AIGA-app.html" target="Dan Luo">Dan Luo</a>, a New Jersey-based graphic, interaction and UI designer, created this interactive application for AIGA Atlanta to present 2011's <a href="http://www.seedawards.com/" target="SEED award">SEED award</a> winners. The application allows users to navigate the competition's 14 interaction design winners through a touch screen interface. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="528" title="Design, danluo, aigaseed" alt="" src="http://design.org/sites/default/files/blog/2012/09/28/aiga_seed_luo_05.jpg?1348861933" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="553" title="Design, danluo, aigaseed" alt="" src="http://design.org/sites/default/files/blog/2012/09/28/aiga_seed_luo_01.png?1348862100" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="468" title="Design, danluo, aigaseed" alt="" src="http://design.org/sites/default/files/blog/2012/09/28/aiga_seed_luo_03.jpg?1348862100" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="440" title="Design, danluo, aigaseed" alt="" src="http://design.org/sites/default/files/blog/2012/09/28/aiga_seed_luo_04.jpg?1348862100" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="535" title="Design, danluo, aigaseed" alt="" src="http://design.org/sites/default/files/blog/2012/09/28/aiga_seed_luo_02.png?1348862100" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/aiga-seed-awards-interactive-application-dan-luo" target="_blank">read more</a></p> http://design.org/blog/aiga-seed-awards-interactive-application-dan-luo#comments AIGA atlanta content design exhibition interactive UI Sat, 29 Sep 2012 00:40:32 +0000 wardandrews 4326 at http://design.org The Film Interfaces of Mark Coleran: A Portfolio Show Reel http://design.org/blog/film-interfaces-mark-coleran-portfolio-show-reel <p>What do alternate versions of present and future user interface look like? What do the interfaces of your dreams — of great fiction you have read — conjure up? This is the world of modern motion picture user interface design.</p> <p>This showreel highlights the work of San Francisco-based <a href="http://coleran.com/category/work/" target="Mark Coleran">Mark Coleran</a>, a once-print designer who now creates at the intersection of movies, interface design and motion graphics. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="512" title="Design, coleran, interface" alt="" src="http://design.org/sites/default/files/blog/2012/07/27/coleran_07.jpg?1343431884" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="273" title="Design, coleran, interface" alt="" src="http://design.org/sites/default/files/blog/2012/07/27/coleran_01.jpg?1343431977" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="226" title="Design, coleran, interface" alt="" src="http://design.org/sites/default/files/blog/2012/07/27/coleran_02.jpg?1343431978" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="384" title="Design, coleran, interface" alt="" src="http://design.org/sites/default/files/blog/2012/07/27/coleran_06.jpg?1343431978" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="295" title="Design, coleran, interface" alt="" src="http://design.org/sites/default/files/blog/2012/07/27/coleran_03.jpg?1343431978" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/film-interfaces-mark-coleran-portfolio-show-reel" target="_blank">read more</a></p> http://design.org/blog/film-interfaces-mark-coleran-portfolio-show-reel#comments design interface Movie sanfrancisco Fri, 27 Jul 2012 23:48:30 +0000 wardandrews 4287 at http://design.org Logbook: A Digital StampBook App for Recording Experiences http://design.org/blog/logbook-digital-stampbook-app-recording-experiences <p>Students <a href="http://www.chrispie.com/" target="Christopher Pietsch">Christopher Pietsch</a>, <a href="http://www.florianschulz.info/" target="Florian Schulz">Florian Schulz</a> and <a href="https://vimeo.com/user2619766" target="Wenke Kramp">Wenke Kramp</a> created Logbook as part of their "Connect to Science" class at the University of Applied Sciences, Potsdam. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="529" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_14_0.jpg?1342212875" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="348" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_00.jpg?1342212147" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="348" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_01.jpg?1342212148" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="348" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_02.jpg?1342212148" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="348" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_03.jpg?1342212148" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="424" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_18.jpg?1342212149" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_06.jpg?1342212148" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_07.jpg?1342212148" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="440" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_13.jpg?1342212148" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_08.jpg?1342212148" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_19.jpg?1342212271" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="838" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_24.jpg?1342212149" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="451" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_11.jpg?1342212148" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="416" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_22.jpg?1342212149" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_23.jpg?1342212149" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="318" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_20_0.jpg?1342212900" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="930" title="Design, logbook, app" alt="" src="http://design.org/sites/default/files/blog/2012/07/13/logbook_21.jpg?1342212294" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/logbook-digital-stampbook-app-recording-experiences" target="_blank">read more</a></p> http://design.org/blog/logbook-digital-stampbook-app-recording-experiences#comments app concept design germany interface student user experience Fri, 13 Jul 2012 20:52:28 +0000 jessicapatterson 4273 at http://design.org JETSET: A Nostalgic Travel Tracking App Concept http://design.org/blog/jetset-nostalgic-travel-tracking-app-concept <p>Students <a href="http://www.andrew-spitz.com/" target="Andrew Spitz">Andrew Spitz</a>, <a href="http://www.smeidu.com/" target="Markus Schmeiduch">Markus Schmeiduch</a>, and <a href="http://katiekindinger.com" target="Katie Kindinger">Katie Kindinger</a> created the JETSET Travel app concept for their Graphical User Interface class at <a href="http://ciid.dk" target="Copenhagen Institute of Interaction Design">Copenhagen Institute of Interaction Design</a> in Denmark.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="347" title="Design, JETSET, app" alt="" src="http://design.org/sites/default/files/blog/2012/05/25/jetset_01.jpg?1338014781" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="533" title="Design, JETSET, app" alt="" src="http://design.org/sites/default/files/blog/2012/05/25/jetset_02.jpg?1338015073" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="533" title="Design, JETSET, app" alt="" src="http://design.org/sites/default/files/blog/2012/05/25/jetset_03.jpg?1338015073" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="533" title="Design, JETSET, app" alt="" src="http://design.org/sites/default/files/blog/2012/05/25/jetset_07.jpg?1338015073" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="533" title="Design, JETSET, app" alt="" src="http://design.org/sites/default/files/blog/2012/05/25/jetset_06.jpg?1338015073" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="533" alt="" src="http://design.org/sites/default/files/blog/2012/05/25/jetset_05.jpg?1338015073" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/jetset-nostalgic-travel-tracking-app-concept" target="_blank">read more</a></p> http://design.org/blog/jetset-nostalgic-travel-tracking-app-concept#comments app copenhagen denmark design interface iphone student travel Sat, 26 May 2012 07:10:03 +0000 jessicapatterson 4246 at http://design.org The National Parks App UI and Custom Badge Designs http://design.org/blog/national-parks-app-ui-and-custom-badge-designs <p>The <a href="http://itunes.apple.com/us/app/national-parks-by-national/id518426085?mt=8" target="National Parks App">National Parks App</a> from National Geographic allows users to experience the landmarks in a beautiful interface, providing an interactive guide to some of the nation's most beloved parks. The app helps users plan trips, discover new places to visit and offers a utilitarian experience for those interested in exploring the parks from a distance or tracking their experiences. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="465" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_00.jpg?1336789071" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_01.jpg?1336789324" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="480" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_17.jpg?1336789324" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_03.jpg?1336789324" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="400" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_02.gif?1336789324" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="930" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_05.jpg?1336789324" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="401" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_06.jpg?1336789325" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="930" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_07.jpg?1336789325" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="459" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_08.jpg?1336789325" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_09.jpg?1336789325" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="464" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_12.jpg?1336789391" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="930" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_16.jpg?1336789391" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="556" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_11.jpg?1336789391" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="556" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_13.jpg?1336789451" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="556" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_14.jpg?1336789452" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="556" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_15.jpg?1336789452" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="485" title="Design, app, nationalpark" alt="" src="http://design.org/sites/default/files/blog/2012/05/11/natgeo_parks_app_10.jpg?1336789475" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/national-parks-app-ui-and-custom-badge-designs" target="_blank">read more</a></p> http://design.org/blog/national-parks-app-ui-and-custom-badge-designs#comments app design graphic icon illustration interface iphone outdoor saltlake UI utah Sat, 12 May 2012 02:29:49 +0000 jessicapatterson 4231 at http://design.org Jotly: Record Everything Your Ever Wanted to Say to Everyone http://design.org/blog/jotly-record-everything-your-ever-wanted-say-everyone <p>This is it. The ONLY rating app you'll ever need, allowing you to share "everything with everyone everywhere," because what you think is that important. As the pinnacle of social sharing, <a href="http://www.jotly.co/" target="Jotly">Jotly</a> allows you to rate anything and everything with location-based photos, tags and a comprehensive rating system.</p> <p><iframe width="619" height="315" src="http://www.youtube.com/embed/QIWpbfZHHzc" frameborder="0" allowfullscreen></iframe></p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="346" title="Design, app, jotly" alt="" src="http://design.org/sites/default/files/blog/2012/05/09/jotly_app_04.jpg?1336632949" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="458" title="Design, app, jotly" alt="" src="http://design.org/sites/default/files/blog/2012/05/09/jotly_app_03.jpg?1336632991" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="458" title="Design, app, jotly" alt="" src="http://design.org/sites/default/files/blog/2012/05/09/jotly_app_02.jpg?1336632965" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="340" title="Design, app, jotly" alt="" src="http://design.org/sites/default/files/blog/2012/05/09/jotly_app_01.jpg?1336632964" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="310" title="Design, app, jotly" alt="" src="http://design.org/sites/default/files/blog/2012/05/09/jotly_app_05.jpg?1336632992" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/jotly-record-everything-your-ever-wanted-say-everyone" target="_blank">read more</a></p> http://design.org/blog/jotly-record-everything-your-ever-wanted-say-everyone#comments app design funny humor interface iphone social media UI Thu, 10 May 2012 06:40:55 +0000 jessicapatterson 4230 at http://design.org Apps for Health: BloodNote—A Minimalist Medical App http://design.org/blog/apps-health-bloodnote%E2%80%94-minimalist-medical-app <p><a href="http://bloodnoteapp.com/" target="BloodNote">BloodNote</a> by Matt Ludzen and Peter Bajtala aims to make tracking health easier with its minimal design and specialized function. Instead of trying to track multiple aspects of health, it drills down to aid a specific user group, allowing them to quickly and intuitively track their blood pressure daily and over time. </p> <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2012/05/07/bloodnote_app_01.jpg" alt="Design, app, bloodnote" title="Design, app, bloodnote" class="imagecache-blog-full-scale" /></p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="439" title="Design, app, bloodnote" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/bloodnote_app_07.jpg?1336458366" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="720" title="Design, app, bloodnote" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/bloodnote_app_01.jpg?1336458457" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="720" title="Design, app, bloodnote" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/bloodnote_app_02.jpg?1336458457" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="720" title="Design, app, bloodnote" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/bloodnote_app_03.jpg?1336458457" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="720" title="Design, app, bloodnote" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/bloodnote_app_04.jpg?1336458457" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="720" title="Design, app, bloodnote" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/bloodnote_app_05.jpg?1336458457" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="720" title="Design, app, bloodnote" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/bloodnote_app_06.jpg?1336458458" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="720" title="Design, app, bloodnote" alt="" src="http://design.org/sites/default/files/blog/2012/05/07/bloodnote_app_08.jpg?1336458470" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/apps-health-bloodnote%E2%80%94-minimalist-medical-app" target="_blank">read more</a></p> http://design.org/blog/apps-health-bloodnote%E2%80%94-minimalist-medical-app#comments app design health interface iphone UI Tue, 08 May 2012 06:24:44 +0000 jessicapatterson 4229 at http://design.org Tallywag: An Intelligently Small, Simple Tally and Record-Keeping App http://design.org/blog/tallywag-intelligently-small-simple-tally-and-record-keeping-app <p><a href="http://theblimpfactory.com/tallywag" target="The Blimp Factory">The Blimp Factory</a> duo of Barry Lachapelle and Jason Byck created their inaugural app <a href="http://theblimpfactory.com/tallywag" target="Tallywag">Tallywag</a> to help total those events and curiosities you otherwise might overlook or forget. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="463" title="Design, app, tallywag" alt="" src="http://design.org/sites/default/files/blog/2012/05/01/tallywag_app_02.jpg?1335920081" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="620" title="Design, app, tallywag" alt="" src="http://design.org/sites/default/files/blog/2012/05/03/tallywag_app_08.jpg?1336098256" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="620" title="Design, app, tallywag" alt="" src="http://design.org/sites/default/files/blog/2012/05/03/tallywag_app_09.jpg?1336098256" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="620" title="Design, app, tallywag" alt="" src="http://design.org/sites/default/files/blog/2012/05/03/tallywag_app_10.jpg?1336098257" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="512" title="Design, app, tallywag" alt="" src="http://design.org/sites/default/files/blog/2012/05/03/tallywag_app_03.jpg?1336098257" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/tallywag-intelligently-small-simple-tally-and-record-keeping-app" target="_blank">read more</a></p> http://design.org/blog/tallywag-intelligently-small-simple-tally-and-record-keeping-app#comments app design interface iphone productivity Fri, 04 May 2012 02:54:24 +0000 wardandrews 4218 at http://design.org App Interface Design: The Multitasking Camera Genius http://design.org/blog/app-interface-design-multitasking-camera-genius <p>The Camera Genius app from <a href="http://www.codegoo.com/page/camera-genius" target="CodeGoo">CodeGoo</a> adds function to the already excellent iPhone camera. With shooting, editing and sharing features, the app allows a full photo experience within a single app, as opposed to the native camera's very minimal sharing and editing capabilities. The Camera genius interface was designed by <A href="http://www.artua.com/" target="Artua">Artua</a>, an agency specializing in web and interface design. </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="409" title="Design, camergenius, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/29/camera-genius_01.jpg?1335765758" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="337" title="Design, camergenius, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/29/camera-genius_02.jpg?1335765877" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="827" title="Design, camergenius, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/29/camera-genius_03.jpg?1335765877" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="409" title="Design, camergenius, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/29/camera-genius_04.jpg?1335765877" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="409" title="Design, camergenius, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/29/camera-genius_06.jpg?1335765877" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="409" title="Design, camergenius, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/29/camera-genius_05.jpg?1335765877" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="409" title="Design, camergenius, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/29/camera-genius_07.jpg?1335765878" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="409" title="Design, camergenius, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/29/camera-genius_10.jpg?1335765878" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="409" title="Design, camergenius, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/29/camera-genius_08.jpg?1335765878" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="409" title="Design, camergenius, app" alt="" src="http://design.org/sites/default/files/blog/2012/04/29/camera-genius_09.jpg?1335765878" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/app-interface-design-multitasking-camera-genius" target="_blank">read more</a></p> http://design.org/blog/app-interface-design-multitasking-camera-genius#comments app camera design interface iphone Mon, 30 Apr 2012 06:07:49 +0000 jessicapatterson 4216 at http://design.org An Interview with DoubleTwist Alarm UI Designer Sebastiaan de With http://design.org/blog/interview-doubletwist-alarm-ui-designer-sebastiaan-de <p>Like most Design.org readers, Sebastiaan de With is "a lover of well-designed things." The self-proclaimed "hard to deal with" designer has a difficult time stomaching or appeasing mediocrity or crumminess. But this proclivity toward critical-perfection drives him to be the change he wants to see in the world. He works to make "electronics better and easier to use through product, visual and user interface design."</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="413" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/25/alarm_doubletwist_07.jpg?1335383751" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="483" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/25/alarm_doubletwist_01.jpg?1335383816" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/24/alarm_doubletwist_05.jpg?1335331834" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="339" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/24/alarm_doubletwist_03.jpg?1335331833" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="1177" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/24/alarm_doubletwist_02.jpg?1335331833" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="483" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/24/alarm_doubletwist_04.jpg?1335331833" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="413" title="Design, alarm, doubletwist" alt="" src="http://design.org/sites/default/files/blog/2012/04/24/alarm_doubletwist_06.jpg?1335331834" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/interview-doubletwist-alarm-ui-designer-sebastiaan-de" target="_blank">read more</a></p> http://design.org/blog/interview-doubletwist-alarm-ui-designer-sebastiaan-de#comments design interface interview netherlands sanfrancisco UI Wed, 25 Apr 2012 16:45:05 +0000 wardandrews 4213 at http://design.org Basis: A Wellness Monitor and UI Design by Postmammal http://design.org/blog/basis-wellness-monitor-and-ui-design-postmammal <p>With the advent of smartphones, personal gps and mass social-media integration, life-tracking habits and devices are becoming more and more common, if not the norm. Much like the <a href="http://design.org/blog/nike-fuelband-not-your-mamas-pedometer" target="Nike Fuelband">Nike Fuelband</a> or the Jawbone UP, the wrist-worn <a href="https://mybasis.com/" target="Basis">Basis</a> is a device that tracks wellness through heart rate and activity level.</p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_00.jpg?1335089789" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_01.jpg?1335090282" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_02.jpg?1335090418" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_11.jpg?1335090419" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_08.jpg?1335090418" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_09.jpg?1335090419" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_10.jpg?1335090419" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_07.jpg?1335090418" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_05.jpg?1335090418" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_03.jpg?1335090418" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="447" title="Design, basis, ui" alt="" src="http://design.org/sites/default/files/blog/2012/04/22/basis_wellness_06.jpg?1335090418" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/basis-wellness-monitor-and-ui-design-postmammal" target="_blank">read more</a></p> http://design.org/blog/basis-wellness-monitor-and-ui-design-postmammal#comments design interface sanfrancisco sports UI watch Sun, 22 Apr 2012 10:31:03 +0000 jessicapatterson 4209 at http://design.org A Media-Focussed Interface Concept for IMDB by Vladimir Kudinov http://design.org/blog/media-focussed-interface-concept-imdb-vladimir-kudinov <p>As we all know, many sites we interact with on the internet could use facelifts. Sometimes, when something works it can be difficult to see how much the user experience could improve. <a href="http://vladimirkudinov.com/" target="Vladimir Kudinov">Vladimir Kudinov</a> is on a mission to make the internet a better place. The Russian designer says "We can make the Internet better, I believe in it... We can show the world community and the way in terms of design and usability, and together we will change the usual apathy and make our lives better." </p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="465" title="Design, imdb, interface" alt="" src="http://design.org/sites/default/files/blog/2012/04/13/imdb_concept_01.jpg?1334359805" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="902" title="Design, imdb, interface" alt="" src="http://design.org/sites/default/files/blog/2012/04/13/imdb_concept_00.jpg?1334359933" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, imdb, interface" alt="" src="http://design.org/sites/default/files/blog/2012/04/13/imdb_concept_02.jpg?1334359936" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, imdb, interface" alt="" src="http://design.org/sites/default/files/blog/2012/04/13/imdb_concept_07.jpg?1334359940" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="465" title="Design, imdb, interface" alt="" src="http://design.org/sites/default/files/blog/2012/04/13/imdb_concept_05.jpg?1334359937" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="902" title="Design, imdb, interface" alt="" src="http://design.org/sites/default/files/blog/2012/04/13/imdb_concept_03.jpg?1334359943" /> </div> <div class="field-item even"> <img class="imagefield imagefield-field_images" width="620" height="902" title="Design, imdb, interface" alt="" src="http://design.org/sites/default/files/blog/2012/04/13/imdb_concept_04.jpg?1334359945" /> </div> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="620" height="328" title="Design, imdb, interface" alt="" src="http://design.org/sites/default/files/blog/2012/04/13/imdb_concept_10.jpg?1334359972" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/media-focussed-interface-concept-imdb-vladimir-kudinov" target="_blank">read more</a></p> http://design.org/blog/media-focussed-interface-concept-imdb-vladimir-kudinov#comments concept design interface Movie russia user experience web Sun, 15 Apr 2012 06:27:03 +0000 jessicapatterson 4203 at http://design.org The Difference Between UX and UI: Subtleties Explained in Cereal http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal <p>Ever met someone who uses UX and UI interchangeably? <a href="http://edlea.com/blog/" target="Ed Lea">Ed Lea</a> created this photographic infographic to visually define the differences between user experience and user <a href="http://design.org/interface-design" target="interface design">interface design</a> and how they relate to a product.</p> <p><img src="http://design.org/sites/default/files/imagecache/blog-full-scale/blog/2012/04/13/webproduct.gif" alt="Design, experience, interface" title="Design, experience, interface" class="imagecache-blog-full-scale" /></p> <div class="field field-type-filefield field-field-image"> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_image" width="620" height="385" title="Design, experience, interface" alt="" src="http://design.org/sites/default/files/blog/2012/04/13/ux-ui_cereal.jpg?1334343522" /> </div> </div> </div> <div class="field field-type-filefield field-field-images"> <div class="field-label">Images:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> <img class="imagefield imagefield-field_images" width="600" height="2264" title="Design, experience, interface" alt="" src="http://design.org/sites/default/files/blog/2012/04/13/webproduct.gif?1334343330" /> </div> </div> </div> <div class="field field-type-number-integer field-field-featured"> <div class="field-label">Featured:&nbsp;</div> <div class="field-items"> <div class="field-item odd"> Not Featured </div> </div> </div> <p><a href="http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal" target="_blank">read more</a></p> http://design.org/blog/difference-between-ux-and-ui-subtleties-explained-cereal#comments design infographic interface user experience Fri, 13 Apr 2012 18:36:50 +0000 wardandrews 4202 at http://design.org