Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Design Web Théorie 2020 - Cours 05
Search
dvil
March 05, 2020
Education
170
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Design Web Théorie 2020 - Cours 05
dvil
March 05, 2020
More Decks by dvil
See All by dvil
Design Web Théorie -2019 - Cours 09
dominiquevilain
0
150
Design Web Théorie 2020 - Cours 04
dominiquevilain
0
130
Design Web Théorie 2020 - Cours 03
dominiquevilain
0
110
Design Web Théorie 2020 cours 02
dominiquevilain
1
160
Design Web Théorie 2020 - Cours 01
dominiquevilain
0
230
Design Web Théorie 2018 - Cours 09 - 1
dominiquevilain
0
170
Other Decks in Education
See All in Education
Railsチュートリアル × 反転学習の事例紹介
yasslab
PRO
3
190k
CLASSIFICATION OF CRUDE DRUGS
pawan_pharm
0
220
2026年度秋学期 統計学 第3回 クロス集計と感度・特異度,データの可視化 (2026. 10. 13)
akiraasano
PRO
0
260
Introduction to Accounting
bvr7352
0
270
Antigravityを使ってGeminiAPI(NanobananaPro)と連携して挿絵メーカーを作った
yoshimura_datam
0
260
[2026後期火5] 論理学(京都大学文学部 後期 第1回)「名前はあるのに、誰なのかわからない」
yatabe
0
150
Human Perception and Cognition - Lecture 4 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
1.7k
Introduction - Lecture 1 - Human-Computer Interaction (1023841ANR)
signer
PRO
0
3.5k
AWS Academy プログラムのご紹介
hiragahh
0
110
General Introduction, Composition, Chemistry & Chemical Classes, Biosources, Therapeutic uses and Commercial Application of Secondary Metabolites.
drpoonamkc
0
170
医療事務養成の専門学校でのAI教育 非エンジニアの学生にAIを1年間使ってもらって、感じたこと
naochim2026
0
140
ちいかわを読め
uchi8977
1
410
Featured
See All Featured
Being A Developer After 40
akosma
92
590k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.5k
How GitHub (no longer) Works
holman
316
150k
Building the Perfect Custom Keyboard
takai
2
910
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.6k
Intergalactic Javascript Robots from Outer Space
tanoku
273
28k
Lessons Learnt from Crawling 1000+ Websites
charlesmeaden
PRO
1
1.6k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Bash Introduction
62gerente
615
220k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
1
280
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
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