Clickable Area1:36 with Aisha Blake
Have you ever been frustrated because it was difficult to click a particular element on a web page? Maybe it was just very small. Perhaps it was too close to other elements and you wound up clicking the wrong thing, which meant even more clicks to get back to where you started. Clickable areas should always provide ample room for error.
Have you ever been frustrated because it was difficult to 0:00 click a particular element on a webpage? 0:03 Maybe it was just very small. 0:06 Perhaps, it was too close to other elements and you wound up 0:08 clicking the wrong thing which meant even more clicks to get back where you started. 0:11 Clickable areas should always provide amper room for 0:17 error nd we need to keep in mind the prevalence of touch devices. 0:20 Big fingers have a hard time pin pointing small touch areas. 0:24 Take this view of the travel app an example, there is a create new team link 0:28 at the bottom with some subtle but well placed padding. 0:33 It pushes the click able area just a little 0:37 past the dimensions of the text itself. 0:40 That makes the link a little easier to click on whenever you have the available 0:43 such as navigation bars. 0:46 Take advantage and make as much clickable space as possible. 0:49 At the same time, any clickable should stay in one place 0:53 because any movement makes it harder to target. 0:57 There are of course exceptions to this rule. 1:00 Say you're building an alarm clock app and 1:02 you want the user to click on a target before the alarm will stop sounding. 1:05 The difficulty of clicking on that target is inherent in its purpose. 1:09 So, it's fine for it to move. 1:14 You may want to consider adjustable settings for speed and 1:16 size of the target in a case like that. 1:18 Users with diminished control over hand movements might still use a mouse. 1:21 Their movements might be shaky unless accurate though. 1:25 In that case, a larger clickable area will result in fewer misplaced clicks and 1:29 higher user satisfaction. 1:34
You need to sign up for Treehouse in order to download course files.Sign up