Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Design Web Théorie 2020 - Cours 05
Search
dvil
March 05, 2020
Education
0
160
Design Web Théorie 2020 - Cours 05
dvil
March 05, 2020
Tweet
Share
More Decks by dvil
See All by dvil
Design Web Théorie -2019 - Cours 09
dominiquevilain
0
140
Design Web Théorie 2020 - Cours 04
dominiquevilain
0
120
Design Web Théorie 2020 - Cours 03
dominiquevilain
0
100
Design Web Théorie 2020 cours 02
dominiquevilain
1
140
Design Web Théorie 2020 - Cours 01
dominiquevilain
0
210
Design Web Théorie 2018 - Cours 09 - 1
dominiquevilain
0
160
Other Decks in Education
See All in Education
1106
cbtlibrary
0
430
(2024) Couper un gâteau... sans connaître le nombre de convives
mansuy
2
170
Sanapilvet opetuksessa
matleenalaakso
0
31k
Web Application Frameworks - Lecture 4 - Web Technologies (1019888BNR)
signer
PRO
0
2.7k
Utiliser Linkedin pour améliorer son personal branding
martine
0
110
Adobe Express
matleenalaakso
1
7.6k
【お子さま向け】Amazon ECS サービスディスカバリーって知ってる?【楽しい読み聞かせ】
tubone24
7
740
Logistique et supply chain : application au e-commerce
martine
0
110
Da Necessidade da Devoção à Virgem Santíssima
cm_manaus
0
100
Human Perception and Cognition - Lecture 4 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
790
XML and Related Technologies - Lecture 7 - Web Technologies (1019888BNR)
signer
PRO
0
2.6k
ワクワク発見資料
akenohoshi
0
130
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1030
460k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Optimizing for Happiness
mojombo
376
70k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
850
The Pragmatic Product Professional
lauravandoore
32
6.3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
127
18k
How to Ace a Technical Interview
jacobian
276
23k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Code Reviewing Like a Champion
maltzj
521
39k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Into the Great Unknown - MozCon
thekraken
34
1.6k
Transcript
CONCEPTS
None
ARCHITECTURE La question du rangement des contenus à travers le
site.
Catégoriser en regroupant les contenus de manière logique (question, centrale,
des taxinomies) ARCHITECTURE
Taxonomie ARCHITECTURE
Web 2.0 Laisser les utilisateurs organiser le contenu ARCHITECTURE
Le tri des cartes (card sorting) 1. Énumérer les contenus
2. Demander aux utilisateurs de les ranger 3. Nommer les groupes constitués ARCHITECTURE
None
None
Structurer en dégageant une hiérarchie des contenus (en fonction du
business model) ARCHITECTURE
None
Proposer des outils de navigation et de recherche efficaces ARCHITECTURE
None
None
None
None
None
None
None
None
None
None
Créer des intitulés de menus : • signifiants et prédictibles;
• complémentaires ; • exclusifs. ARCHITECTURE
None
None
• Ajouter des liens transversaux ARCHITECTURE
None
None
ORGANISATION VISUELLE La question de l’organisation visuelle est celle du
rangement des contenus à travers la page On essaiera d’alléger le traitement de l’information par l’utilisateur.
Favoriser le scan visuel. Quand c’est possible, essayez de diviser
la quantité de mots par deux sur les pages navigantes. ORGANISATION VISUELLE
None
N’affichez que les principaux éléments de navigation et d’interaction (formulaires
par ex.) ; ORGANISATION VISUELLE
None
Limitez la charge d’information perçue • Limitez l’hétérogénéité visuelle ;
• limitez les images de fond ; • limitez les animations ; • soignez le rythme et l’aération ORGANISATION VISUELLE
None
None
None
None
None
None
None
None
None
None
None