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".
  • Greg Nudelman's Posts
    best practices Design Strategy iPad iPhone Kindle Fire Mobile and Tablet UX Design Articles paper prototypes prototyping sketching tablet UX Design Workshop How to make Agile work for your Mobile Design project Mar 5th 2012 by Greg Nudelman I recently had dinner with one of my heroes and fellow Rosenfeld Media workshop leaders Steve Krug We had a long conversation about how to make mobile usability testing work for Agile mobile design projects This webinar is the result Learn the essential techniques that will make Agile mobile design work for you how to replace boring kick off meeting with a fun Design Workshop and how to do fast effective mobile RITE testing with PostIt Notes Get the complete Webinar techniques case study with wireframes FREE Filed Under Speaking Tagged With Agile android Free iPhone Mobile and Tablet UX Design Articles paper prototypes prototyping RITE UX Webinar 4 Ridiculously Simple Tips for Using QR Code to Connect 10 Times More Mobile Customers With your Social Media Feb 7th 2012 by Greg Nudelman Engaging with your customers through mobile social media is an excellent idea and has the potential to add a lot of value and further enhance the relationship of your customers to your brand Here are four simple tips that will help you make the most of the QR Code technology 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 facebook google plus iPhone Mobile and Tablet UX Design Articles QR code Social Networking tablet twitter Ultimate Guide to Designing NFC Mobile Apps You Won t be Ashamed Of Jan 27th 2012 by Greg Nudelman Mobile NFC Near Field Communication is finally here Here is the ultimate guide to designing awesome mobile NFC apps your customers will rave about 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 Digital Wallet iPhone Mobile and Tablet UX Design Articles Mobile Payments NFC IA Summit March 21 25 2012 New Orleans Louisiana Jan 18th 2012 by Greg Nudelman Cross Channel Search Design Approaches for Mobile and Tablet The rise of smartphones and tablets is an unprecedented opportunity for all kinds of search to escape traditional limits and become the single best way to access information In context Real time Come hear practical tips for designing search with tap ahead geo location still image and video input voice and unprecedented personalization While juggling crushing constraints limited screen real estate fat fingers spotty connections multi tasking and shortened attention span From the author of Designing Search UX Strategies for eCommerce Success Wiley 2011 Filed Under Speaking Tagged With android Design Strategy iPad iPhone Mobile and Tablet UX Design Articles tablets UX Design 7 Ways to Whip Up Viral Value Through QR Codes 6 Connect Through Social Networks Part 1 of 2 Jan 16th 2012 by Greg Nudelman Installment 6 shows how

    Original URL path: http://www.designcaffeine.com/author/greg/page/2/ (2016-04-27)
    Open archived version from archive


  • Essential Design Patterns For Mobile Banking
    it looks wireframed using the agile lightweight sticky note methodology see the References at the end of this article Selecting an account via a dedicated selection page wireframe The advantages of using a dedicated selection page over a picker or spinner include the following Any font and branding you like A platform independent experience Use the entire width of the page Text wraps as needed so multiple device profiles can use the page comfortably Display 10 or more options at a time with comfortable scrolling The bottom line is that with a dedicated selection page you can easily display the account s full name and balance How could this pattern be used with a form One popular pattern is a form with dedicated selection pages Unfortunately this often creates very long flows Form With Dedicated Selection Pages The idea behind this pattern is simple copy the standard desktop Web form but use dedicated selection pages instead of pickers or spinners Using this mobile design pattern our me to me transfer flow would look like this Blank form Dedicated page to select the From account Back to the form with the From field now filled in Dedicated page to select the To account Back to the form with both the To and From fields now filled in Fill in the amount etc and hit Continue Verification page Here is the flow wireframed using the agile lightweight sticky note methodology Me to me transfer via a form with dedicated selection pages wireframe While this pattern works it makes the flow quite long seven pages Could it be shortened Absolutely One excellent mobile first pattern is the dedicated wizard flow Dedicated Wizard Flow This is an extreme adaptation of the desktop Web form This pattern works extremely well for short forms because it dispenses with desktop forms entirely using a dedicated page for each attribute of the form Using this pattern our me to me transfer flow would look like this Dedicated page to select the From account Dedicated page to select the To account Dedicated page to enter the amount with a numeric keyboard Verification page And here is the flow using the agile methodology Me to me transfer via a dedicated wizard flow wireframe This pattern works very well for short forms and it is a great example of Luke Wroblewski s mobile first design thinking The entire flow is accomplished in only four steps Note that a verification page allowing the customer to review the entire transaction before tapping the final Transfer button is recommended with this pattern Note also the use of the breadcrumb pattern which shows the customer which step of the workflow they are on and how many steps remain The breadcrumb enhances this design pattern nicely Are we done Should you create a dedicated wizard for every flow on your mobile banking website Not so fast In mobile nothing comes for free That includes the dedicated wizard flow which completely breaks down in longer forms The

    Original URL path: http://www.designcaffeine.com/articles/essential-design-patterns-for-mobile-banking/ (2016-04-27)
    Open archived version from archive

  • Mobile Banking
    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

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

  • Mobile Magic Moments: Transform the Trivial
    unique opportunities to engage with mobile and tablet devices And create a few Magic Moments of our own Start with Zero One of the first principles of creating magic moments is transforming the trivial Let s start at zero what is about the most mundane and boring activity you do with your phone For many us it is unlocking the homescreen Although no one specifically studies how often people unlock their homescreen we can make some educated guesses According to the Pew research center one in three teens sends more than 100 text messages a day We can imagine that they d have to unlock the phone at least one every 5 10 messages which means teens unlock their homescreen about 10 20 times a day a conservative estimate To do this on the iPhone you have to enter 4 numbers using the numeric keypad Using the Cross Channel UX Elements Framework this experience can be described as follows Notice that When it comes to inputs this experience is extremely left brained This is definitely a user driven interaction where user has to do all of the work having to memorize and then enter 4 digits The entire interaction is performed using the numeric keypad This experience is very personal rather than social and tied strongly to your personal identity only you know the code to unlock your phone or so you hope even after using your phone in the Metro and other public places This experience is very much one of having the task that moves you toward your goal interrupted after all you did not pick up the phone only to unlock it so you can stare at it But you do have to unlock the phone before you can proceed with your goal of sending a text Yes unlocking the phone s homescreen definitely qualifies low on the totem pole of life s trivialities Not only is this activity mundane it is also a very left brained experience overall with left side of the diagram heavily highlighted However with a bit of awareness and compassion and the addition of some amazing technology even this mundane experience can be transformed into a magic moment Enter Facial Recognition Recently I was running a project for a large Fortune 500 client and had to get a Nexus phone running the new Android Ice Cream Sandwich OS Imagine my surprise when I discovered an amazing Easter Egg functionality unlocking the phone using facial recognition technology This is how it works First there is a short setup process where you train your phone to recognize you in different light conditions it takes no longer than entering a personal four digit code After your phone is setup to recognize you the experience of unlocking the homescreen becomes a pure magic moment All you have to do is turn the phone on That s it Really Most people hold their phone in front of them naturally to turn it on in preparation to whatever

    Original URL path: http://www.designcaffeine.com/uncategorized/mobile-magic-moments-transform-the-trivial/ (2016-04-27)
    Open archived version from archive

  • Uncategorized
    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

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

  • Don’t Put a QR Code on Your Business Card
    sends the image to the server where it is decoded using a combination of OCR Optical Character Recognition and Mechanical Turk having multiple people physically reading and transcribing the writing on the card The service is surprisingly excellent And free This is another argument against using MECARD or other special formats and instead use a URL to drive real value with every scan of your QR Code When we meet someone in person we are looking to make a connection to engage Simply exchanging information no matter how convenient you make it will not drive that engagement after the meeting You have to provide value whether with a URL phone number follow up activity or sending a message chiseled on a stone pyramid The format does not matter value does Scanning the QR Code just happens to be more convenient than sending a carrier pigeon with the cost of real estate for cages and pigeon feed being what it is now a days Value One Person at a Time How does one provide value with a QR code that is meant to be scanned during or right after a personal encounter That s a very personal question and your unique value proposition must be a very important part of your personal QR Code strategy Below are a couple of ideas Twitter Put a QR Code and a short link URL on the back of your card that points to Twitter This is usually the easiest way to engage after the initial contact If you send out useful bits of data keep up with trends or have unique micro blogging offerings especially if you plan to do some coverage of the topic related to the event Don t bother with this if your Twitter stream consists mostly of pictures of your breakfast unless you are trying to drive value for the members of the Association of Food Journalists The advantage of using Twitter is that you can completely customize the page the person will see with just a few tweets and make it very relevant to the event where you me the person Thus you can use full disclosure and tell people exactly where the QR Code will take them on or near the QR Code itself This makes it more likely that they will scan and possibly engage with you provided the personal encounter itself was interesting LinkedIn LinkedIn is the staple of the professional associations so this would appear to be an obvious choice to point people to your profile there However it is of limited value to the person doing the scan beyond simply connecting as we discussed above CardMunch app will do this for you without bothering with the scan LinkedIn is a given a baseline Thus I personally don t recommend it Your Blog s Homepage This is a good option if you can ensure that the information displayed there is relevant to the person doing the scan If you update your blog often and have

    Original URL path: http://www.designcaffeine.com/articles/qr-codes-personal-and-social-driving-engagement-after-the-scan/ (2016-04-27)
    Open archived version from archive

  • QR code
    social media is an excellent idea and has the potential to add a lot of value and further enhance the relationship of your customers to your brand Here are four simple tips that will help you make the most of the QR Code technology 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 facebook google plus iPhone Mobile and Tablet UX Design Articles QR code Social Networking tablet twitter 7 Ways to Whip Up Viral Value Through QR Codes 6 Connect Through Social Networks Part 1 of 2 Jan 16th 2012 by Greg Nudelman Installment 6 shows how to deliver QR code value by allowing your customers to connect to your company through social networks As of the date of this writing many companies have been implementing their social mobile engagement strategy by putting printed Facebook and Twitter buttons on everything from print advertising to packaging We think QR codes offer a much better solution This is Part 1 of the article 6 Reasons Printed Buttons Must Die 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 ads ecommerce iPad iPhone landing pages Mobile and Tablet UX Design Articles QR code Social Networking tablet UX Design 7 Ways to Whip Up Viral Value Through QR Codes 7 Offer More Info About Your Product Dec 21st 2011 by Greg Nudelman Your QR code is just the nail you need to engage the consumer A chance to tell a story A way to create the authentic artesian immersive product experience An opportunity to give a service that extends the relationship with your brand well beyond the current moment of

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

  • relevancy
    secrets of linking to Twitter LinkedIn blog posts and custom landing pages 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 ads best practices Design Strategy ecommerce IASummit landing pages Mobile and Tablet UX Design Articles QR code relevancy revenue Social Networking UX Design Search Results Satori Balancing Pogosticking and Page Relevance Jan 19th 2010 by Greg Nudelman When designing the data and layout for search results pages the challenge is finding the right balance between providing enough information in individual search results so customers can make informed decisions without pogosticking and providing enough relevant search results on each page of results to warrant further exploration of the site Filed Under 56 Articles on Digital Strategy Mobile and Search Search UX Design Articles Tagged With pogosticking relevancy Search UX Design Articles snippet UX Design UXmatters Making 10 000 a Pixel Optimizing Thumbnail Images in Search Results Jan 19th 2010 by Greg Nudelman In search results the old adage a picture is worth a thousand words rings true When it comes to making your search results more efficient to use more relevant and more attractive

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



  •