touch design and applications

3
WWW.THEDILLDESIGN.COM

Upload: christopher-dill

Post on 21-Jan-2017

147 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Touch design and applications

WWW.THEDILLDESIGN.COM

Page 2: Touch design and applications

thedilldesign.com https://thedilldesign.com/touch-design-and-applications/

Touch Design and ApplicationsTouch is a leading source of input and interaction across devices. It is easy to use, highly responsive, andconsistent. For touch design, there are certain guidelines that you should follow to get high-quality touch applications.

For instance;• You should do application designs having touch interaction as your primary input method.• Regulate touch target size, rocking, scrubbing and contact geometry to optimize target.• Use snap points to obtain accuracy.• Always have visual feedback for all interactions like pen, stylus, mouse, and touch.When you design your application, you should do it expecting that touch will be your users main input system.Note that touch input is quite different from the user interface design.

Application Tips for Touch Screen

1. You should run your request on a full screen.You can do this by removing menu and title bars sothat your application utilizes the whole display area.2. Large buttons and point-and –click interfacemakes your application user-friendly and efficient.Avoid scroll bars, dragging, drop down menus,double clicks, multiple windows, and any otherelement that may confuse your user.3. Your background colors should be black. Avoidusing black. A bright background will minimize glareand conceal fingerprints4. Make sure your clients get immediate feedbackwhen they touch the screen. Create responses suchas a visual and audio. For visual response use 3-Dbutton effects and for audio response use click or other sound outputs available.5. Disable the cursor so that your user focuses on the whole screen and not the arrow. A cursor may distract theuser limiting the use of touch screens6. Ensure your application comes in an attractive packaging. You can achieve this by the use of large font andanimation.7. Your application should have a fast response to touches to make it more fun. Graphics with high resolutionsand excessive colors slows down your system. Evade them8. Use digitized speech to give instructions in your application. Voice instructions and touch responses makethe interaction much easier.9. Make sure you guide the user, limit the available choices, and have and make the application easilyunderstandable.

Gestures Manipulations and Interactions

Page 3: Touch design and applications

Touch interaction gives a natural experience wheninteracting with the elements on the screen. Thereare three types of interactions, which include:

• Pointer- you use pointer-events to get contactinformation like device type and location, extendedinformation such as contact geometry and pressure.• Gesture- you use gesture events in handlingsingle finger interactions like press and hold andtapping.• Manipulation- you use manipulation events formulti-touch interactions e.g. stretching and pinching.

Gestures

A gesture is a physical motion or action that an inputdevice performs. For instance to invoke, activate orlaunch a command you use a single finger tap.

Manipulation

A manipulation is an instant, continuing reaction of an object to a gesture. E.g., the swipe gesture, and the slidemake an element to move in a certain way. Therefore, the interaction is the result of a manipulation and how it ismanifested on the screen and in the user interface.

Interactions

Interactions depend on how you interpret a manipulation, and the action that results from the manipulation. Youcan move objects through the swipe and slide gestures, but the results are different depending on whether youcross the distance threshold.

About the author

Christopher is a web developer, designer, and SEO specialist. He runs a SEO specific company athttps://www.virginiaseo.org and really enjoys design and marketing.