Interaction Design Trends 2015 & 2016

Recommendations

Info

Reflective Space 56 For macro white space, passive spacing means adding enough borders and margins to clarify the distinctions between elements and avoid confusion. For example, putting enough space between a login navigation bar and a site navigation bar at the top of the screen. For micro white space, this means spacing out letters, lines of text, and paragraphs to maximize readability, and spacing items in a list or menu to make them individually easy to spot when scanning (in other words, removing clutter). Passive applications should feel organic and natural. In fact, the main purpose of passive white space is that it goes unnoticed. What makes it passive is that it doesn’t draw attention to itself. It simply looks “normal.” The moment when enough space is used that it starts to stand out, then it becomes active. 2. Active Space Using white space actively is attempting to influence your user’s visual flow. Surrounding an element with a large amount of white space is a great way to get it noticed. There are actually a lot of elements on the above page: navigation tabs, social media links, even legal information. However, the most prominent is clearly the interactive “1000” graphic that’s dead center. By shrinking and pushing the other elements to the
Reflective Space 57 corners, the designers at Chrome Experiments actively maximize the space around the element they want the users to interact with most. Photo credit: 1000: Chrome Experiments Likewise, minimizing the amount of space between a smaller line and the one proceeding may be a good way to “hide” it, as is often seen with legal requirements or copyright information. See how, below, the line “FiberSensing is an HBM Brand” is displayed without drawing too much attention. Macro white space is often used actively to draw attention to the page’s single main focus, or to separate more important elements from the pack.
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 and 46: Visual Conversations 45 Error messa
Page 47 and 48: Visual Conversations 47 Conclusion
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: Reflective Space 55 Let’s look at
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
show all

Interaction Design Trends 2015 & 2016

Create successful ePaper yourself

Delete template?

Save as template?