background preloader

App design

Facebook Twitter

UI Stencils. UI-Patterns.com. Designer's guide to DPI. DPI or Dots Per Inch is a measure of spatial dot density initially used in print.

Designer's guide to DPI

It's the number of ink drops your printer can put in an inch. The more dots per inch, the sharper your image. This concept is applies to computer screens under the name PPI for Pixels Per Inch. Same principle: It counts the number of pixels your screen displays per inch. The name DPI is also used in screens. Design from iOS to Android (and Back Again) - Articles. A practical guide to designing across platforms Designing and developing between platforms is a lot like traveling through different countries.

Design from iOS to Android (and Back Again) - Articles

You go through the same motions — sleeping, eating, sightseeing, regardless of where you are — but the customs of the country you’re visiting dictate how you go about doing them. In some countries, it’s ok to push people into the train, or eat a burger with a knife and fork. Similarly, if you developed your product first for iOS, you shouldn’t simply expect that you can port it into Android without issue, because your app will feel lost in translation. Material icons. App Store Marketing Guidelines. PLEASE READ THE FOLLOWING iOS APP STORE MARKETING ARTWORK LICENSE AGREEMENT (“iOS MARKETING AGREEMENT”) CAREFULLY BEFORE DOWNLOADING OR USING THE APPLE ARTWORK (AS DEFINED BELOW).

App Store Marketing Guidelines

THESE TERMS AND CONDITIONS CONSTITUTE A LEGAL AGREEMENT BETWEEN YOU AND APPLE. BY CHECKING THE APPROPRIATE BOX IN THE APP STORE RESOURCE CENTER, YOU REPRESENT THAT YOU ARE AN AUTHORIZED REPRESENTATIVE FOR YOUR DEVELOPER ACCOUNT AND THAT YOU HAVE READ AND AGREE TO THE TERMS OF THIS iOS MARKETING AGREEMENT. iOS App Store Marketing Artwork License Agreement Whereas, Apple Inc.

A Tale of Two Platforms: Designing for Both Android and iOS. Whether you’re working in-house, contracting, or for an agency, companies need apps for many different reasons.

A Tale of Two Platforms: Designing for Both Android and iOS

Established companies in particular need to cater for their existing customers and the devices they use. Often that means a new app for both Android and iPhones. The iOS Design Guidelines - Ivo Mynttinen / User Interface Designer. Mobile and Web Analytics. CSS Transitions, Transforms and Animation Tutorial. Pttrns - Mobile User Interface Patterns.

UX Archive. Inspired UI - Mobile Apps Design Patterns [iPhone] Mobile Patterns. App Icon Template. The iOS 7 Design Cheat Sheet - Ivo Mynttinen / User Interface Designer. Starter's Guide to iOS Design. iOS Resolution Reference - iPad, iPhone, and iPod Touch resolution, aspect ratios, icons sizes, and much more for iOS6 and iOS7. PortKit: UX Metaphor Equivalents for iOS & Android.

PortKit shows you each Cocoa UI Element in iOS 6 / iOS 7 and its Android widget version, side by side, so you can compare and find the correct equivalent when porting an app.

PortKit: UX Metaphor Equivalents for iOS & Android

We are a Brisbane based company that develops iPhone & iPad Apps and Android Applications and we wanted a simple way to visualise, reference and compare UI elements, and have quick access to documentation and the respective naming conventions. Due to the popularity of this post we decided to add a tonne of handy resources, tools, and tips that we use day to day available at the bottom of this post. Skip to awesome resources below ↓ Axure iPhone Widgets Library. Hundreds of Axure user interface widgets for prototyping iPhone apps + dozens of royalty free icons to use in your prototype and final design!

Axure iPhone Widgets Library

Screenshots Or directly update quantity in cart for discount. Critical Considerations in Designing Mobile Medical Apps. Author: David Lee Scher, MD While medical apps share technical features with the commercial apps that have become ubiquitous on smartphones and tablet computers, special considerations go into the development of health apps.

Critical Considerations in Designing Mobile Medical Apps

The I ♥ wireframes Pool. GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers. It is fundamental that every app designer have a selection of pre-designed and editable UI elements that will allow them to optimize, organize and speed-up work-flow.

GUI Stencils, Wireframing Kits and Sketching Templates for iPad App Designers

To help streamline your iPad design work, we have put accumulated a comprehensive selection of iPad specific GUI Kits & Stencils, Wireframing kits, Sketching Templates and fully editable PSD templates that will allow you to rapidly prototype beautiful designed apps. Mobile App UI Kit. Inside iOS 7: Calendar app comes with sterilized UI, few feature changes. While Apple updated every first-party app for iOS 7, one of the most heavily modified is Calendar, which sheds the silver and blue skin seen in iOS 6 for a grayscale theme almost devoid of color.

Inside iOS 7: Calendar app comes with sterilized UI, few feature changes

From left: Month, week and day views in iOS 7's Calendar app. With the new Calendar app, Apple is going for a spartan, almost bleached look with an all white background, subtle gray borders and lines, and text that is either a shade of black or bold red. The design is eye-pleasing, though users familiar with previous version of iOS may find the change a bit jarring. The main full month view shows a Sunday through Saturday layout, with weeks demarcated by thin gray lines. iOS Human Interface Guidelines: Designing for iOS 7. Navigation Drawer. Developer Docs Creating a Navigation Drawer The navigation drawer is a panel that transitions in from the left edge of the screen and displays the app’s main navigation options.

Navigation Drawer

Displaying the navigation drawer The user can bring the navigation drawer onto the screen by swiping from the left edge of the screen or by touching the application icon on the action bar. As the navigation drawer expands, it overlays the content but not the action bar. The user can open the drawer panel by touching the navigation drawer indicator.

Because they are transient, navigation drawers make views less cluttered. Open the drawer from anywhere in your app by swiping from the left edge of the screen. Dismissing the navigation drawer. 5 Simple Tips for Designing Better iPhone Apps. As users shop the Apple App Store looking for new apps to buy, they judge their potential purchases based on design. We’re told early on in life not to judge a book by its cover, but without a way to trial an app, screenshots are one of the few ways a user can judge the quality of it. Improving UX with Customer Journey Maps. By Jacek Samsel The necessity of providing user satisfaction on every key touchpoint in your business is critical to your success. The issue, however, is identifying those crucial touchpoints.

Customer journey maps could be an incredibly helpful solution in this area. Lessons We Learned from Our Biggest UX and Design Mistakes. We’ve finally hit the 500,000-user mark at Buffer, a product that helps you share on your social media networks more efficiently. About two years ago when we started on our path to building Buffer, we knew we’d be meeting obstacles and making mistakes along the way. One of the main things we’ve kept in mind is that making mistakes is unavoidable and that if we choose to learn from them, they’ll be helpful in giving us good guidance on how to move forward more effectively.

Design Mistakes We Made in Our iPhone App. This year at FreshBooks, we released our first iPhone app. Our company’s been around for almost 10 years, and this is truly our first new product since the launch of our cloud accounting web application. We treated the development of our iPhone app like a blank canvas where we could apply some of our team’s most recent design principles. A shorthand for designing UI flows by Ryan of 37signals. Sizes of iPhone UI Elements. How to detect the current device size and kind Other dimensions common to all screen sizes: Navigation design for Windows Store apps. Organize the content in your Windows Store app so your users can navigate easily and intuitively. The App Design Handbook.

Designing a Mobile App? Don't Make These 10 Mistakes. User Interface Guidelines. iOS Human Interface Guidelines: Introduction. iPhone App Prototyping Made Easy. 90 Percent Of Everything. 52 Weeks of UX. The user experience is made up of all the interactions a person has with your brand, company, or organization. This may include interactions with your software, your web site, your call center, an advertisement, with a sticker on someone else’s computer, with a mobile application, with your Twitter account, with you over email, maybe even face-to-face. The sum total of these interactions over time is the user experience. The interaction designer plans for these moments. UsabilityPost. Everyday UX Blog. Dark Patterns - User Interfaces Designed to Trick People. UX Archive.

Mobile UI Design Patterns: 10+ Sites for Inspiration. Smashing UX Design — Usability, Psychology and Information Architecture.