background preloader

Inspired UI - Mobile Apps Design Patterns [iPhone]

Inspired UI - Mobile Apps Design Patterns [iPhone]

http://inspired-ui.com/

Related:  Mobile

A Comprehensive Guide To Mobile App Design About The Author Nick Babich is a developer, tech enthusiast, and UX lover. He has spent the last 10 years working in the software industry with a specialized focus on … More about Nick Babich … (This article is kindly sponsored by Adobe.) Creative UI Design Examples for Great UX UX (User Experience) is all those elements and factors related to the user's interaction with a particular environment or device which generate a positive or negative perception of the product, brand or device. UX is subjective and focused on use. The standard definition of UX is "a person's perceptions and responses that result from the use or anticipated use of a product, system or service".

Touch Gesture Reference Guide The Touch Gesture Reference Guide is a unique set of resources for software designers and developers working on touch-based user interfaces. The guide contains: 1) an overview of the core gestures used for most touch commands 2) how to utilize these gestures to support major user actions 3) visual representations of each gesture to use in design documentation and deliverables 4) an outline of how popular software platforms support core touch gestures (below). Download Touch Gesture Reference GuideTouch Gesture Cards Accessibility Screen readers may automatically announce a control’s type or state through a sound or by speaking the control name before or after the accessibility text. Search Search field Download over Wi-Fi only Download over Wi-Fi is selected Developer note

sun loading animation Loading content. Please wait... 1) Click on the box on the right. 2) From the appeared dropdown select the desired preloader Select your preloader 24 Fr / 128x128 Sun watch Useful Tools and Kits for Android Developers There’s a huge market for mobile app development. I’m an iPhone user myself, and we’ve posted plenty of stuff here on iOS design and development. But it looks like the popularity of the Android platform isn’t slowing down anytime soon. It’s market share keeps growing. So we thought it was about time that we help out you Android developers out there.

Touch Target Sizes People interact with touch-based user interfaces with their fingers. So user interface controls have to be big enough to capture fingertip actions without frustrating users with erroneous actions and tiny targets. Ok, so how big? In the iPhone Human Interface Guidelines, Apple recommends a minimum target size of 44 pixels wide 44 pixels tall. Since physical pixel size can vary by screen density, Apple's pixel specifications apply best to the iPhone's 320 by 480 pixel, 3.5 inch display (164ppi). Since the release of the iPhone 4's Retina Display (326ppi) Apple has updated these specs to points instead of pixels.

21 Inspiring iPhone App Websites iPhone App websites are always a good source of inspiration. They are, most of the time, beautifully designed and showcase some really interesting apps. It’s nice to pay attention to the ‘design aesthetics’ of Apple related things, it seems that all designers get inspired and create clean and beautiful stuff. So today, to give you a good dose of inspiration, we gathered some great sites that vary from weather apps to photo apps, video apps and much more. Misused mobile UX patterns – Zoltan Kollin If you are an experienced designer, you probably agree that being inspired by others is not stealing in UI design. It’s best practice research. It’s using design patterns. It’s following the guidelines.

Hamburger menu alternatives for mobile navigation If you’re working on digital products, you have already read dozens of articles describing how and why the hamburger navigation on mobile (and desktop!) hurts UX metrics due of its low discoverability and efficiency. (You can read some of best articles on the topic here, here, here, and here.) Making Your Icons User-Friendly: A Guide to Usability in UI Design Any icon in your interface should serve a purpose, whether you’re designing a website or an app. Sure, icons are there to save space on the screen. But more importantly, they’re there to aid your users. When done correctly, icons can help you guide users intuitively through a workflow without relying on too much copy. But when done wrong, they can confuse your users, lead them down the wrong paths, and ruin their experience with your product. Since so many apps and websites use confusing icons, we wondered: what does it take to make an icon user-friendly?

Transitional Interfaces — Design/UX Designers love to sweat the details. Much time is spent pixel-fucking buttons, form styles, setting type, & getting those icons as sharp as a tack. A+, great job, don't stop you guys. ...but there's little consideration about how it all fits together outside of a static comp. Dropdown alternatives for better (mobile) forms – Zoltan Kollin Using dropdown menus in forms might seem a no-brainer: they don’t take much space on the UI, they automatically validate the input, all browsers and platforms support them, they’re easy and cheap to implement, and the users know them well enough. At the same time, though, dropdown (or select) menus are one of the most frequently misused form patterns and “should be the UI of last resort”, according to Luke Wroblewski and many others. Let’s look at some of the limitations and concerns: In a dropdown, the available options are not visible until you click or tap to open it.

It’s About People, Not Devices We live in exciting times. Times of innovation, invention, and rapid change. Technologies that were unthinkable years ago are now commonplace. Close to 1.5 billion people worldwide use a computer, but that figure pales in comparison to the 4.2 billion (75% of the planet) who use or have access to a mobile phone. If you’re new to mobile design (and most people are), you may be looking for guidelines or best practices to inform your work.

Related:  App - Designgraphic designMobile