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".
  • figure-1-typical-web-form1
    Portfolio Perspective Training Articles figure 1 typical web form1 Dec 28th 2013 by contributor Filed Under Popular Upcoming Events Case Studies 1 Prototype Material Design Featured 8 Mobile UX Trends You Can t Afford to Ignore in 2015 Search Copyright

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


  • figure-2-web-form-options
    Portfolio Perspective Training Articles figure 2 web form options Dec 28th 2013 by contributor Filed Under Popular Upcoming Events Case Studies 1 Prototype Material Design Featured 8 Mobile UX Trends You Can t Afford to Ignore in 2015 Search Copyright

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

  • figure-3-ios-picker
    About Portfolio Perspective Training Articles figure 3 ios picker Dec 28th 2013 by contributor Filed Under Popular Upcoming Events Case Studies 1 Prototype Material Design Featured 8 Mobile UX Trends You Can t Afford to Ignore in 2015 Search Copyright

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

  • figure-7-dedicated-wizard-flow-mobile1
    Portfolio Perspective Training Articles figure 7 dedicated wizard flow mobile1 Dec 28th 2013 by contributor Filed Under Popular Upcoming Events Case Studies 1 Prototype Material Design Featured 8 Mobile UX Trends You Can t Afford to Ignore in 2015 Search

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

  • Brave New World of Visual Browsing
    of the problems with having a community driven popularity algorithm is that some people post nonsense comments just to be able to say they ve added a comment to a popular item Another problem has to do with tags that are strictly personal For example tags like GOAL EXPLORE and hawaalrayyanfav have meaning only to the person who actually tagged the item and little or nothing to the population at large On the other hand adding tags like funny and humor is actually quite useful because computers don t recognize humor at all In fact humor is the aspect of image description where algorithm based search results fail most spectacularly We ll talk more about folksonomies controlled vocabularies and searching for tags in future columns For now we ll just say that neither way of finding images through text tags or associated surrounding text is perfect and there is a great deal of room for improvement perhaps through combining both search approaches using a single algorithm and a user interface that does not yet exist Using Images in Queries We think one of the most intriguing aspects of visual browsing user interfaces has to do with the mismatch between images and the text algorithms or people use to describe them They highlight the inherent limitations of finding and managing images through text based queries Typically a person sees an object determines what to call it then tries a few keyword searches based on that interpretation Adding a photo to a query lets a searcher bypass the interpretation step and just let the computer see what the query is about On the Web one of the more successful examples of image based search is the shopping site Like com which lets searchers use images as part of their queries to describe the attributes of items that are difficult if not impossible to describe precisely using text alone While Like com has some issues when it comes to presenting good entry points into their enormous inventory for people who like to browse once you find an item you re interested in the search engine is absolutely phenomenal at picking up visually similar items For example Figure 4 shows the results for an image based search that is based on a picture of a striped shirt The algorithm is smart enough to explore useful and popular degrees of freedom deviating from the starting image while keeping the zeitgeist of the original image intact Figure 4 Like com image based search results In addition to doing a great job of exploring the possible degrees of freedom from the original image the system lets shoppers fine tune their queries to match a specific part of an image by zooming in on the part they re interested in This is very similar to selecting part of an image on Flicker and tagging only that part of the image For example a user could tag a person in an image as friend and a snake in the image as giant anaconda while naming the entire image The last known picture of Billy hopefully adding the tag humor while he is at it As images become more ubiquitous on the Web and generate evermore layers of meaning being able to select and annotate only part of an image will become more and more important in a visual browsing user interface The Like com search algorithm can relax different attributes including color pattern and shape as well combine image searching with text attributes demonstrating the potential of image based searching and browsing While government sources can neither confirm nor deny this the Department of Homeland Security is allegedly interested in image based search technologies mainly in regard to facial recognition However as Munjal Shah CEO and Cofounder of Riya told the audience at the MIT Stanford Venture Lab s Next Generation Search Symposium in 2007 commercial grade facial recognition technology is not quite there yet Such search algorithms can generally recognize which part of an image is a human face and venture a fairly accurate guess at a person s gender but recognizing a specific face requires matching the precise expression and angle of the face in a photograph with the sample which can often be difficult Despite these limitations the potential of image based search technology is enormous Does a user interface need to have a true visual search algorithm to perform image based search Although technology helps it does not afford the only way of performing a visual browse One alternative is to have a human being tag items using abstract visual attributes such as a range of icons or outlines of shapes using limited screen real estate that in turn would let customers describe their visual queries This kind of a pseudo image based search could for example successfully complement the existing people who shopped for X also shopped for Y metrics based algorithm Using Images for Navigating in the Real World By now most people are familiar with street view in Google Maps which is pictured in Figure 5 Figure 5 Google Maps street view Using this phenomenal technology is almost like being there with virtual reality controls for navigating through nearly continuous photos of real space Google Maps is an excellent example of automated sense making of images using precise GPS coordinates Visual browsing controls let users walk turn around and jump through real space using virtual projection However as anyone who has looked up their street and their house can tell you these pictures are frozen in time Some people can even tell you when the Google Maps picture of their house was taken because a friend s car was captured in the satellite photo In contrast or perhaps as a complement to Google Maps Photosynth Microsoft s new acquisition uses crowd sourced photographs to construct and let users navigate through 3D street level space It can also add the fourth dimension of navigating through time letting users cross reference multiple images The

    Original URL path: http://www.designcaffeine.com/articles/brave-new-world-of-visual-browsing/ (2016-04-27)
    Open archived version from archive

  • Flickr
    improvements in the picture quality of mobile phone cameras has likely helped this phenomenon along The shift toward content that is primarily visual introduces new challenges and opportunities for developing intuitive and powerful user interfaces for browsing searching and filtering visual content Filed Under 56 Articles on Digital Strategy Mobile and Search Mobile and Tablet UX Design Articles Search UX Design Articles Tagged With Flickr Google Images Mobile and Tablet

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

  • Choosing the Right Search Results Page Layout: Make the Most of Your Width
    have to scroll from side to side quite a bit Even customers using the most popular 1024 x 768 screen resolution have to scroll search results pages from side to side to see entire items Figure 4 Amazon requires horizontal scrolls Horizontal scrolling results from the fact that Amazon com affords a royal fixed width of 815 pixels for its search results a whopping 45 more space than Staples Partly as a result of using such a wide layout Amazon results comprise fewer lines Why is this significant At a 1024 x 768 screen resolution Staples can display only three products while Amazon can display four products 33 more Having fewer search results on a page affects both the available showroom floor and the customer s perception of the overall relevance of search results on a site Does this mean Amazon is better than Staples Not necessarily Both sites offer excellent potential for a great finding experience However the page layout dimensions do indicate that each site s fixed width layout is optimized for their best customers those that make the company most profitable And simply put optimizing for your best customers is the best practice for a fixed width search results page layout Optimizing for Your Best Customers The take away here is that only you and your customers can determine the best fixed width layout for your site If your site is like most ecommerce or content sites the overall share of 800 x 600 page views is anywhere between 1 and 5 Can you ignore these customers and optimize for higher resolutions That depends on your business model If you are a content provider you may want to ignore that 1 because you get paid by page impressions However if you are a retailer you may discover that those 800 x 600 page views are coming from large enterprise companies that buy often and in large bulk orders So that 1 to 5 of page views may actually be responsible for a whopping 5 to 20 of your sales Thinking about optimizing revenues it makes perfect sense that Staples has made its search results narrower for 800 x 600 screens while Amazon search results pages are wider for screens with widths of 1280 pixels and above Presumably Amazon has discovered that their biggest profits come from affluent consumers who have wider screens with higher resolutions It s really up to you what fixed width layout you choose but make sure the metric you use fits your revenue model and optimize for your most profitable customer base Of course you can alternatively do what Google does and choose to invest in a good liquid layout that is optimized at every screen resolution that is important for your customers Handling Margins in Fixed Width Layouts When choosing a page layout it is important that you ensure your pages behave gracefully on all popular screen widths Liquid layouts like that shown in Figure 2 are usually left aligned and handle

    Original URL path: http://www.designcaffeine.com/articles/choosing-the-right-search-results-page-layout-make-the-most-of-your-width/ (2016-04-27)
    Open archived version from archive

  • CSS
    layout decisions for search results pages will have tremendous impact on the user experience for your entire site Choosing the right width for search results is important and the optimal width for search results may be a great deal narrower than some people using big monitors would believe Filed Under 56 Articles on Digital Strategy Mobile and Search Search UX Design Articles Tagged With CSS fixed layout layout liquid layout

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



  •