際際滷

際際滷Share a Scribd company logo
Mobile UI & fried chicken



                  #uxchicken
Hello
Arran Ross-Paterson
  Twitter @arranrp




                      #uxchicken
Do you make apps?



             #uxchicken
Do you build for one
     platform?



                #uxchicken
So you know what size it
  will be displayed at.



                  #uxchicken
iPhone App




             #uxchicken
iPhone App on iPad




              #uxchicken
iPhone App on iPad




              #uxchicken
What have we just learnt?



                  #uxchicken
1. You dont know your
     own context



                #uxchicken
Hello Siri




               #uxchicken
I love fried chicken




                #uxchicken
Using a lift




               #uxchicken
Reading a book




            #uxchicken
Touch screens




            #uxchicken
Typing




         #uxchicken
Flick to scroll / refresh




                   #uxchicken
Pinch




        #uxchicken
What have we just learnt?



                  #uxchicken
Dont use gestures



              #uxchicken
No



     #uxchicken
2. Avoid complex
    gestures



             #uxchicken
3. Have fall-backs



               #uxchicken
Holding



          #uxchicken
Holding




          #uxchicken
Holding




          #uxchicken
Holding




          #uxchicken
Holding




          #uxchicken
Holding




          #uxchicken
Holding




          #uxchicken
What have we just learnt?



                  #uxchicken
4. When testing, use
 鍖ngers & thumbs



                #uxchicken
Fitts Law



             #uxchicken
Make buttons
 big & wider



           #uxchicken
Put them in the corners
       and edges



                 #uxchicken
Lies



       #uxchicken
There are no constants



                #uxchicken
Fitts Law




             #uxchicken
Fitts Law




             #uxchicken
Fitts Law




             #uxchicken
Fitts Law




             #uxchicken
Fitts Law




             #uxchicken
Fitts Law




             #uxchicken
So whats the solution?



                 #uxchicken
Fitts Law




             #uxchicken
Fitts Law




             #uxchicken
What have we just learnt?



                  #uxchicken
5. We need new interfaces



                  #uxchicken
#uxchicken
What have we just learnt?



                  #uxchicken
6. Allow for customisation



                   #uxchicken
1. You dont know your own context

2. Avoid complex gestures

3. Have fall-backs

4. When testing, use 鍖ngers & thumbs

5. We need new interfaces

6. Allow for customisation


                                     #uxchicken
Thank you
Arran Ross-Paterson
  Twitter @arranrp




                      #uxchicken

More Related Content

UX Fried chicken

Editor's Notes

  1. \n
  2. Hi I’m Arran \nI make things, \nSometimes they are small things you can touch and carry around \nThese things we now call apps\n
  3. do you make apps\n
  4. do you build for one platform?\n
  5. so you know what size it will be displayed at?\n
  6. here is your iphone app\n
  7. here it is again\n
  8. and again\n
  9. \n
  10. People will misuse & abuse your app’s \nso you can never be to sure of much\n
  11. Recent innovations in mobile technology have made huge leaps forward for the blind, but there is many different forms of disability so let’s take a look at a common disability\n
  12. I love fried chicken\nNow this does not stop me from leading a full & enriching life. \nBut it can mean I can struggle with some everyday activities.\n
  13. \n
  14. \n
  15. One of the tasks I struggle with the most is using mobile devices. \n\n
  16. over the years I have learnt to keep a few fingers free of chicken grease.\n\na simple tap is easy enough, but typing can be time consuming\n
  17. Flick to scroll works well for me, \nI have a nice large touch area and if anything goes wrong it’s not hard to go undo\n
  18. the little finger are not the most dextrose of digits \nnot designed for fine detail control, Pinch can be pretty tricky\n
  19. \n
  20. \n
  21. \n
  22. Avoid complex gestures, wether that be drawing shapes, tapping for fixed amounts of time or using lots of digits.\n
  23. It’s ok to use these gestures as they can create a fun and enriching experience\n\nBut have a fall back a solution for user who may struggle with your gestures\n
  24. \n
  25. We hold a phone in one hand leaving the other hand free for other activities, \nor do we\n
  26. So i use my phone tapping with my thumb\n\nBut Thumbs are short and awkward, especially when we're using the same hand to hold the device. \nWhen we have to hold it tighter, say, when walking, they seem to become even shorter. \nTheir use result in low accuracy and problems in task completion. \nWhen used too often, they fatigue easily\n
  27. Now, the index finger. It's easier for pointing, but you need a second hand free\nOr at least some sort of a surface - a table, lap, etc.\n
  28. And whos to say you app is going to be used in portrait view\n
  29. \n
  30. \n
  31. \n
  32. Hold the phone in different ways, use you fingers to tap and use your thumbs, can they reach with ease.\n
  33. fitts law\nwhat does it teach us\n
  34. It tell’s us to make buttons bigger, wider...\n
  35. and stick them at the edge of the screen\n
  36. \n
  37. There are no constants with with fitt’s law and these rules of thumb need to be reevaluated for mobile.\nUnlike a mouse your finger is not constrained within the screen, it can miss corners just as easy as the middle of the screen.\n
  38. a common rule of thumb is to have a wide touch area for easy clicking.\nthis is true when using a mouse controlled by your arm...\n
  39. but with a “small” touch screen device controlled by the muscles and joints in your fingers you need height over width to make for an easy & comfortable touch area.\n
  40. these buttons at the top of the screen, \ninteracting with them may obscure the screen and areas of activity \n
  41. so we use the bottom of the screen for key interactions\n
  42. if you right handed will you find clicking this button easy?\nif your left handed will you find the clicking this button easy?\nwhat if you have large hands?\n
  43. and remember we don't know how the device is being held\n
  44. There is not easy quick fix, \nbut here is a suggestion that could be worth playing with\n
  45. pull to load\nbut that only allows us one action, maybe a few more if we make it contextual \nso how do we take this further?\n
  46. radial menus\nover the past few years have come into common usage in the games industry\nwhere people want quick and accurate task selection where a UI will make or break a product\n\n
  47. \n
  48. It’s really the first time in maybe 15 years that we really need to be inventive with interfaces, theres so much scope for what we can do, but it should not just be able playing with new hardware, we need “new thinking”\n
  49. I’m now going to play a short video as about customisation \n
  50. \n
  51. allow for customisation\nas unfortunately we can never plan for every eventuality \n
  52. \n
  53. \n