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. 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. Everything you need to know when it comes to iOS 7.

The iOS 7 Design Cheat Sheet - Ivo Mynttinen / User Interface Designer

This article is outdated. View new version The data presented on this Cheat Sheet does not contain the latest updates of iOS 8 and the new Apple devices released mid 2014 (iPhone 6, 6 Plus, iPad Air 2). With the release of iOS 7, app designers and developers will need to adjust their visual language to match the new "flat" design of iOS. In addition to the grid system, the dimensions of icons and commonly used elements, typography and iconography has been updated by Apple in many ways. Since iOS 7 is not supported on older models of the iPhone and iPod (only 4+), this guide will only cover the supported devices.

Resolutions & Display Specifications. 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

Thus, developers of health apps need to understand the clinical perspective, which encompasses health professionals’ workflow, user interface experience, and interoperability. Security and privacy are also key issues—not to mention navigating the relevant FDA regulations. These considerations are important because nearly half of clinicians today use apps to collect data by the bedside, according to the HIMSS Mobile Technology Survey published in 2012.

Health apps exist along a continuum, ranging from those designed solely for consumer use to those incorporated into a patient treatment plan. Combining custom hardware with smartphone software, mobile ECG technology from AliveCor (San Francisco) is an example of a product requiring FDA approval. Clinical Perspective. 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. Also in gray are the weekend dates. 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. 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. 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. Since it’s not possible for someone to judge ease-of-use (usability) or code-quality just by browsing the App Store, judging entirely based on design makes sense, and so apps with better design tend to be chosen more often when compared with competing apps.

So how can we design better apps? Well, I’m glad you asked. 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. 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.

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. 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. 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.