web design trends 2016
TRANSCRIPT
Mobile First Web Design
2015 | first year that mobile traffic overtook desktop
2016 |
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
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
Digital Engagement Through Content
3% of people generate 90% impact online
Users as Brand Influencers and Advocates
*SOURCE: Teaackr research. Influencer Management Platform.
Digital Engagement Through Content
Engage Users
Collect data to define the ideal target audience
Create valuable content
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.
Visual Content
Quicker brain perception
Stronger user engagement
InfographicsPresent essential informations:
statistics & graphics
Visual Content
Importance of reliable Data & Statistics
“What …?” “Question : Yes or
No?”
“How to …?” “10 tips to …”
“5 ways to …” “Versus : … VS …”
InfographicsVisual answer to a question / topic
Visual Content
Catch User's attention : dynamic & efficientConvey a message with a reaction : laugh, inspiration, knowledgeRelevant in content marketing : Blogpost, Social Media, Email campaign
Animated GIF
Visual Content
Combination:
infographics + animated GIF
> Interaction + engagement
> other example
GIFographics
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
Colour Trends
Colour Trends
WarmeWell-beingWelcomingSecurityOrderPeace
Colour Trends
One main colorOne accent color
Interactions, New Trends & Animations
Interactions, New Trends & Animations
Interactions, New Trends & Animations
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
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 ContentFocus of Attention
Consistency across platforms and devices
Bold Graphic and Intentional
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
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
Continuing Trends from 2015
Flat design evolved
Functional minimalism
Card UI Patterns
Immersive Interactions
Dramatic typography
Long scrolls / storytelling
HD Backgrounds
