Jump to navigation

  •  
  •  
  •  

  • Courses
  • Resources
  • Case study
  • Showcase
  • Tools
  • Gallery
  • Videos

Search form

Animation Design Communication Design Design Fundamentals Interaction Design Product Design Tools for Design Open Design
Home / Courses / Touch Screen Gestures / Touch Targets

.

  • yohoho
  • Design Course

    Touch Screen Gestures

    Touch Screen Technologies
    by
    Prof. Keyur Sorathia
    DoD, IIT Guwahati
    Touch Targets
     
    • Printer-friendly version

    Generally, the target size of the control is the same as the visible control.
    E.g. If the button size is 100 (width) X 40 (height) (pixel), the target size of the button is kept same as 100 (width) X 40 (height) (pixel).

    Though in some cases, there are possible variations based on the screen size, application content and context of use.  There are majorly two ways around the size limitations of touch targets.

    Iceberg Tips:
    Iceberg tips are the controls that have larger targets than visible ones. The touch target size can be increased without increasing the size of the element itself. Sometimes as designer, you may not want to element size to increase from a specific size, and then iceberg tips can be helpful. There has to be enough space between elements to create this effect.


    Iceberg Tips.

    Adaptive Targets:
    Adaptive targets can be called an extension of iceberg tips. They are created algorithmically by guessing the next item the user will touch and then increasing the touch target appropriately.

    This trick is generally used in touch screen keyboards, such as i-phone.

    For Example:
    On a touch screen based keyboard, if user types “t”, or “h”, the system predicts the next alphabet to be typed and increases the target size of “e”, completing to “the”. Though designers and developers need to be careful not to over predict user's intentions.


    Adaptive Targets.

    • Introduction
    • Types of Touch Screen
    • Finger and Touch Targets
    • Touch Targets
    • Gestures of Touch Screen
    • Touch Feedback
    • Design Consideration
    • Downloads
    • Contact Details
    • Credits

    Creating Digital-learning Environment for Design



    • Courses
    • Resources
    • Case study
    • Showcase
    • Tools
    • Gallery
    • Videos
    • Animation Design
    • Communication Design
    • Design Fundamentals
    • Interaction Design
    • Product Design
    • Tools for Design
    • Open Design
    • Contribute to our Dsource
    • About
    • People
    • Events
    • Job@D'source
    • Contact Us
    • Privacy Policy
    • Download App
    • YouTube
    • Facebook
    • Twitter

    Indian Language
    English Bangali Gujarati Hindi
    Kannada Malayalam Marathi Punjabi
    Sindhi Tamil Telugu Urdu