Interaction Design Trends 2015 & 2016

Recommendations

Info

Visual Conversations 46 Just as with navigation, the key to language in calls-to-actions subtlety. Because you are limited to only a few words within a button, each one must be weighed and optimized. 6. Data The most basic use of language in a site or app is data: the company’s addresses, phone numbers, legal text that’s required to be there, etc. There’s very little wiggle-room on the data itself (except for visual choices, such as font or size), but the introduction of the data can be adapted to your tone. Photo credit: Welikesmall The digital agency Welikesmall adds a little spice to an otherwise bland contact page. All the necessary information is there – numbers, address, email, even social media links – but jokes like “for a good time call...” add a little something extra – and memorable, which is good for adding a bit of delight to the experience.
Visual Conversations 47 Conclusion As Basecamp suggests in their excellent online book Getting Real, “If you think every pixel, every icon, every typeface matters, then you also need to believe every letter matters.” You can’t separate copy from design because it’s all part of the same interface. Know your user, know your constraints, and make sure you have clear and interesting copy to complement the design. Additional Resources 1. From Google Ventures: 5 Rules for Great Interface Copy – John Zeratsky (Fastco Design) 2. How to Write Copy for Web Interfaces – Jonas Downey (Basecamp) 3. The Importance of Copywriting in Web Design – Joshua Johnson (Designshack) 4. Death to Lorem Ipsum – Luke Wroblewski 5. 7 Rules for Creating Gorgeous UI – Erik Kennedy
Page 1 and 2: Interaction Design Trends 2015 & 20
Page 3 and 4: Index Invisible Design 6 Simplifyi
Page 5 and 6: Authors Co-founder and head of prod
Page 7 and 8: Invisible Design 7 Simplifying User
Page 9 and 10: Invisible Design 9 2. Dropbox Dropb
Page 11 and 12: Invisible Design 11 Clear Communica
Page 13 and 14: Invisible Design 13 The Integrated
Page 15 and 16: Invisible Design 15 Photo credit: F
Page 17 and 18: Invisible Design 17 • Autosaving
Page 19 and 20: Meaningful Delight In the context o
Page 21 and 22: Meaningful Delight 21 Delight is no
Page 23 and 24: Meaningful Delight 23 Slack’s tru
Page 25 and 26: Meaningful Delight 25 Photo credit:
Page 27 and 28: Meaningful Delight 27 The deeper le
Page 29 and 30: Meaningful Delight 29 Want to updat
Page 31 and 32: Meaningful Delight 31 Photo credit:
Page 33 and 34: Meaningful Delight 33 Additional Re
Page 35 and 36: Why Copy is Essential in Interactio
Page 37 and 38: Visual Conversations 37 It doesn’
Page 39 and 40: Visual Conversations 39 Are your ta
Page 41 and 42: Visual Conversations 41 expertise,
Page 43 and 44: Visual Conversations 43 purpose is
Page 45: Visual Conversations 45 Error messa
Page 49 and 50: Reflective Space 49 White space, or
Page 51 and 52: Reflective Space 51 Macro and Micro
Page 53 and 54: Reflective Space 53 Photo credit: T
Page 55 and 56: Reflective Space 55 Let’s look at
Page 57 and 58: Reflective Space 57 corners, the de
Page 59 and 60: Reflective Space 59 Minimalism The
Page 61 and 62: Reflective Space 61 peting visuals
Page 63 and 64: Reflective Space 63 Conclusion As a
Page 65 and 66: Persuasive Paths 65 BMW North Ameri
Page 67 and 68: Persuasive Paths 67 One of the best
Page 69 and 70: Persuasive Paths 69 Reference If yo
Page 71 and 72: Persuasive Paths 71 Conclusion Whil

Interaction Design Trends 2015 & 2016

You also want an ePaper? Increase the reach of your titles

Delete template?

Save as template?