“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. 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 Landing Pad — “A showcase of beautiful iPad app design” iPhone and iPad mixed Blog-Style Like this: Like Loading... Categories: Design
Ultimate guide to table UI patterns
Check out this excellent article by Janko: Ultimate guide to table UI patterns. It is full of great examples and suggestions. After reading it, I just had to add three more scenarios: 1. Quicken Online allows simple editing with a pull down for more advanced editing. Mint.com does the same. The Ajax framework Ext JS and Ext for GWT offers a pre-built Grid row editor component. For heavy data entry, use a design like Harvest. Google Docs is an online spreadsheet application with inline editing. Implement tab navigation when you create a table with inline editing.Consider how to handle errors, such as highlighting rows or cells with errors in a way that is easy for a person to correct the issues. Swivel is an app that acts a lot like Excel and provides cell specific error messages. 2. I received an email last week asking me about super wide tables. Based on a lot of design work Bill Scott and I did for the airline industry, I would instead propose instead applying these principles: 3.
32 Examples of Usable Mobile Website Layouts
The mobile web is clearly changing the way we think about layout design. Even back just 5 or 10 years ago there were barely any developers working on a solution for mobile. Now it seems everybody is doing their Internet surfing on some type of smartphone device. This process can be difficult without a bit of inspiration. United Pixelworkers Oliver Russell Charmin Cerahati Bodhum Love & Luxe Culinary Institute of America Orange Breaking News North Carolina Wine Atommica Orbital Devs South Dakota Sioux Falls The Land of Nod Bluegg Digital Agency Solid Shops Beth Israel Medical Center J Taylor Design Retail-Me-Not Heathlife Poet Freak The Backlog The Intro Workshops One Little Dream Tim Hortons Lifetime Pears WordPress Theme Orestis Web Development Team Treehouse Mobilism Conf 2012 Webshocker Humana
Keynote for iPhone 3GS, iPhone 4, iPhone 4S, iPhone 5, iPod touch (3rd generation), iPod touch (4th generation), iPod touch (5th generation) and iPad on the iTunes App Store
lovely ui
What’s the difference between iOS and Android users?
What does your choice of smartphone platform say about you? Do you crave the security and polished user experience Apple offers iPhone users, or do you dig the variety of devices you’ll find on the Android landscape, as well as the freedom to run software from whomever you choose? All these differences between the platforms end up attracting different kinds of users, and today we look at one survey that attempts to reveal some of the traits that are more likely to apply to iOS users than Android fans, and the other way around. According to this study by Battery Ventures, iPhone users seem to have more white collar jobs, travel by air, and enjoy wine. Android users, on the other hand, are more likely to be blue collar, rely on public transportation, and prefer beer. But for those differences, the groups still share some commonality. Notably, when this user data is filtered to only compare iOS and Android users of similar income levels, many of these differences start to go away.
Mobile Patterns and Why Use Them in Design
Mobile Patterns or Mobile Templates are, as the name obviously states, templates to use for easing our work when designing a site for portable devices. As mobile web design means more and more nowadays, designers often have problems reaching deadlines because of a high workload. In web design we have grid systems we build on in order to help us maintain a clean visual pattern, but also to help us build a web page faster. Many of us even buy WordPress themes and customize them to our use. And it is worth mentioning that 10 years ago HTML templates were widely used in the industry. The truth is that designers always looked to ease their work and move on to the next project, therefore mobile patterns are something the experts start to look into more and more. Mobile patterns are structured, organized and well researched before going online. Mobile Environment It is very important not to forget you design for mobile devices and not for the web. How To Use Patterns Know some history Similarities
SketchyPad
jQuery Mobile
Mobile UI: 30 Well-Executed Search Bar Designs
Search box has always been the best tour guide on the internet as well as on your own website or blog and so having a nice, well-executed search bar design is a big advantage because it will let your readers find it easily and avoid them going out of your website. Sometimes, people fail to get what they are looking for on a certain web page and the first thing that they probably look for is your search box. Whether you have a modern or retro user interface, it is very crucial that all web elements can be distinguished. To find out whether you’re doing it wrong or right, we have collected a set of well-executed search bar designs in mobile user interface. The relationship between UI and CRO in web design is one of the many factors why you should always consider the every tiny details in your website, and of course on your mobile version whether it’s a native app or responsive design. You might want to take a look at the following related articles: Mobile Search UI Search Options Search Box
