UI Patterns For Mobile Apps: Search, Sort And Filter. Advertisement As I was waiting for a table at a local restaurant the other day, I flipped through a couple of the free classified papers.
I was shocked to realize how dependent I’ve grown on three simple features that just aren’t available in the analog world: search, sort and filter. AutoDirect and some of the other freebies are organized by category (like trucks, vans, SUVs) but others, like Greensheet, just list page after page of items for sale. I would actually have to read every single ad in the paper to find what I wanted. No thank you, I’ll use Craigslist on my phone instead.
But after taking a look at Craigslist mobile, it became obvious we could all benefit from some best practices around mobile search, sort and filter UI design. Search Patterns Then take a look at these search patterns specific to mobile applications: Explicit SearchAuto-CompleteDynamic SearchScoped SearchSaved & Recent Search FormSearch Results Explicit Search Target loading and then displaying search results. Sort. “Steal Good Stuff” – iOS Design Pattern Collections. Nov 24, 2011 Rule Number 1 if you’re going to “borrow” from other great people is to only steal things that are worth stealing.
You know, good artists borrow, great artists steal. We are dealing more and more with people in large corporations suddenly finding themselves tasked like “hey you, design this iPad app!” The problem with that is that these people often don’t yet own an iPad that they use all the time. They are used to thinking in concepts that make sense on Windows machines or in web browsers, but not on a large multitouch panel. Fortunately for us several people have started collecting examples of great UI designs for us to peruse.
If you want to ever have a change of being featured by Apple you will have to invest all the resources you can muster in great UX and UI design. For every such design award winner there are many more apps that are also very well designed and can serve as shining examples. iPhone Designs pttrns — designs tagged by category, e.g. iPad only Blog-Style. Patterns. Recent. Webdesign. Mobile UI Patterns. Lovely ui. jQuery Mobile. Design for iPad. Emulator iPad Peek Test your web pages in the iPad browser emulator.
Click on the top iPad border to rotate. LiveView for iPhone & iPad LiveView is a specialized remote screen viewing application intended as a tool to help designers create graphics for mobile applications Getting Started Web Development For The iPhone And iPad The iPhone operating system makes up 50% of the worldwide smartphone market, with the next-highest OS being Android at 24%. The iPad Web Design & Development Toolbox The main focus of this article relates to designing websites for the iPad. Useful Design Tips For Your iPad App Think about the device in terms of lifestyle rather than features and technology. GUI & Templates iPad GUI PSD The PSD was constructed using vectors, so it’s fully editable and scalable. iPad Stencil for Omnigraffle OmniGraffle template for folks designing iPad apps Collection Vol. 1 Here's a list of free iPhone & iPad templates and stencils. Collection Vol. 2 Library of UI elements at your disposal.
Icons. Free Backgrounds and Textures. Mobile.