background preloader

Touch Gesture Reference GuideGo!

Touch Gesture Reference GuideGo!
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 For wireframes and mock-ups:Visuals only (PDF)Visuals only (EPS)Visuals only (OmniGraffle Stencil)Visuals only (Visio Stencils)How to Guide (Visio) Touch Resources Touch Target Sizes: outlines recommended touch target sizes from Apple, Microsoft, Nokia, and academic research. Touch Gesture Diagrams: listing of touch gesture diagrams that illustrate how users can interact with multitouch interfaces. Platform Support How popular software platforms support core touch gestures.

https://www.lukew.com/ff/entry.asp?1071

Related:  lucvincentjour 01Mobile

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.) There are many things to consider when designing for mobile. We’re sure that this detailed guide will help you get rid of that headache when building apps.

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 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. 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. It’s making sure to use patterns that your users are familiar with to create usable interfaces. Some might say that sticking to the guidelines and following others will kill creativity and, at the end of the day, all apps will look the same.

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.) Luckily, more and more sites and apps are experimenting with alternative, more efficient solutions for this very problem. None of the ideas listed here is better than the others, their viability and performance obviously depend on the content and the context.

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. 24 Free Node.js Tutorials & Online Guides JavaScript was original created as a frontend language for dynamic website effects. Although it’s still used in this way, newer libraries are pushing the boundaries of what can be accomplished through JS scripting. In a previous article I covered AngularJS resources for building dynamic web applications. Node.js is a similar open source library with even more detailed features. This gallery includes 24 tutorials, guides, and websites dedicated to teaching Node.js.

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. The good news is that there are plenty of alternative input controls that will work better for you in many cases. Consider the number of options

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.

The guide may have missed one. The iPad entire hand finger open then closing together to return to home. by hfernety Nov 22

Related: