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".
  • Workshop: Practical Ecommerce Search: UX Strategies for Success. Cross-channel digital strategy for mobile and tablets search, with practical, intuitive interface design patterns that create 10X or more in ROI.
    organizations like eBay Groupon Associated Press US Patent Office Genentech and Rearden Commerce This workshop is completely customized to your unique needs and search requirements You learn the best search design patterns and techniques from the master 110 Guaranteed I am so confident you will become the mobile design authority and have fun on the process that I guarantee it 110 Not happy Just let me know and get every penny back plus 10 You win I lose No questions asked Yes Just like that Greg brings fresh out of the box thinking to the UX design process and truly understands what it means to put the customer first The wealth of experience he brings to the table from designing successful search and e commerce systems is invaluable He s a pleasure to work with and comes highly recommended Dante Moore Director of Product Design Associated Press Greg was hired by Associated Press to help make sense of AP s product search methodologies and practices Greg produced fantastic results by delivering timely user centered design solutions absorbed input from users and business needs and quickly refined his solutions accordingly His work has advanced AP s product development across the enterprise John Barrow Manager Product Design Associated Press Praise for Designing Search Designing Search is fantastically complete and a pleasure to read Greg Nudelman s book helps designers and developers avoid the many potholes associated with getting search right Barbara Ballard Principal at Linchpin Mobility One of top 3 books on search If you are creating a search solution you need this Designing Search Avi Rappoport Program Chair Enterprise Search Summit Fall 2011 Utterly fantastic Buy it Eric Reiss CEO of The FatDUX Group If you re designing user experiences on the web you can t afford to ignore search It

    Original URL path: http://www.designcaffeine.com/workshops/practical-ecommerce-search-ux-strategies-for-success/ (2016-04-27)
    Open archived version from archive

  • Immersive Mobile E-Commerce Search Using Drop-Down Menus
    class mobile app that is specifically designed to create immersive experiences At first glance Angry Birds and Kindle are quite different one is a colorful multi touch game and the other is a minimalistic book reader However if we look beyond the obvious differences dictated by function we see that both apps use some of the same immersive interface design approaches Maximize the amount of screen real estate given to immersive content In Angry Birds and the Kindle app there are no app bars tab bars nor even the space typically devoted to the iPhone device status This keeps the customer focused on the content and immerse in the activity Minimize navigation The only navigation in Angry Birds is the Pause button It s a semi transparent button located in left top corner out of the way In the Kindle app the only navigation is the semi transparent overlay menu that appears when the user taps the middle of the screen When the user is focused on the content or immersed in the activity any buttons and navigation tools that do not directly relate to the activity not only take up precious real estate but are also a source constant distraction People are forced to consciously avoid the areas of the screen devoted to controls areas such as tabs and buttons lest they be activated by accident Any effort thus spent avoiding accidentally activating unwanted navigation detracts from the immersiveness of the activity Maintain flow In both apps accessing the menu pauses the immersive activity but does not yank the person into a different page Instead in both cases there is conscious effort to maintain the illusion of flow and continuity by making the action screen recede behind the transparent overlay In addition all of the parts of the screens and menus are completely custom created specifically to enhance the immersive experience Remove branding There are no branding elements in the menus or action screens Once the user enters the immersive activity all focus is on the content Creating Immersive Mobile E Commerce Search Using Drop Down Menus Wells Fargo recently redesigned their mobile website by stowing all of the navigation away into a single large menu button radically departing from the usual random access navigation model commonly found on the Web The same pattern can be extended to display search results using the Status Bar Drop Down Menu pattern By using the Status Bar Drop Down Menu it is possible to remove chrome entirely utilizing 100 of screen space for showing search results content and making the search interface more immersive Mobile web navigation via single drop down menu Wells Fargo improved their mobile website based on customer research findings The new mobile website designed by Wells Fargo Internet Services Group s Dirk Gonzales George Corzine and Diana Macias uses a novel approach to presenting site navigation Instead of taking up screen space with the usual assortment of links or tabs for random access navigation the Wells Fargo mobile

    Original URL path: http://www.designcaffeine.com/articles/immersive-mobile-e-commerce-search-using-drop-down-menus/ (2016-04-27)
    Open archived version from archive

  • Faceted Finding with Super-Powered Breadcrumbs
    catalogs and other browse pages precisely because it is carrying all of the attribute history instead Temporal breadcrumb cannot be used to effectively show the customer where they can go because instead it is busy showing them where they ve been Pages with Temporal breadcrumbs cannot be effectively linked by natural search because people creating different URLs each time the content is accessed When the query changes attributes appear to randomly jump around on the breadcrumb In contrast Location breadcrumbs are hierarchical they do not deal with where the person has been only with where within the site s organization they are right now Hierarchies are very helpful in a wide range of finding and navigating tasks and provide an intuitive way to manage complexity and access resources How do we determine the hierarchy of Attributes My research led me to believe that most people find it intuitive when the Attribute Location breadcrumb simply replicates the order in which un selected facets are presented most typically in the left nav bar Replicating the order in which un selected facets appear also provides an effective way to integrate search and browse by treating the Category as just another Attribute in the breadcrumb In vast majority of finding interfaces Category appears first in the left nav bar which places any applied browse Category Attributes in front of the applied faceted search values Figure 4 Un selected facets in the left nav bar on Amazon com Most of the people found the Integrated Faceted Breadcrumb hierarchy straightforward and intuitive and were able to confidently and accurately predict the expected system behavior for complex filtering tasks that involved applying removing and changing filter values after spending only a few minutes working with the system 2 Use Change instead of Set Remove Set Figure 5 Overstock set remove set implemented via checkboxes Applied aspects are removed from the breadcrumb by un checking the checkbox next to the applied aspect in the breadcrumb For most people set remove set interaction conflicts with their mental model As one of my evaluators stated This feels like having to turn off the radio every time I want to change the station Instead of removing Canon in order to select Nikon most people think in terms of simply changing Canon to Nikon which can be accomplished most readily with a drop down control The drop down is more intuitive than a typical remove mechanism as it allows the user to discover all of the navigation options available from the parent facet or category This idea was first introduced by Luke Wroblewski in his excellent book Site Seeing a Visual Approach to Web Usability 6 One of the sites that implement drop down in the breadcrumb is Edmunds com shown in Figure 6 Figure 6 Edmunds breadcrumb with drop down options In my testing vast majority of people preferred this design to a more common set remove set paradigm and found it very intuitive and effective 3 Automatically retain relevant query

    Original URL path: http://www.designcaffeine.com/articles/faceted-finding-with-super-powered-breadcrumbs/ (2016-04-27)
    Open archived version from archive

  • Designing Brand Landing Pages for Mobile Devices
    just graphics You need to customize a brand s information architecture as well Most brands have a natural organizational model that requires a different information architecture that is what makes them unique It is silly to try to fit a landing page for the Star Wars brand which should probably be organized by episodes 1 6 in order of their storylines not the years in which the movies came out and includes a massive toys and merchandise section into the same information architecture as The Beatles landing page which likely centers around music albums or their 1 hits and might be organized on a historical timeline covering the band s body of work For Brand Landing Pages Fewer Are More Trying to create a landing page for each brand on your site is a mistake Instead analyze the top 100 brand keywords on your site realistically assessing what brand keywords are the best candidates for landing pages Because brand landing pages require total customization fewer are often more effective Trying to create a landing page for each brand on your site is a mistake Instead a much more effective strategy is to analyze the top 100 brand keywords on your site realistically assessing what brand keywords are the best candidates for landing pages Here is an example of how to use metrics to help you determine whether a particular brand Brand X is a good candidate for a landing page Brand X has more inventory and the inventory is more variable than that of other brands People starting a search with the keyword brand X do more search refinements than average before starting to look at item details People starting a search with the keyword brand X view a greater than average number of pages Brand X has a lower conversion rate as measured by searches per purchase or page views per purchase for searches starting with the keyword brand X than other brands on the site Once you ve determined which brands might benefit from having custom landing pages pick one or two brands that are most familiar to your team and create a pilot landing page design fitting each particular brand perfectly Test your new design using A B testing initially letting only a small percentage of your customers view the landing page Be sure to collect detailed metrics that let you determine whether the new design works better than a corresponding set of search results If the landing page works better you are in luck Tackle the rest of the promising brands one at a time while continuously getting feedback from your customers in the form of metrics and findings from field studies It is important not to rush the process Remember when it comes to landing pages fewer are more effective Make Your Information Architecture Simple and Easy to Grasp Simple straightforward page organizations are the key to brand landing page success Simple straightforward page organizations are the key to brand landing page success Remember your customers are expecting to see a search results page When instead of getting search results they find themselves on a brand landing page you have approximately 3 5 seconds to communicate to them how the page is organized and enable them to use it effectively If you ve tried to make the page too clever the effort it would take to understand the page would be too great and people would become frustrated and leave your site Where should you start designing your information architecture In his books Information Anxiety and Information Anxiety 2 Richard Saul Wurman wrote about LATCH an acronym for five ways of organizing information LATCH stands for Location Alphabet Time Category Hierarchy Wurman had this to say in his IA Summit 2010 Keynote I ve always said I thought there was a huge number of ways of organizing things I was surprised that I could only come up with five Let s say there are no more than ten I don t care if there are five or six or seven but if after 20 some years nobody has come up with a sixth I feel safe to say there are no more than ten and there are probably not more than five And it works because you can decide when you start a project how you get into it Richard Saul Wurman In designing your brand landing pages LATCH is certainly a great place to start Remember the same information architecture will not fit every single brand For example for clothing brands it would make sense to separate accessories like belts from articles of clothing such as pants and shirts an example of a hierarchical organization Doing this simple categorization would do wonders in improving the seemingly random results of the Dockers query on the JC Penny mobile site in Figure 1 However the same organization would not work well for a Harry Potter brand Instead an information architecture based on simple categories like Books Movies Toys and More might be a better fit Regardless of which information architecture you choose it is important to make sure your page design communicates it effectively Your customers are expecting to see search results so naturally they ll expect the page that appears to be a long list of products with facet filters Because of their strong existing mental model you ll be fighting an uphill battle in communicating your page design If your landing page is organized differently from search results make sure the page s layout and visual design communicate this difference clearly The sooner customers understand that they are looking at a special kind of page a brand landing page not a search results page the faster they can start navigating the new information architecture and succeed in their primary goals Avoid Tag Clouds The bottom line is that many people do not understand tag clouds regardless of how they are organized on a landing page and have trouble operating them effectively on mobile devices

    Original URL path: http://www.designcaffeine.com/articles/designing-brand-landing-pages-for-mobile-devices/ (2016-04-27)
    Open archived version from archive

  • brands
    provide a much better experience than keyword search results This makes brand landing pages today s biggest sleeper opportunity for mobile and tablet ecommerce But you have to learn to be completely ruthless with your features and content Here s how Filed Under 56 Articles on Digital Strategy Mobile and Search Featured UX Design Articles Mobile and Tablet UX Design Articles Search UX Design Articles Tagged With brands iPhone landing

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

  • Search UX Design Articles
    estate available for search results while the next will cover strategies for making people aware of filtering options Filed Under 56 Articles on Digital Strategy Mobile and Search Featured UX Design Articles Mobile and Tablet UX Design Articles Search UX Design Articles Tagged With Mobile and Tablet UX Design Articles Search UX Design Articles UX Design UXmatters Designing Mobile Search Turning Limitations into Opportunities Mar 8th 2010 by Greg Nudelman Thinking of porting your Web finding experience to iPhone Android or Windows Mobile Just forget about the fact that these devices are basically full featured computers with tiny screens Designing a great mobile search experience requires thinking differently In terms of turning limitations into opportunities Filed Under 56 Articles on Digital Strategy Mobile and Search Featured UX Design Articles Mobile and Tablet UX Design Articles Search UX Design Articles Tagged With Mobile and Tablet UX Design Articles Search UX Design Articles UX Design UXmatters Numeric Filters Issues and Best Practices Feb 8th 2010 by Greg Nudelman Filters with numeric values remain among the most confusing in faceted search because many sites have not been able to design usable numeric filters that people can use in an intuitive manner In this column I cover how to show discrete numeric values avoid overly constrained filter states and display key inventory information and introduce a novel pattern of histogram sliders Filed Under 56 Articles on Digital Strategy Mobile and Search Search UX Design Articles Tagged With Search UX Design Articles UX Design UXmatters More Like This A Design Pattern Jan 19th 2010 by Greg Nudelman The idea behind the More Like This pattern is very simple within each group of items representing a particular category from a catalog or accompanying each item in search results provide a prominent link or button with a label that is some variation of More Like This Unfortunately most sites do not make sufficient use of this pattern and some that do use it design and implement it incorrectly Filed Under 56 Articles on Digital Strategy Mobile and Search Featured UX Design Articles Search UX Design Articles Tagged With Search UX Design Articles UX Design UXmatters Cameras Music and Mattresses Designing Query Disambiguation Solutions for the Real World Jan 19th 2010 by Greg Nudelman Our language is limited and imperfect When a customer constructs a query that may have more than one meaning a good search user interface provides tools to help the customer define the query in less ambiguous terms so the search results more closely match the person s intention This process is known as disambiguation Filed Under 56 Articles on Digital Strategy Mobile and Search Search UX Design Articles Tagged With Search UX Design Articles UX Design UXmatters Make More Money Best Practices for Ads in Search Results Part 2 Jan 19th 2010 by Greg Nudelman In Part 2 of Ads Best Practices we ll discuss understanding what makes a good ad limiting cannibalization providing ads for internal merchandise instead of third party advertising and

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

  • tablet
    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 Mobile Websites Tablet Apps and Hybrids 7 Mobile Strategy Tips for 2012 Jan 3rd 2012 by Greg Nudelman Sites like YouTube and Facebook are already projecting mobile use to surpass desktop use as early as this year What s your mobile and tablet strategy Allow me to humbly present the wisdom I got from the experience of walking the last 365 miles Barefoot In the snow Uphill both ways 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 best practices Design Strategy ecommerce Inspiration iPad iPhone Kindle Fire Mobile and Tablet UX Design Articles revenue 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 consumption 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 brand iPhone landing pages meme Mobile and Tablet UX Design Articles QR code strategy tablet Practical Agile Mobile Design Nov 20th 2011 by Greg Nudelman We help you look for success in the right place from the get go with the right design patterns implemented through Agile and light weight guerrilla user testing strategies that work Faster And with more confidence Start with questions and walk away with wireframes Filed Under Workshops Tagged With Agile android drawing iPad iPhone Kindle Fire Mobile and Tablet UX Design paper prototypes prototyping tablet Workshop Designing for Mobile Tablet Workshop October 21 2011 Milwaukee WI Oct 21st 2011 by Greg Nudelman Today mobile experiences are beginning to dominate our connection with

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

  • Mobile Websites, Tablet Apps and Hybrids: 7 Mobile Strategy Tips for 2012
    end custom mobile apps Just the opposite Like the 300 Coleman canoe Hybrid apps often create confusing architecture on either Apple or Android and offer scant advantages over a mobile website basically providing link to what is essentially the same website but with about 20 less screen real estate and no speed or functionality improvements Why is this a problem Downloading an app is a big commitment on the part of the customer and people expect some extra functionality and convenience And as a rule hybrid apps simply don t deliver so people that download hybrid apps feel cheated It s very easy to see which apps are Hybrid just by looking at the comments in the App Store Mobile consumers are not fools and they will let you know when your app just does not measure app to the dedicated full fledged iPhone and Android experiences carefully crafted by your competitors 2011 was a year of turbulent market consolidation for mobile platforms With Nokia out of the picture Windows Mobile s consistently lagging IE browser HP flushing the Palm Web OS down the toilet and Blackberry s stubborn refusal to evolve past being an enterprise email platform the mobile market is essentially down to only two competitors iOS and Android If you must think of it as building desktop software for Windows and Mac You have no excuse not to build a custom app optimized for at least one or the other If you really must have an app that is for most purposes a good mobile website makes a smarter investment Tip 4 Mobile Website First Now that the mobile apps market is over saturated what s left Although one size does not fit all As a rule of thumb a good mobile website should be the basis of your mobile strategy There are many reasons for this Not the least is the Mobile First concept popularized by Luke Wroblewski If you take the Mobile First path your design and development will be streamlined your team more focused and empowered Your layout and Information Architecture simpler and more intuitive Your forms will be devoid of the extraneous fields that some brilliant marketing professional who is un fortunately no longer with your company decided it was a good idea to force your customers to fill out Like any birth the process of transition to mobile will be painful But happen it must if your company is to survive the coming general shift from desktop to mobile use And if you allow this birth to happen mobile will be the fresh wind that will blow through all of your digital offerings removing the cobwebs of accumulated features no one uses outdated circumlocution of lawyer speak useless hero images of naked skinny blondes eating burgers and other sacred mad cows that should have been disposed as bio hazard waste ages ago If you design and build mobile first you will get to the core of your features and brand value If

    Original URL path: http://www.designcaffeine.com/articles/mobile-websites-tablet-apps-and-hybrids-7-mobile-strategy-tips-for-2012/ (2016-04-27)
    Open archived version from archive



  •