Writing Great Alerts. Design #WWDC17. Natalie Calvert, Designer

Transcription

1 Session Design #WWDC17 Writing Great Alerts 813 Natalie Calvert, Designer 2017 Apple Inc. All rights reserved. Redistribution or public display not permitted without written permission from Apple.

2 When should alerts be used?

3 9:41 AM 100% Settings Apple ID EDIT Emily Parker Name, Phone Numbers, Verification Failed Password & Security Your Apple ID or password is incorrect. Payment & Shipping Cancel Try Again Visa icloud itunes & App Store Store Family Sharing James Emily s iphone This iphone 7 Emily s Apple Watch

4 9:41 AM 100% Allow Calendar to access your location while you use the app? Your location is used to estimate travel times to events and improve location searches. Don t Allow Allow

5 9:41 AM 100%

6 Alerts are disruptive by design

7 Alerts are disruptive by design

8 Alerts are disruptive by design

9 Alerts are lightweight by design

10 Do you want App Name to remember this choice? Yes, in every app Yes, and show a banner in every app Yes Yes, and show a banner No

11 Log In Error Error Domain=Parse Code=431 The requested operation couldn t be completed. [Parse error 431] UserInfo=0x345624ag0 {code=431, error=this user type is not supported by this application.} Dismiss

12 Please do not enter the following special characters in the password field: - _. ~ & % + () {} [] <>? OK

13 Alert Dos and Donts Correct errors Request access to user data Notify users about critical updates

14 Alert Dos and Donts Correct errors Request access to user data Notify users about critical updates Don t use nonessential or lengthy content Don t offer complicated choices Don t duplicate the tasks of other UI elements

15 9:41 AM 100% Allow Calendar to access your location while you use the app? Your location is used to estimate travel times to events and improve location searches. Don t Allow Allow

16 9:41 AM 100% Title Allow Calendar to access your location while you use the app? Your location is used to estimate travel times to events and improve location searches. Don t Allow Allow

17 9:41 AM 100% Message Allow Calendar to access your location while you use the app? Your location is used to estimate travel times to events and improve location searches. Don t Allow Allow

18 9:41 AM 100% Allow Calendar to access your location while you use the app? Your location is used to estimate travel times to events and improve location searches. Actions Don t Allow Allow

19 9:41 AM 100% Title Message Allow Calendar to access your location while you use the app? Your location is used to estimate travel times to events and improve location searches. Actions Don t Allow Allow

20 9:41 AM 100% What? Why? Allow Calendar to access your location while you use the app? Your location is used to estimate travel times to events and improve location searches. How? Don t Allow Allow

21 Common Problems Too much/vague information App Name cannot open this file. You may need to download the latest available updates for the app. Do you want to visit the App Name website for more information and troubleshooting tips? No Yes

22 Common Problems Too much/vague information App Name cannot open File Name. You may need to download the latest available updates for the app. Do you want to visit the App Name website for more information and troubleshooting tips? No Yes

23 Common Problems Too much/vague information App Name cannot open File Name. An update to the latest version of the app may be required. No Yes

24 Common Problems Too much/vague information App Name cannot open File Name. An update to the latest version of the app may be required. Check for Updates Learn More Cancel

25 Before and After App Name cannot open this file. You may need to download the latest available updates for the app. Do you want to visit the App Name website for more information and troubleshooting tips? App Name cannot open File Name. An update to the latest version of the app may be required. Check for Updates No Yes Learn More Cancel

26 Before and After App Name cannot open this file. You may need to download the latest available updates for the app. Do you want to visit the App Name website for more information and troubleshooting tips? App Name cannot open File Name. An update to the latest version of the app may be required. Check for Updates No Yes Learn More Cancel

27 Common Problems Too little/confusing information

28 Common Problems Too little/confusing information

29 Common Problems Too little/confusing information

30 Common Problems Too little/confusing information

31 Before and After

32 Before and After

33 Style and Quality

34 Style and Quality Avoid platitudes, jargon, or fillers

35 Style and Quality Avoid platitudes, jargon, or fillers Use correct formatting, spelling, and punctuation

36 Style and Quality Avoid platitudes, jargon, or fillers Use correct formatting, spelling, and punctuation Consider your audience

37 Summary

38 Summary Keep it simple and helpful

39 Summary Keep it simple and helpful Practice: revise your alerts to incorporate these guidelines

40 Summary Keep it simple and helpful Practice: revise your alerts to incorporate these guidelines Read the HIG

41

42