SlideShare une entreprise Scribd logo
1  sur  24
INTERFACE DESIGN
- 10 trends we’ll see in 2017 -
- WHAT’S STILL CURRENT-
TREND N°1
SIMPLICITY AND
CLARITY
The omnipresence of mobile has
transformed interfaces and the way
content is displayed: the user is shown
what he came to look for and is helped
to perform a precise action that limits
the amount of text.
The presence of white space is very
important. We see more and more page
designs that are airy and geometric, and
sometimes also less structured grids that
allow for a more dynamic screen.
TREND N°2
COLOR
AND CONTRASTS
Simple doesn’t mean cold.
Color and gradients bring warmth back to
interfaces. The preference is to define a
simple interplay of colors and to place the
emphasis on the action or accent color to
create contrast.
TREND N°3
HIERARCHY AND
TYPOGRAPHY
The choice of fonts is fundamental and
contributes to the brand and platform
identity.
Typography remains an inescapable
means to arrange information
hierarchically thanks to size differences
and variations in weight.
Accessibility constraints which are ever
more present in conventional interfaces
will give typography back its importance.
TREND N°4
ILLUSTRATION IN
ALL ITS FORMS
In response to flat design and the
impersonal stock image visuals, we are
seeing the increasing appearance of
illustrations.
The playful and differentiating approach of
an illustration enables us to give
personality to interfaces, to affirm the
identity of a brand and to find a new way
to present content. They are particularly
relevant to create storytelling.
It is important for a brand to have its
own library of illustrations.
TREND N°5
UI MOTION AND
EMOTIONAL DESIGN
Animations aren’t just there to create a
”wow effect”. They help with
understanding the interface and user
interactions.
Animations are inspired by the laws of
physics (e.g. Material Design) while
remaining distinct. Micro-interactions
enable us to give feedback to the user
following an action.
Be careful not to abuse it, to maintain
consistency and sense.
- WHAT IS NEW (OR ALMOST NEW) -
Having a global and consistent
experience across all media relies
on the creation of a true visual
language.
Future interfaces will thus no longer be
conceived by screen but rather as
systems of components which are
living and evolving.
TREND N°6
A VISUAL
LANGUAGE
(in praise of consistency)
With connected objects and 3D
printing, digital is reconnecting with
the physical world.
Without going so far as to return to
Skeumorphism, we are observing a trend
of getting closer to the physical world with
interfaces that we want to touch
(materials) and with which we want to
play (shadows, animations...).
TREND N°7
CREATIVE ASSETS
THAT BREAK OUT
OF THE SCREEN
Big data is here, there’s no longer any
doubt for anyone.
This data has to be used and analyzed in
order to give the user the best experience
possible.
A clear and relevant representation of this
data will provide structure, especially in
banking applications.
TREND N°8
REPRESENTING
DATA
TREND N°9
TELLING STORIES
Storytelling is more than ever the
current way to involve the user in a
story or, more simply, in a series of
arguments.
Very long single pages (no one is afraid
of scrolling anymore!) unfold during the
course of reading and become true
narrations.
This enables us to replace a sometimes
monotonous reading of content with a
delicious process of discovery.
We’re also seeing the death of royalty-
free photos in favor of authentic, living
ones.
TREND N°10
LIVING NEW
EXPERIENCES
There are countless new technologies
that just a few years ago were fiction.
Virtual reality, augmented reality, Games
that make users go out into the streets
(Pokemon Go)...
The user will thus want more and more
new experiences (visual, sound and
tactile) and products that break
established codes.
Thanks to all these technologies, we can
expect design that is personalized,
predictive, and intelligent.
UI Design Trends for 2017
UI Design Trends for 2017

Contenu connexe

Tendances

LaSoft | Unique UI/UX design based on your ideas and user’s preferences
LaSoft | Unique UI/UX design based on your ideas and user’s preferencesLaSoft | Unique UI/UX design based on your ideas and user’s preferences
LaSoft | Unique UI/UX design based on your ideas and user’s preferencesIgor Vivchar
 
UI & UX DESIGN FOR MOBILE
UI & UX DESIGN FOR MOBILEUI & UX DESIGN FOR MOBILE
UI & UX DESIGN FOR MOBILEJoseph Ssekono
 
Why UI & UX Design Matters? For building digital and software products
Why UI & UX Design Matters? For building digital and software productsWhy UI & UX Design Matters? For building digital and software products
Why UI & UX Design Matters? For building digital and software productsBoldare
 
2016 Mobile Design & UX Trends
2016 Mobile Design & UX Trends2016 Mobile Design & UX Trends
2016 Mobile Design & UX TrendsMiva
 
UX: Now & Next
UX: Now & NextUX: Now & Next
UX: Now & NextRobert Hsu
 
10 Design Trends 2013
10 Design  Trends 201310 Design  Trends 2013
10 Design Trends 2013Kim Peratt
 
Flat Design - A Primer
Flat Design - A PrimerFlat Design - A Primer
Flat Design - A Primerwedu, Inc
 
Why Mobile App Should Upgrade to UX/UI Design?
Why Mobile App Should Upgrade to UX/UI Design?Why Mobile App Should Upgrade to UX/UI Design?
Why Mobile App Should Upgrade to UX/UI Design?AppClues Infotech
 
Top Website Designing Trends To Look For In 2021
Top Website Designing Trends To Look For In 2021Top Website Designing Trends To Look For In 2021
Top Website Designing Trends To Look For In 2021WebConnect Pvt Ltd
 
Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021sravanthisravanthi6
 
Metro Design Language - WebDU
Metro Design Language - WebDUMetro Design Language - WebDU
Metro Design Language - WebDUShane Morris
 
10 Tips For Designing Effective Visual Communication
10 Tips For Designing Effective Visual Communication10 Tips For Designing Effective Visual Communication
10 Tips For Designing Effective Visual CommunicationColumn Five
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)iFactory Digital
 
2018 UX & Web Design Trends
2018 UX & Web Design Trends2018 UX & Web Design Trends
2018 UX & Web Design TrendsVanksen
 
Dos and don'ts of mobile ppc
Dos and don'ts of mobile ppcDos and don'ts of mobile ppc
Dos and don'ts of mobile ppccrystal-anderson
 

Tendances (20)

flat design and colors
flat design and colorsflat design and colors
flat design and colors
 
LaSoft | Unique UI/UX design based on your ideas and user’s preferences
LaSoft | Unique UI/UX design based on your ideas and user’s preferencesLaSoft | Unique UI/UX design based on your ideas and user’s preferences
LaSoft | Unique UI/UX design based on your ideas and user’s preferences
 
UI & UX DESIGN FOR MOBILE
UI & UX DESIGN FOR MOBILEUI & UX DESIGN FOR MOBILE
UI & UX DESIGN FOR MOBILE
 
Black Book_WEB
Black Book_WEBBlack Book_WEB
Black Book_WEB
 
BASIC UX PRESENTATION
BASIC UX PRESENTATIONBASIC UX PRESENTATION
BASIC UX PRESENTATION
 
Why UI & UX Design Matters? For building digital and software products
Why UI & UX Design Matters? For building digital and software productsWhy UI & UX Design Matters? For building digital and software products
Why UI & UX Design Matters? For building digital and software products
 
2016 Mobile Design & UX Trends
2016 Mobile Design & UX Trends2016 Mobile Design & UX Trends
2016 Mobile Design & UX Trends
 
UX: Now & Next
UX: Now & NextUX: Now & Next
UX: Now & Next
 
10 Design Trends 2013
10 Design  Trends 201310 Design  Trends 2013
10 Design Trends 2013
 
Flat Design - A Primer
Flat Design - A PrimerFlat Design - A Primer
Flat Design - A Primer
 
Why Mobile App Should Upgrade to UX/UI Design?
Why Mobile App Should Upgrade to UX/UI Design?Why Mobile App Should Upgrade to UX/UI Design?
Why Mobile App Should Upgrade to UX/UI Design?
 
Top Website Designing Trends To Look For In 2021
Top Website Designing Trends To Look For In 2021Top Website Designing Trends To Look For In 2021
Top Website Designing Trends To Look For In 2021
 
Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021
 
Metro Design Language - WebDU
Metro Design Language - WebDUMetro Design Language - WebDU
Metro Design Language - WebDU
 
Flat Design
Flat DesignFlat Design
Flat Design
 
10 Tips For Designing Effective Visual Communication
10 Tips For Designing Effective Visual Communication10 Tips For Designing Effective Visual Communication
10 Tips For Designing Effective Visual Communication
 
What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)What’s the difference between a UX and UI designer? (Part two)
What’s the difference between a UX and UI designer? (Part two)
 
2018 UX & Web Design Trends
2018 UX & Web Design Trends2018 UX & Web Design Trends
2018 UX & Web Design Trends
 
chino_resume
chino_resumechino_resume
chino_resume
 
Dos and don'ts of mobile ppc
Dos and don'ts of mobile ppcDos and don'ts of mobile ppc
Dos and don'ts of mobile ppc
 

En vedette

Tendances du Design d'Interface 2017
Tendances du Design d'Interface 2017Tendances du Design d'Interface 2017
Tendances du Design d'Interface 2017Idean France
 
A developer who knows how to design by Audrey Hacq
A developer who knows how to design by Audrey HacqA developer who knows how to design by Audrey Hacq
A developer who knows how to design by Audrey HacqIdean France
 
UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017NiceToMeetYou
 
DMI 2017 Mobile Trends
DMI 2017 Mobile TrendsDMI 2017 Mobile Trends
DMI 2017 Mobile TrendsDMI
 
Sirikit par Julien Coudsi
Sirikit par Julien CoudsiSirikit par Julien Coudsi
Sirikit par Julien CoudsiIdean France
 
Fjord Trends 2017
Fjord Trends 2017 Fjord Trends 2017
Fjord Trends 2017 Fjord
 
FLUPA - UX Days 2016 : "Quand les militaires se prennent au jeu du Design Spr...
FLUPA - UX Days 2016 : "Quand les militaires se prennent au jeu du Design Spr...FLUPA - UX Days 2016 : "Quand les militaires se prennent au jeu du Design Spr...
FLUPA - UX Days 2016 : "Quand les militaires se prennent au jeu du Design Spr...Idean France
 
Backelite digital agency presentation_English
Backelite digital agency presentation_EnglishBackelite digital agency presentation_English
Backelite digital agency presentation_EnglishIdean France
 
The Top 10 UX Trends for 2016
The Top 10 UX Trends for 2016The Top 10 UX Trends for 2016
The Top 10 UX Trends for 2016Idean France
 
Top UX Trends For 2017
Top UX Trends For 2017Top UX Trends For 2017
Top UX Trends For 2017Amber Shively
 
Digital UX trends 2017
Digital UX trends 2017Digital UX trends 2017
Digital UX trends 2017Mak Kordić
 
The Love index
The Love indexThe Love index
The Love indexFjord
 
Un développeur sachant designer par Audrey Hacq
Un développeur sachant designer par Audrey HacqUn développeur sachant designer par Audrey Hacq
Un développeur sachant designer par Audrey HacqIdean France
 
Rendering unit tests par Nicolas Fontaine
Rendering unit tests par Nicolas FontaineRendering unit tests par Nicolas Fontaine
Rendering unit tests par Nicolas FontaineIdean France
 
Cocoaheads Montpellier Meetup : L'analyse de Code Statique avec Objective-C /...
Cocoaheads Montpellier Meetup : L'analyse de Code Statique avec Objective-C /...Cocoaheads Montpellier Meetup : L'analyse de Code Statique avec Objective-C /...
Cocoaheads Montpellier Meetup : L'analyse de Code Statique avec Objective-C /...Idean France
 
Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016Idean France
 
CWO Customer Experience Event - May 2013
CWO Customer Experience Event - May 2013CWO Customer Experience Event - May 2013
CWO Customer Experience Event - May 2013osadmin
 
Comparison of physical and rheological properties of plain and crumb rubber m...
Comparison of physical and rheological properties of plain and crumb rubber m...Comparison of physical and rheological properties of plain and crumb rubber m...
Comparison of physical and rheological properties of plain and crumb rubber m...eSAT Journals
 

En vedette (20)

Tendances du Design d'Interface 2017
Tendances du Design d'Interface 2017Tendances du Design d'Interface 2017
Tendances du Design d'Interface 2017
 
A developer who knows how to design by Audrey Hacq
A developer who knows how to design by Audrey HacqA developer who knows how to design by Audrey Hacq
A developer who knows how to design by Audrey Hacq
 
UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017UX & UI Design : les tendances pour 2017
UX & UI Design : les tendances pour 2017
 
DMI 2017 Mobile Trends
DMI 2017 Mobile TrendsDMI 2017 Mobile Trends
DMI 2017 Mobile Trends
 
Sirikit par Julien Coudsi
Sirikit par Julien CoudsiSirikit par Julien Coudsi
Sirikit par Julien Coudsi
 
Fjord Trends 2017
Fjord Trends 2017 Fjord Trends 2017
Fjord Trends 2017
 
FLUPA - UX Days 2016 : "Quand les militaires se prennent au jeu du Design Spr...
FLUPA - UX Days 2016 : "Quand les militaires se prennent au jeu du Design Spr...FLUPA - UX Days 2016 : "Quand les militaires se prennent au jeu du Design Spr...
FLUPA - UX Days 2016 : "Quand les militaires se prennent au jeu du Design Spr...
 
Backelite digital agency presentation_English
Backelite digital agency presentation_EnglishBackelite digital agency presentation_English
Backelite digital agency presentation_English
 
The Top 10 UX Trends for 2016
The Top 10 UX Trends for 2016The Top 10 UX Trends for 2016
The Top 10 UX Trends for 2016
 
Top UX Trends For 2017
Top UX Trends For 2017Top UX Trends For 2017
Top UX Trends For 2017
 
UX trends 2016
UX trends 2016UX trends 2016
UX trends 2016
 
Digital UX trends 2017
Digital UX trends 2017Digital UX trends 2017
Digital UX trends 2017
 
The Love index
The Love indexThe Love index
The Love index
 
Un développeur sachant designer par Audrey Hacq
Un développeur sachant designer par Audrey HacqUn développeur sachant designer par Audrey Hacq
Un développeur sachant designer par Audrey Hacq
 
Rendering unit tests par Nicolas Fontaine
Rendering unit tests par Nicolas FontaineRendering unit tests par Nicolas Fontaine
Rendering unit tests par Nicolas Fontaine
 
Cocoaheads Montpellier Meetup : L'analyse de Code Statique avec Objective-C /...
Cocoaheads Montpellier Meetup : L'analyse de Code Statique avec Objective-C /...Cocoaheads Montpellier Meetup : L'analyse de Code Statique avec Objective-C /...
Cocoaheads Montpellier Meetup : L'analyse de Code Statique avec Objective-C /...
 
Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016Les 10 Tendances de l’Expérience Utilisateur en 2016
Les 10 Tendances de l’Expérience Utilisateur en 2016
 
Key Digital Trends for 2017
Key Digital Trends for 2017Key Digital Trends for 2017
Key Digital Trends for 2017
 
CWO Customer Experience Event - May 2013
CWO Customer Experience Event - May 2013CWO Customer Experience Event - May 2013
CWO Customer Experience Event - May 2013
 
Comparison of physical and rheological properties of plain and crumb rubber m...
Comparison of physical and rheological properties of plain and crumb rubber m...Comparison of physical and rheological properties of plain and crumb rubber m...
Comparison of physical and rheological properties of plain and crumb rubber m...
 

Similaire à UI Design Trends for 2017

5 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 20215 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 2021Stefan Gerber
 
10 Best Current Design Trends
10 Best Current Design Trends10 Best Current Design Trends
10 Best Current Design Trends[x]cube LABS
 
interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016Halil Eren Çelik
 
Id scratching oestreich02102015_final
Id scratching oestreich02102015_finalId scratching oestreich02102015_final
Id scratching oestreich02102015_finalLinda Oestreich
 
The approach to visualize information into graphic design
The approach to visualize information into graphic designThe approach to visualize information into graphic design
The approach to visualize information into graphic designTracy Hsu
 
Portfolio Karen Sátiro
Portfolio Karen SátiroPortfolio Karen Sátiro
Portfolio Karen SátiroKaren Sátiro
 
RESS @ SapientNitro CGN (UX CGN 10)
RESS @ SapientNitro CGN (UX CGN 10)RESS @ SapientNitro CGN (UX CGN 10)
RESS @ SapientNitro CGN (UX CGN 10)Axel Hermes
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile SolutionsDMI
 
Information Design for Technical Communicators: Scratching the Surface
Information Design for Technical Communicators: Scratching the SurfaceInformation Design for Technical Communicators: Scratching the Surface
Information Design for Technical Communicators: Scratching the SurfaceLinda Oestreich
 
Use of technology in presentation
Use of technology in presentationUse of technology in presentation
Use of technology in presentationMuttahir Ahmed Khan
 
Material Design
Material Design Material Design
Material Design Arya Padte
 
UI/UX Design Trends 2023 – You’ll Love It
UI/UX Design Trends 2023 – You’ll Love ItUI/UX Design Trends 2023 – You’ll Love It
UI/UX Design Trends 2023 – You’ll Love ItBMN Infotech
 
Physical Terrain Modeling in a Digital Age
Physical Terrain Modeling in a Digital AgePhysical Terrain Modeling in a Digital Age
Physical Terrain Modeling in a Digital AgeWatson Mary
 
This is an example of a student post and her response.Consistenc.docx
This is an example of a student post and her response.Consistenc.docxThis is an example of a student post and her response.Consistenc.docx
This is an example of a student post and her response.Consistenc.docxchristalgrieg
 
Effective visual communication for GUI
Effective visual communication for GUIEffective visual communication for GUI
Effective visual communication for GUIananda gunadharma
 
The User Interface-Introduction .ppt
The User Interface-Introduction .pptThe User Interface-Introduction .ppt
The User Interface-Introduction .pptssuserd67eb9
 

Similaire à UI Design Trends for 2017 (20)

5 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 20215 ux design trends you need to pay attention to in 2021
5 ux design trends you need to pay attention to in 2021
 
10 Best Current Design Trends
10 Best Current Design Trends10 Best Current Design Trends
10 Best Current Design Trends
 
interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016interaction design trends 2015 _ 2016
interaction design trends 2015 _ 2016
 
Mobile card_interfaces
Mobile card_interfacesMobile card_interfaces
Mobile card_interfaces
 
Id scratching oestreich02102015_final
Id scratching oestreich02102015_finalId scratching oestreich02102015_final
Id scratching oestreich02102015_final
 
The approach to visualize information into graphic design
The approach to visualize information into graphic designThe approach to visualize information into graphic design
The approach to visualize information into graphic design
 
Portfolio Karen Sátiro
Portfolio Karen SátiroPortfolio Karen Sátiro
Portfolio Karen Sátiro
 
RESS @ SapientNitro CGN (UX CGN 10)
RESS @ SapientNitro CGN (UX CGN 10)RESS @ SapientNitro CGN (UX CGN 10)
RESS @ SapientNitro CGN (UX CGN 10)
 
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
10 Design Trends 2015 - UX & UI Trends for Mobile Solutions
 
Information Design for Technical Communicators: Scratching the Surface
Information Design for Technical Communicators: Scratching the SurfaceInformation Design for Technical Communicators: Scratching the Surface
Information Design for Technical Communicators: Scratching the Surface
 
datenwerk Cookbook: webdesign trends 2014 (en)
datenwerk Cookbook: webdesign trends 2014 (en)datenwerk Cookbook: webdesign trends 2014 (en)
datenwerk Cookbook: webdesign trends 2014 (en)
 
Use of technology in presentation
Use of technology in presentationUse of technology in presentation
Use of technology in presentation
 
The 10 most innovative graphic design companies in 2019 small
The 10 most innovative graphic design companies in 2019 smallThe 10 most innovative graphic design companies in 2019 small
The 10 most innovative graphic design companies in 2019 small
 
Material Design
Material Design Material Design
Material Design
 
UI/UX Design Trends 2023 – You’ll Love It
UI/UX Design Trends 2023 – You’ll Love ItUI/UX Design Trends 2023 – You’ll Love It
UI/UX Design Trends 2023 – You’ll Love It
 
Physical Terrain Modeling in a Digital Age
Physical Terrain Modeling in a Digital AgePhysical Terrain Modeling in a Digital Age
Physical Terrain Modeling in a Digital Age
 
Mobile UI / UX Trends
Mobile UI / UX TrendsMobile UI / UX Trends
Mobile UI / UX Trends
 
This is an example of a student post and her response.Consistenc.docx
This is an example of a student post and her response.Consistenc.docxThis is an example of a student post and her response.Consistenc.docx
This is an example of a student post and her response.Consistenc.docx
 
Effective visual communication for GUI
Effective visual communication for GUIEffective visual communication for GUI
Effective visual communication for GUI
 
The User Interface-Introduction .ppt
The User Interface-Introduction .pptThe User Interface-Introduction .ppt
The User Interface-Introduction .ppt
 

Plus de Idean France

Start with a Concept and Stop Designing like a Machine
Start with a Concept and Stop Designing like a MachineStart with a Concept and Stop Designing like a Machine
Start with a Concept and Stop Designing like a MachineIdean France
 
Design Systems : à votre marque, prêts, partez !
Design Systems : à votre marque, prêts, partez !Design Systems : à votre marque, prêts, partez !
Design Systems : à votre marque, prêts, partez !Idean France
 
Design systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outilsDesign systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outilsIdean France
 
La recette graphique
La recette graphiqueLa recette graphique
La recette graphiqueIdean France
 
Graph QL par Andy Gigon
Graph QL par Andy GigonGraph QL par Andy Gigon
Graph QL par Andy GigonIdean France
 
Cocoheads react native + redux par Nicolas Fontaine
Cocoheads   react native + redux par Nicolas FontaineCocoheads   react native + redux par Nicolas Fontaine
Cocoheads react native + redux par Nicolas FontaineIdean France
 
Meetup langages visuels - Backelite - novembre 2017
Meetup langages visuels - Backelite - novembre 2017Meetup langages visuels - Backelite - novembre 2017
Meetup langages visuels - Backelite - novembre 2017Idean France
 
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?Idean France
 
From Business to Buttons by Pierre Harlé
From Business to Buttons by Pierre HarléFrom Business to Buttons by Pierre Harlé
From Business to Buttons by Pierre HarléIdean France
 
RX Swift avril 2017 - David Yang
RX Swift avril 2017 - David YangRX Swift avril 2017 - David Yang
RX Swift avril 2017 - David YangIdean France
 
CocoaPods par David Yang
CocoaPods par David YangCocoaPods par David Yang
CocoaPods par David YangIdean France
 
Messages Extensions par Nicolas Fontaine
Messages Extensions par Nicolas FontaineMessages Extensions par Nicolas Fontaine
Messages Extensions par Nicolas FontaineIdean France
 
CA Layer / Core Animation {Cocoaheads Montpellier}
CA Layer / Core Animation {Cocoaheads Montpellier}CA Layer / Core Animation {Cocoaheads Montpellier}
CA Layer / Core Animation {Cocoaheads Montpellier}Idean France
 
Programmation Orientée Protocole {Cocoaheads Montpellier}
Programmation Orientée Protocole {Cocoaheads Montpellier}Programmation Orientée Protocole {Cocoaheads Montpellier}
Programmation Orientée Protocole {Cocoaheads Montpellier}Idean France
 
App groups, faire communiquer ses applications {Cocoaheads Montpellier}
App groups, faire communiquer ses applications {Cocoaheads Montpellier}App groups, faire communiquer ses applications {Cocoaheads Montpellier}
App groups, faire communiquer ses applications {Cocoaheads Montpellier}Idean France
 
Cocoaheads Montpellier Meetup : La programmation réactive sur iOS avec Réacti...
Cocoaheads Montpellier Meetup : La programmation réactive sur iOS avec Réacti...Cocoaheads Montpellier Meetup : La programmation réactive sur iOS avec Réacti...
Cocoaheads Montpellier Meetup : La programmation réactive sur iOS avec Réacti...Idean France
 
Meetup CocoaHeads Montpellier : conférence sur l'Auto Layout
Meetup CocoaHeads Montpellier : conférence sur l'Auto LayoutMeetup CocoaHeads Montpellier : conférence sur l'Auto Layout
Meetup CocoaHeads Montpellier : conférence sur l'Auto LayoutIdean France
 
How to design forms that deliver a great user experience
How to design forms that deliver a great user experienceHow to design forms that deliver a great user experience
How to design forms that deliver a great user experienceIdean France
 
Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...
Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...
Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...Idean France
 
Cocoaheads Montpellier Meetup : Comment gérer son onboarding
Cocoaheads Montpellier Meetup : Comment gérer son onboardingCocoaheads Montpellier Meetup : Comment gérer son onboarding
Cocoaheads Montpellier Meetup : Comment gérer son onboardingIdean France
 

Plus de Idean France (20)

Start with a Concept and Stop Designing like a Machine
Start with a Concept and Stop Designing like a MachineStart with a Concept and Stop Designing like a Machine
Start with a Concept and Stop Designing like a Machine
 
Design Systems : à votre marque, prêts, partez !
Design Systems : à votre marque, prêts, partez !Design Systems : à votre marque, prêts, partez !
Design Systems : à votre marque, prêts, partez !
 
Design systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outilsDesign systems : Bench et reco sur les outils
Design systems : Bench et reco sur les outils
 
La recette graphique
La recette graphiqueLa recette graphique
La recette graphique
 
Graph QL par Andy Gigon
Graph QL par Andy GigonGraph QL par Andy Gigon
Graph QL par Andy Gigon
 
Cocoheads react native + redux par Nicolas Fontaine
Cocoheads   react native + redux par Nicolas FontaineCocoheads   react native + redux par Nicolas Fontaine
Cocoheads react native + redux par Nicolas Fontaine
 
Meetup langages visuels - Backelite - novembre 2017
Meetup langages visuels - Backelite - novembre 2017Meetup langages visuels - Backelite - novembre 2017
Meetup langages visuels - Backelite - novembre 2017
 
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
Sketch pour les designers : pourquoi, quand et comment l'utiliser ?
 
From Business to Buttons by Pierre Harlé
From Business to Buttons by Pierre HarléFrom Business to Buttons by Pierre Harlé
From Business to Buttons by Pierre Harlé
 
RX Swift avril 2017 - David Yang
RX Swift avril 2017 - David YangRX Swift avril 2017 - David Yang
RX Swift avril 2017 - David Yang
 
CocoaPods par David Yang
CocoaPods par David YangCocoaPods par David Yang
CocoaPods par David Yang
 
Messages Extensions par Nicolas Fontaine
Messages Extensions par Nicolas FontaineMessages Extensions par Nicolas Fontaine
Messages Extensions par Nicolas Fontaine
 
CA Layer / Core Animation {Cocoaheads Montpellier}
CA Layer / Core Animation {Cocoaheads Montpellier}CA Layer / Core Animation {Cocoaheads Montpellier}
CA Layer / Core Animation {Cocoaheads Montpellier}
 
Programmation Orientée Protocole {Cocoaheads Montpellier}
Programmation Orientée Protocole {Cocoaheads Montpellier}Programmation Orientée Protocole {Cocoaheads Montpellier}
Programmation Orientée Protocole {Cocoaheads Montpellier}
 
App groups, faire communiquer ses applications {Cocoaheads Montpellier}
App groups, faire communiquer ses applications {Cocoaheads Montpellier}App groups, faire communiquer ses applications {Cocoaheads Montpellier}
App groups, faire communiquer ses applications {Cocoaheads Montpellier}
 
Cocoaheads Montpellier Meetup : La programmation réactive sur iOS avec Réacti...
Cocoaheads Montpellier Meetup : La programmation réactive sur iOS avec Réacti...Cocoaheads Montpellier Meetup : La programmation réactive sur iOS avec Réacti...
Cocoaheads Montpellier Meetup : La programmation réactive sur iOS avec Réacti...
 
Meetup CocoaHeads Montpellier : conférence sur l'Auto Layout
Meetup CocoaHeads Montpellier : conférence sur l'Auto LayoutMeetup CocoaHeads Montpellier : conférence sur l'Auto Layout
Meetup CocoaHeads Montpellier : conférence sur l'Auto Layout
 
How to design forms that deliver a great user experience
How to design forms that deliver a great user experienceHow to design forms that deliver a great user experience
How to design forms that deliver a great user experience
 
Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...
Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...
Les Formulaires - Les bonnes pratiques pour une meilleure expérience utilisat...
 
Cocoaheads Montpellier Meetup : Comment gérer son onboarding
Cocoaheads Montpellier Meetup : Comment gérer son onboardingCocoaheads Montpellier Meetup : Comment gérer son onboarding
Cocoaheads Montpellier Meetup : Comment gérer son onboarding
 

Dernier

Kieran Salaria Graphic Design PDF Portfolio
Kieran Salaria Graphic Design PDF PortfolioKieran Salaria Graphic Design PDF Portfolio
Kieran Salaria Graphic Design PDF Portfolioktksalaria
 
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...ankitnayak356677
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...Call Girls in Nagpur High Profile
 
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...Suhani Kapoor
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...Pooja Nehwal
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentationamedia6
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130Suhani Kapoor
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...Amil baba
 
如何办理(UVa毕业证书)弗吉尼亚大学毕业证毕业证(文凭)成绩单原版一比一定制
如何办理(UVa毕业证书)弗吉尼亚大学毕业证毕业证(文凭)成绩单原版一比一定制如何办理(UVa毕业证书)弗吉尼亚大学毕业证毕业证(文凭)成绩单原版一比一定制
如何办理(UVa毕业证书)弗吉尼亚大学毕业证毕业证(文凭)成绩单原版一比一定制didi bibo
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxjanettecruzeiro1
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Servicejennyeacort
 
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...Suhani Kapoor
 
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Narsimha murthy
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Douxkojalkojal131
 
A level Digipak development Presentation
A level Digipak development PresentationA level Digipak development Presentation
A level Digipak development Presentationamedia6
 

Dernier (20)

Kieran Salaria Graphic Design PDF Portfolio
Kieran Salaria Graphic Design PDF PortfolioKieran Salaria Graphic Design PDF Portfolio
Kieran Salaria Graphic Design PDF Portfolio
 
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
Raj Nagar Extension Call Girls 9711199012 WhatsApp No, Delhi Escorts in Raj N...
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
VVIP Pune Call Girls Hadapsar (7001035870) Pune Escorts Nearby with Complete ...
 
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
VIP College Call Girls Gorakhpur Bhavna 8250192130 Independent Escort Service...
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...Kurla Call Girls Pooja Nehwal📞 9892124323 ✅  Vashi Call Service Available Nea...
Kurla Call Girls Pooja Nehwal📞 9892124323 ✅ Vashi Call Service Available Nea...
 
The history of music videos a level presentation
The history of music videos a level presentationThe history of music videos a level presentation
The history of music videos a level presentation
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
 
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
NO1 Famous Amil Baba In Karachi Kala Jadu In Karachi Amil baba In Karachi Add...
 
如何办理(UVa毕业证书)弗吉尼亚大学毕业证毕业证(文凭)成绩单原版一比一定制
如何办理(UVa毕业证书)弗吉尼亚大学毕业证毕业证(文凭)成绩单原版一比一定制如何办理(UVa毕业证书)弗吉尼亚大学毕业证毕业证(文凭)成绩单原版一比一定制
如何办理(UVa毕业证书)弗吉尼亚大学毕业证毕业证(文凭)成绩单原版一比一定制
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
 
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptxSD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
 
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts ServiceCall Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
Call Girls In Safdarjung Enclave 24/7✡️9711147426✡️ Escorts Service
 
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance  VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
 
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
VIP Russian Call Girls in Saharanpur Deepika 8250192130 Independent Escort Se...
 
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...Revit Understanding Reference Planes and Reference lines in Revit for Family ...
Revit Understanding Reference Planes and Reference lines in Revit for Family ...
 
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai DouxDubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
Dubai Call Girls Pro Domain O525547819 Call Girls Dubai Doux
 
A level Digipak development Presentation
A level Digipak development PresentationA level Digipak development Presentation
A level Digipak development Presentation
 

UI Design Trends for 2017

  • 1. INTERFACE DESIGN - 10 trends we’ll see in 2017 -
  • 2. - WHAT’S STILL CURRENT-
  • 3. TREND N°1 SIMPLICITY AND CLARITY The omnipresence of mobile has transformed interfaces and the way content is displayed: the user is shown what he came to look for and is helped to perform a precise action that limits the amount of text. The presence of white space is very important. We see more and more page designs that are airy and geometric, and sometimes also less structured grids that allow for a more dynamic screen.
  • 4.
  • 5. TREND N°2 COLOR AND CONTRASTS Simple doesn’t mean cold. Color and gradients bring warmth back to interfaces. The preference is to define a simple interplay of colors and to place the emphasis on the action or accent color to create contrast.
  • 6.
  • 7. TREND N°3 HIERARCHY AND TYPOGRAPHY The choice of fonts is fundamental and contributes to the brand and platform identity. Typography remains an inescapable means to arrange information hierarchically thanks to size differences and variations in weight. Accessibility constraints which are ever more present in conventional interfaces will give typography back its importance.
  • 8.
  • 9. TREND N°4 ILLUSTRATION IN ALL ITS FORMS In response to flat design and the impersonal stock image visuals, we are seeing the increasing appearance of illustrations. The playful and differentiating approach of an illustration enables us to give personality to interfaces, to affirm the identity of a brand and to find a new way to present content. They are particularly relevant to create storytelling. It is important for a brand to have its own library of illustrations.
  • 10.
  • 11. TREND N°5 UI MOTION AND EMOTIONAL DESIGN Animations aren’t just there to create a ”wow effect”. They help with understanding the interface and user interactions. Animations are inspired by the laws of physics (e.g. Material Design) while remaining distinct. Micro-interactions enable us to give feedback to the user following an action. Be careful not to abuse it, to maintain consistency and sense.
  • 12.
  • 13. - WHAT IS NEW (OR ALMOST NEW) -
  • 14. Having a global and consistent experience across all media relies on the creation of a true visual language. Future interfaces will thus no longer be conceived by screen but rather as systems of components which are living and evolving. TREND N°6 A VISUAL LANGUAGE (in praise of consistency)
  • 15.
  • 16. With connected objects and 3D printing, digital is reconnecting with the physical world. Without going so far as to return to Skeumorphism, we are observing a trend of getting closer to the physical world with interfaces that we want to touch (materials) and with which we want to play (shadows, animations...). TREND N°7 CREATIVE ASSETS THAT BREAK OUT OF THE SCREEN
  • 17.
  • 18. Big data is here, there’s no longer any doubt for anyone. This data has to be used and analyzed in order to give the user the best experience possible. A clear and relevant representation of this data will provide structure, especially in banking applications. TREND N°8 REPRESENTING DATA
  • 19.
  • 20. TREND N°9 TELLING STORIES Storytelling is more than ever the current way to involve the user in a story or, more simply, in a series of arguments. Very long single pages (no one is afraid of scrolling anymore!) unfold during the course of reading and become true narrations. This enables us to replace a sometimes monotonous reading of content with a delicious process of discovery. We’re also seeing the death of royalty- free photos in favor of authentic, living ones.
  • 21.
  • 22. TREND N°10 LIVING NEW EXPERIENCES There are countless new technologies that just a few years ago were fiction. Virtual reality, augmented reality, Games that make users go out into the streets (Pokemon Go)... The user will thus want more and more new experiences (visual, sound and tactile) and products that break established codes. Thanks to all these technologies, we can expect design that is personalized, predictive, and intelligent.