Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
Mamiferos
Next
Download to read offline and view in fullscreen.

27

Share

Download to read offline

Mobile App Design – It's the Rule of Thumbs!

Download to read offline

Touch design has grown quickly, but the thumb is the ruling champ as the most generally used finger. This Infographic will explain why you need to design your mobile application thumb-friendly. To develop your mobile application with great design, Visit: http://www.greymatterindia.com/mobile-application-development

Related Audiobooks

Free with a 30 day trial from Scribd

See all

Mobile App Design – It's the Rule of Thumbs!

  1. 1. ll 7 l ll ":7: izhtr -Rul ill l, l_l, l,| -i-l-I, lil? lJ; l _. .1’ I Lil" ‘ Illllzlfi all Esm SPECS FOR MOBILE APP D . held their phone in ‘L’ one hand and used Li W. theirphane with I ' onethumb. , . . - .7’ .7 J 3:-v'_: . Apple recommends a minimum target size of 44 pixels wide 44 pixels tall M. “ _V ; Microsoft suggests ideal target size of 34px with a minimum touch target size of 26px [IEIKE3 of the index fingers is 1.6 to 2 cm (16-20 mm) for most adults, which converts to 45 - 57 pixels. To measure the size of your screen and touch targets to know exactly how big of a touch target you can afford. User errors declined as the target size increased A jllli ! l.l. |£f ll: l.l. |.| l,i. |? l. l!lJJ| . l This is the range which is comfortable and natural for your thumb to move with a one-handed hold on your mobile phone. , V , Left thumb Right thumb on screen on screen °“’ 67% Stretched : l!l'7'»"_| |!l'll-flidtllllllll: ‘=. l'il! l3llJJiillllllfl‘ Natural ]ll, l_? C ”. lI! I!l_: '. _flil: l_| l,l_? —"lilll, l.lL It was originally formulated with a mouse in mind and calculates the time it takes to move a pointer from one point to another. Basically, there is a time loss in accelerating from your starting positions and slowing to tap your target precisely. finger in the Thumbs on the By giving Users ability to tap targets screen Screen without having to make intentional physical A 8 o/ ‘rs o C. O I . _ / O accommodations to increase accuracy such as reorienting the thumb, it stops slow performances. Who are your users: - Their age range, likes, dislikes, hobbies, job and so on How does your app solve their problem: - Fulfill a need in the user/ buyer When, Why, how, where ? Think about it! Do you need to add accessibility? OOOO Keep up to date with every 08 Update A brand will always pick up iOS first then Android Simply and focus your design, there is a no room for clutter on mobile Your gestures have to consistent across your app OOOOO Use gestures established by other apps to be more successful in your designs 0 A continuous stroke is a richer and more textured approach htlpl/ www. uxmatlerscom/ mt/ archives/2013/02/how-do-users-really-hold-mobile-devicephp? hftpJ/ getappcasecom/ blog/ design/ create-app-with-the-best-ux-design http; //reserch. microsoftcom/ pubs/75812/parhi-mobileHCLO6.pdf htlpl/ scotthurff. com/ posts/ facebook-paper-gestures htlpj/ en. wikipedia. org/ wiki/ Hnger_(unit) '1» _. _ . . . ¢.—. ,‘ Shave i'ili'. Il(§ll lil! .li: I ' I i"V 7 I“ < « or . ‘. _._-pm“ , _,, ,,, ,,, ,,, .,, ,_, . ,,, , . -Jr : ;i‘, ll ; I.fi_l gift. (9)! inuieiaieigiwiuueiiianiuliuuiuiii
  • Vhjkjh

    Jul. 26, 2018
  • 786201616

    Mar. 21, 2017
  • ttyler5

    Jul. 8, 2016
  • sbepstein

    Feb. 27, 2016
  • Donnamy41

    Aug. 21, 2015
  • Gldengrl70

    Jul. 27, 2015
  • VarSubscriber

    Jul. 8, 2015
  • jn1566

    Jul. 1, 2015
  • aria777777

    Jun. 21, 2015
  • Luqmanbhatti

    Jun. 18, 2015
  • spwebsolution

    Jun. 18, 2015
  • gunartodarsan

    Jun. 18, 2015
  • DawnBoganwright

    Jun. 15, 2015
  • RaselHowlader

    Jun. 12, 2015
  • AhmirWilliams

    Jun. 11, 2015
  • theadauditor

    Jun. 11, 2015
  • andhikalumineux

    Jun. 11, 2015
  • Oreillynsf

    Jun. 11, 2015
  • SpinzeeEbenezer

    Jun. 10, 2015
  • IvanPhoenix

    Jun. 10, 2015

Touch design has grown quickly, but the thumb is the ruling champ as the most generally used finger. This Infographic will explain why you need to design your mobile application thumb-friendly. To develop your mobile application with great design, Visit: http://www.greymatterindia.com/mobile-application-development

Views

Total views

5,635

On Slideshare

0

From embeds

0

Number of embeds

98

Actions

Downloads

82

Shares

0

Comments

0

Likes

27

×