Presentation by Guuey Coworking for Web Design Trends of 2016

2. Mobile First Web Design
2015 | first year that mobile traffic overtook desktop
2016 |

3. MOBILE FIRST IS NOW REALITY
Mobile First Web Design
What does it mean for
companies and marketers?
CROSS-DEVICE-STRATEGY | OMNICHANNEL MARKETING
New LifestylesNew Behaviours

4. Mobile First Web Design
SIMPLE and QUICK
Mobile websites and mobile apps
Reduce steps
*29% of visitors immediately switch to another site if they don’t
get what they need. Every second counts!!
Make calls-to-action easy-to-see and respond
to. Think fat fingers!
*SOURCE: Consumers in the Micro-Moment, Wave 3, Google/Ipsos, U.S., August 2015, n=1,291 online smartphone users 18+]
Design has to be SMART

5. Digital Engagement Through Content
3% of people generate 90% impact online
Users as Brand Influencers and Advocates
*SOURCE: Teaackr research. Influencer Management Platform.

6. Digital Engagement Through Content
Engage Users
Collect data to define the ideal target audience
Create valuable content

7. Digital Engagement Through Content
CUSTOMIZED know the target and give an answer to their needs
RELEVANT be original and add value to products
and services
INTERACTIVE involve the customers emotionally
(games, quizzes….)
VISUAL The key to instant engagement
is a strong visual impact.

8. Visual Content
Quicker brain perception
Stronger user engagement
Infographics
Present essential informations:
statistics & graphics

9. Visual Content
Importance of reliable Data & Statistics
“What …?” “Question : Yes or
No?”
“How to …?” “10 tips to …”
“5 ways to …” “Versus : … VS …”
Infographics
Visual answer to a question / topic

11. Visual Content
Catch User's attention : dynamic & efficient
Convey a message with a reaction : laugh, inspiration, knowledge
Relevant in content marketing : Blogpost, Social Media, Email campaign
Animated GIF

12. Visual Content
Combination:
infographics + animated GIF
> Interaction + engagement
> other example
GIFographics

13. Visual Content
compelling action on the Web | accessible, searchable & shareable.
Small Screens | big opportunities for online short video
Branded video | with purpose of engaging users
Conclusion : Tend to visual Storytelling in content
Short Video

14. Colour Trends

16. Colour Trends
Warme
Well-being
Welcoming
Security
Order
Peace

17. Colour Trends
One main color
One accent color

18. Interactions, New Trends & Animations

19. Interactions, New Trends & Animations

20. Interactions, New Trends & Animations

22. Material Design
The Rise of Material Design
Material is the Metaphor
Google design Framework UX
Makes it easy to build well designed apps
But needs to be evolved it's about a community
Based on a metaphor that everybody can understand based
on real world objects represented in a digital world

24. Material Design
Basic foundational elements of print design and graphic design
“Typography” “Imagery”
“Colours” “Grids”
“Scale”
“Space”
Used to Convey
Meaning of Elements
Hierarchy of Content
Focus of Attention
Consistency across platforms and devices
Bold Graphic and Intentional

25. Material Design
Much more motion and animation
User initiates change and action
Motion provides visual feedback about user actions
More immersive and natural
Motion provides meaning

26. UX Strategy
Product Usability Goals
Usability Guidelines
Design and Style Guides
User Engagement and focus
UX Plan and Approach
1st in product development life cycle

27. Continuing Trends from 2015
Flat design evolved
Functional minimalism
Card UI Patterns
Immersive Interactions
Dramatic typography
Long scrolls / storytelling
HD Backgrounds