archive-com.com » COM » D » DESIGNCAFFEINE.COM

Total: 264

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".
  • Patent
    Tablet UX Design Articles navigation Patent Smashing Magazine tablet Mobile Auto Suggest on Steroids Tap Ahead Design Pattern May 27th 2011 by Greg Nudelman In contrast to desktop Web search auto suggest on mobile devices is subject to two additional limitations typing avoidance and slower bandwidth The new patent pending design pattern Tap Ahead uses continuous refinement to create an intuitive authentically mobile auto suggest solution This helps dramatically reduce the amount of typing needed to enter queries and utilizes slower mobile bandwidth in the most efficient manner Using this novel design pattern your customers can quickly access thousands of popular search term combinations by typing just a few initial characters Filed Under 56 Articles on Digital Strategy Mobile and Search Mobile and Tablet UX Design Articles Search UX Design Articles Tagged With Mobile and Tablet UX Design Articles Patent Smashing Magazine UX Design US Patent 6677343 Substituted Piperazine Compounds Jan 20th 2010 by Greg Nudelman Key Ranolazine patent for CV Therapeutics Gilead a novel class of compounds that are useful in the treatment of cardiovascular diseases including arrhythmias angina congestive heart disease and myocardial infarction Filed Under Inventions Tagged With Biochemistry Medicinal Chemistry Patent Pharmaceutical US Patent 6180615 Propargyl

    Original URL path: http://www.designcaffeine.com/tag/patent/ (2016-04-27)
    Open archived version from archive


  • Smashing Magazine
    Articles Tagged With android design pattern invention ios Mobile and Tablet UX Design Articles navigation Patent Smashing Magazine tablet The Definitive Guide To The Android Carousel Design Pattern Feb 1st 2013 by contributor We ll use the analogy of a real world amusement park carousel to explain what makes for an authentically mobile user experience and we ll give you the design the complete source code and a downloadable mini app which you can use today to add an enjoyable and effective carousel to your own app on phones and tablets Filed Under 56 Articles on Digital Strategy Mobile and Search Featured UX Design Articles Mobile and Tablet UX Design Articles Tagged With android carousel design pattern ios Mobile and Tablet UX Design Articles Smashing Magazine tablet Essential Design Patterns For Mobile Banking Jul 5th 2012 by contributor Despite a great deal of mobile innovation many creators of financial apps still copy their interface patterns from the desktop Web even though these patterns are not as well suited to the mobile space Small screens custom controls divided attention and fat fingers demand different thinking when designing for mobile taking what works on the Web and converting it into authentically mobile flows using simple effective design patterns Filed Under 56 Articles on Digital Strategy Mobile and Search Design Strategy Articles Featured UX Design Articles Mobile and Tablet UX Design Articles Tagged With android best practices iPad iPhone Mobile and Tablet UX Design Articles Mobile Banking Mobile Payments prototyping Smashing Magazine tablet UX Mobile Auto Suggest on Steroids Tap Ahead Design Pattern May 27th 2011 by Greg Nudelman In contrast to desktop Web search auto suggest on mobile devices is subject to two additional limitations typing avoidance and slower bandwidth The new patent pending design pattern Tap Ahead uses continuous refinement to

    Original URL path: http://www.designcaffeine.com/tag/smashing-magazine/ (2016-04-27)
    Open archived version from archive

  • Let Them Pee: Avoiding the Sign-Up/Sign-In Mobile Antipattern
    SitOrSquat s EULA is long complex and written in such tiny font that reading it while waiting to go to the bathroom should be considered an Olympic sport to be performed only once every four years Assuming the customer gets through the EULA P G presents yet another sign up screen offering the user the option to sign in with Facebook as shown in Figure 3 Figure 3 Finally Sharing my bathroom habits on Facebook has never been easier I guess no one told the P G execs that the Twitter message pooping is actually a prank They must have legitimately thought that they could transfer some sort of social engineering information about the person s bathroom habits to achieve and maintain synergistic Facebook connectivity I would have to struggle hard to find monumental absurdities from social networking experiments that are equal to this I can t imagine that anyone thinks Finally Sharing my bathroom habits on Facebook has never been easier Assuming that the user is a legitimate customer looking to use the bathroom for its intended purpose and not a coprophiliac Facebook exhibitionist we may hope that he will naturally dismiss the Facebook sign in screen and come to the next jewel the Tutorial shown in Figure 4 Figure 4 Tutorial is a sub par Welcome experience pattern Here it is another impediment to progress SitOrSquat tutorial is an extra screen that provides very little value other than impeding the use of the app for its intended purpose If you need a tutorial I recommend a much more effective contextual Watermark pattern which I discuss in Chapter 5 of the Android Design Patterns book 50 Taps and 7 Screens of Antipatterns Note that the entire app outside of registration consists of basically four screens if you count the functionality to add bathrooms However if you include all the sign up antipattern screens including my initial failure to prove that my potty training certificate is up to date as referred to in Figure 1 it takes seven screens of the preliminary garbage before the content you are looking for finally shows up refer to Figure 5 If you count the number of taps necessary to enter my birthday that becomes almost 50 taps Figure 5 The Glory of 50 taps needed to get through the Sign Up Sign In antipattern in SitOrSquat app One of my favorite UX people Tamara Adlin who coauthored The Persona Lifecycle Keeping People in Mind During Product Design with John Pruitt wrote brilliantly For Heaven s Sakes Let Them Pee I believe that never before has this line been so appropriate In the absurd pursuit of social media exposure coupled with endless sign up screens with heavy handed lawyering up P G executives completely lost sight of the primary use case letting their customer SitOrSquat Long sign up screens detract from the key mobile use case quick simple information access on the go Overly invasive sign up sign in screens presented up front and

    Original URL path: http://www.designcaffeine.com/articles/let-them-pee-avoiding-the-sign-upsign-in-mobile-antipattern/ (2016-04-27)
    Open archived version from archive

  • BoxesandArrows
    iPad iPhone Mobile and Tablet UX Design Articles tablet UX UX Design Mobile Welcome UX Antipattern End User License Agreement EULA Jan 2nd 2013 by contributor Like the overzealous zombie cross breed between a lawyer and a customs agent End User License Agreements EULAs require multiple forms to be filled out in triplicate while keeping the customers from enjoying the app they have so laboriously invested time and flash memory space to download Filed Under 56 Articles on Digital Strategy Mobile and Search Design Strategy Articles Featured UX Design Articles Mobile and Tablet UX Design Articles Tagged With android best practices BoxesandArrows Design Strategy iPad iPhone Mobile and Tablet UX Design Articles strategy tablet UX UX Design Storyboarding iPad Transitions Mar 10th 2011 by Greg Nudelman In confined mobile computing interfaces on tablet devices or in complex virtual environments transitions are an authentic minimalist way of enabling way finding displaying system state and exposing crucial functionality in short they are key in creating a superior user experience Here is how to storyboard transitions quickly using Post it notes Filed Under 56 Articles on Digital Strategy Mobile and Search Featured UX Design Articles Mobile and Tablet UX Design Articles Tagged With

    Original URL path: http://www.designcaffeine.com/tag/boxesandarrows/ (2016-04-27)
    Open archived version from archive

  • iPad
    This course teaches how to create best of class cross channel customer experiences on the mobile tablet and web Using Mobile First design principles students will learn the practical modern UX methods and best design approaches for each channel with special focus on critical elements of mobile apps search navigation forms and workflows Although no technical expertise Filed Under Speaking Tagged With Agile best practices courses Design Strategy ecommerce iPad iPhone Kindle Fire landing pages paper prototypes Presentation prototyping Social Networking Software Engineering speaking teaching UX UX Design UX Research workshops Digital Cream June 19 2012 San Jose California May 22nd 2012 by Greg Nudelman E Consultancy s exclusive invitation only roundtable event Digital Cream San Jose is an opportunity for senior client side digital marketers to discuss best practice and the reality of digital marketing with the industry s cream of the crop The event is designed to help you meet your peers and learn from each other about the latest best practice what s working and what s not It s a hands on participatory event you will network and learn through discussion roundtables and debate Attend FREE as my guest by subscribing to Mobile and Tablet Design Secrets Filed Under Speaking Tagged With ads analytics best practices Design Strategy ecommerce iPad iPhone landing pages pogosticking Presentation Search UX Design Articles UX Design Workshop Cross Channel UX Elements Framework Apr 26th 2012 by Greg Nudelman The Cross Channel UX Elements framework is a practical design tool you can use to create Magic Moments of flow and delight for your customers across the different channels in a more deliberate fashion rather than arriving at great designs only through occasional happenstance Filed Under 56 Articles on Digital Strategy Mobile and Search Design Strategy Articles Featured UX Design Articles Mobile and Tablet UX Design Articles Tagged With android best practices Design Strategy IASummit iPad iPhone Kindle Fire Mobile and Tablet UX Design Articles tablet UX Design virtual webinar Mobile Magic Moments Transform the Trivial Apr 19th 2012 by contributor When mobile or tablet design is executed well the device feels like the extension of our bodies Because interfaces respond even before we consciously give them a command Often the interface dissolves in behavior and we feel empowered as though the device we hold in our hand is the equivalent of Iron Man s suit of cybernetic armor or Batman s utility belt I call this empowering experience a Magic Moment Filed Under 56 Articles on Digital Strategy Mobile and Search Design Strategy Articles Featured UX Design Articles Mobile and Tablet UX Design Articles Uncategorized Tagged With Agile android best practices Design Strategy iPad iPhone Mobile and Tablet UX Design Articles tablet UX UX Design Virtual Seminar Cross Channel Design Magic Mobile Moments Apr 13th 2012 by Greg Nudelman Why do some million dollar apps fail while simple apps like Instagram make billions The answer is Magic Moments And on May 16th the author of best selling book Designing Search UX Strategies

    Original URL path: http://www.designcaffeine.com/tag/ipad/ (2016-04-27)
    Open archived version from archive

  • The Definitive Guide To The Android Carousel Design Pattern
    of the line a much better approach Amazon uses Android 4 0 s standard blue parallax to signal the boundaries of the carousel ride Just as a real carousel has papier mâché horses that point you unambiguously in the right direction you wouldn t sit backwards on a horse now would you so must your own carousel show which way the ride goes End the Ride Quickly Good carousel implementations indicate the end of the list with the same parallax treatment seen at the beginning and they present only 8 to 20 items after which the ride is over and the customer can get off the carousel Most importantly the customer needs to exit the ride with the feeling of still wanting more By contrast NewEgg s carousel seems to go on forever so the customer does not get off until they feel bored or more likely given the jerky transitions weak in the stomach A much better approach would be to accompany the last element in the carousel with an obvious built in More like this link as shown below Show a More like this tile at the end of the carousel A More like this link can be used to jump into search results which are more efficient for scanning large quantities of data and which are more likely to be relevant because of the sheer volume of items Think of the More link as a premium combo ticket that grants admission to all of the remaining delights at the amusement park conveniently presented after the cheap introductory carousel ride is over Kind of puts a different spin on the entire carousel pattern doesn t it Make Sure Your Horses Look Amazing No matter how smooth the ride is or how far or how fast the carousel goes the best carousels have the best looking horses period Make sure your horses i e thumbnails tell the story you want your audience to be told For example Amazon s thumbnails are much better looking than NewEgg s although sometimes even the e commerce giant screws up the ride dropping thumbnails entirely Amazon s carousel sometimes misses thumbnails It goes without saying that ghost horses make for a terrible ride even on Halloween unless you re the Headless Horseman Which brings up my next point some products are just not that visual making them poor candidates for inclusion in a carousel A classic example from my first book Designing Search UX Strategies for Ecommerce Success Wiley 2011 is coffee Peet s Coffee to be exact Even though Berkeley California based Peet s makes some of the world s most divine premium coffee all of the thumbnails are identical pictures of a generic coffee bag and some spilled beans Some thumbnails like these coffee bags from Peet s are not good candidates for the carousel pattern Carousels are way more fun when the horses are all different likewise these generic bean bag thumbnails are not good candidates for inclusion in a

    Original URL path: http://www.designcaffeine.com/articles/a-definitive-guide-to-the-android-carousel-design-pattern/ (2016-04-27)
    Open archived version from archive

  • carousel
    makes for an authentically mobile user experience and we ll give you the design the complete source code and a downloadable mini app which you can use today to add an enjoyable and effective carousel to your own app on phones and tablets Filed Under 56 Articles on Digital Strategy Mobile and Search Featured UX Design Articles Mobile and Tablet UX Design Articles Tagged With android carousel design pattern ios

    Original URL path: http://www.designcaffeine.com/tag/carousel/ (2016-04-27)
    Open archived version from archive

  • Three essentials of Android design DNA
    and highly functional SMS machine The overall visual scheme is very reserved almost corporate Notice also the toolbars iOS dictates that the toolbar elements have a three dimensional quality that makes the elements seem to pop off the page This is achieved with the gradients that help digital objects like toolbars visually approximate the physical world In contrast the Android toolbars and indeed the entire page is decidedly one dimensional and completely free from having to look like a physical object Unabashed embrace of flatland and freedom from three dimensions opens the door to creating menus that are semi transparent and commit fully to the content first directive Figure 2 Semi transparent menus of Android 4 0 Google Earth vs the physicality of iOS menus iPhone The entire Android screen is built with gray scale using just enough color to make the toolbars a bit darker while the content areas mostly remain light Color is one area where many other mobile OS such as Windows Mobile contrasts strongly with the Android Ice Cream Sandwich OS Even though both have flat gradients Windows Mobile veritably explodes with both color and interactivity homescreen literally popping with movement as each element vibrates flips and slides with clever transitions and contrasting color combinations In contrast a typical Android screen looks very compact serious business like providing only the essentials exactly like a typical wireframe Even more interestingly this flat world scenario applies to buttons and tap targets Android buttons also have no gradients which is the subject of the next section Tap anywhere In the early days of using the mainframe workstations that was a very long time ago I remember being stumped when first seeing the message Tap any key to continue Programming was such a precise discipline especially for me because typing was always such a challenge that it seemed inconceivable to me that any key would work Besides I was stumped I understand that I can tap any key but which is the best key Is one better than the other Of course the confusion quickly passed and I learned to enjoy the freedom to just jam anywhere on the keyboard without having to think very hard most of the time just hitting the space bar with my thumb Android takes buttons to a whole new level Whereas the iOS painstakingly identifies any tap worthy element with the three dimensional beveled button Android simply assumes that any element on the screen is a tap target often providing no additional clues Compare for example an individual message row in the messaging app the iOS implementation provides the beveled round circular right caret button whereas Android in contrast provides Absolutely nothing Figure 3 Android 4 0 vs iOS table rows The customer has to figure out that they can simply tap anywhere on the element itself that is anywhere in the row to get more information If you may possibly want more information about something than you should be able to tap it

    Original URL path: http://www.designcaffeine.com/articles/three-essentials-of-android-design-dna/ (2016-04-27)
    Open archived version from archive



  •