Suche senden
Hochladen
Principles for designing Information-based websites
•
0 gefällt mir
•
697 views
Soo Basu
Folgen
For a presentation to the Technical Documentation team
Weniger lesen
Mehr lesen
Design
Bildung
Business
Melden
Teilen
Melden
Teilen
1 von 76
Empfohlen
Texas leadership ppt 11 6-10
Texas leadership ppt 11 6-10
MarilynRMartin
Roles
Roles
Michael
Top character design tips
Top character design tips
amaiasans
Creating a 3 d journal
Creating a 3 d journal
Riverwood HS
UX isn't here to steal your toys
UX isn't here to steal your toys
IIBA UK Chapter
Characterisation in Comics
Characterisation in Comics
ChloeStarling
Collaborative sketching - research through design
Collaborative sketching - research through design
Neil Allison
Sameer chandorkar portfolio illustrator
Sameer chandorkar portfolio illustrator
diptirathod
Empfohlen
Texas leadership ppt 11 6-10
Texas leadership ppt 11 6-10
MarilynRMartin
Roles
Roles
Michael
Top character design tips
Top character design tips
amaiasans
Creating a 3 d journal
Creating a 3 d journal
Riverwood HS
UX isn't here to steal your toys
UX isn't here to steal your toys
IIBA UK Chapter
Characterisation in Comics
Characterisation in Comics
ChloeStarling
Collaborative sketching - research through design
Collaborative sketching - research through design
Neil Allison
Sameer chandorkar portfolio illustrator
Sameer chandorkar portfolio illustrator
diptirathod
Speaker Camp Atlanta Workshop - June 28, 2014
Speaker Camp Atlanta Workshop - June 28, 2014
Russ U
Presentation Design Tips
Presentation Design Tips
IbironkeAkinola
The 3 Pitfalls of Managing International Teams By Moriah Scoble - #SEJSummit ...
The 3 Pitfalls of Managing International Teams By Moriah Scoble - #SEJSummit ...
Search Engine Journal
Library 2012
Library 2012
rogersonk
Walt Disney Imagineering Corporate Alphabet Sculpture
Walt Disney Imagineering Corporate Alphabet Sculpture
Andrew Nelson
Before Code: How to Plan & Visualize Your Project
Before Code: How to Plan & Visualize Your Project
melmiller
What is a silhouette
What is a silhouette
heinlvi
24 Horas??
24 Horas??
bebocuriel
Cash For Junk Cars Denver
Cash For Junk Cars Denver
NoahCa88
υπολογισμοί πε χα και α
υπολογισμοί πε χα και α
Μαυρουδης Μακης
Dill Heather
Dill Heather
Heather Dill
Fitli - Webinar
Fitli - Webinar
Foxtail Marketing
Disequazioni di 2 grado metodo algebrico
Disequazioni di 2 grado metodo algebrico
Cristina Scanu
Slides applicazione per valutazione dolore ospedale infantile roberta marsetti
Slides applicazione per valutazione dolore ospedale infantile roberta marsetti
Roberta Marsetti
Şirket Performansının Ölçülmesi ve Temel Göstergeleri_makale
Şirket Performansının Ölçülmesi ve Temel Göstergeleri_makale
Sercan Yıldız
Phrasal verbs: Change and technology
Phrasal verbs: Change and technology
irocho
Consumo de bebidas saludables- ULISES REYES GOMEZ
Consumo de bebidas saludables- ULISES REYES GOMEZ
Samuel Hernandez Lira
La CAA per capirsi, conoscersi e partecipare - Dott.sa Aurelia Rivarola
La CAA per capirsi, conoscersi e partecipare - Dott.sa Aurelia Rivarola
ilcerchio
Week1
Week1
ethrakaiss
Visual design
Visual design
James Washok
The Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for ID
James Washok
Becoming a Web Design Champion
Becoming a Web Design Champion
Meagan Fisher
Weitere ähnliche Inhalte
Was ist angesagt?
Speaker Camp Atlanta Workshop - June 28, 2014
Speaker Camp Atlanta Workshop - June 28, 2014
Russ U
Presentation Design Tips
Presentation Design Tips
IbironkeAkinola
The 3 Pitfalls of Managing International Teams By Moriah Scoble - #SEJSummit ...
The 3 Pitfalls of Managing International Teams By Moriah Scoble - #SEJSummit ...
Search Engine Journal
Library 2012
Library 2012
rogersonk
Walt Disney Imagineering Corporate Alphabet Sculpture
Walt Disney Imagineering Corporate Alphabet Sculpture
Andrew Nelson
Before Code: How to Plan & Visualize Your Project
Before Code: How to Plan & Visualize Your Project
melmiller
What is a silhouette
What is a silhouette
heinlvi
Was ist angesagt?
(7)
Speaker Camp Atlanta Workshop - June 28, 2014
Speaker Camp Atlanta Workshop - June 28, 2014
Presentation Design Tips
Presentation Design Tips
The 3 Pitfalls of Managing International Teams By Moriah Scoble - #SEJSummit ...
The 3 Pitfalls of Managing International Teams By Moriah Scoble - #SEJSummit ...
Library 2012
Library 2012
Walt Disney Imagineering Corporate Alphabet Sculpture
Walt Disney Imagineering Corporate Alphabet Sculpture
Before Code: How to Plan & Visualize Your Project
Before Code: How to Plan & Visualize Your Project
What is a silhouette
What is a silhouette
Andere mochten auch
24 Horas??
24 Horas??
bebocuriel
Cash For Junk Cars Denver
Cash For Junk Cars Denver
NoahCa88
υπολογισμοί πε χα και α
υπολογισμοί πε χα και α
Μαυρουδης Μακης
Dill Heather
Dill Heather
Heather Dill
Fitli - Webinar
Fitli - Webinar
Foxtail Marketing
Disequazioni di 2 grado metodo algebrico
Disequazioni di 2 grado metodo algebrico
Cristina Scanu
Slides applicazione per valutazione dolore ospedale infantile roberta marsetti
Slides applicazione per valutazione dolore ospedale infantile roberta marsetti
Roberta Marsetti
Şirket Performansının Ölçülmesi ve Temel Göstergeleri_makale
Şirket Performansının Ölçülmesi ve Temel Göstergeleri_makale
Sercan Yıldız
Phrasal verbs: Change and technology
Phrasal verbs: Change and technology
irocho
Consumo de bebidas saludables- ULISES REYES GOMEZ
Consumo de bebidas saludables- ULISES REYES GOMEZ
Samuel Hernandez Lira
La CAA per capirsi, conoscersi e partecipare - Dott.sa Aurelia Rivarola
La CAA per capirsi, conoscersi e partecipare - Dott.sa Aurelia Rivarola
ilcerchio
Andere mochten auch
(11)
24 Horas??
24 Horas??
Cash For Junk Cars Denver
Cash For Junk Cars Denver
υπολογισμοί πε χα και α
υπολογισμοί πε χα και α
Dill Heather
Dill Heather
Fitli - Webinar
Fitli - Webinar
Disequazioni di 2 grado metodo algebrico
Disequazioni di 2 grado metodo algebrico
Slides applicazione per valutazione dolore ospedale infantile roberta marsetti
Slides applicazione per valutazione dolore ospedale infantile roberta marsetti
Şirket Performansının Ölçülmesi ve Temel Göstergeleri_makale
Şirket Performansının Ölçülmesi ve Temel Göstergeleri_makale
Phrasal verbs: Change and technology
Phrasal verbs: Change and technology
Consumo de bebidas saludables- ULISES REYES GOMEZ
Consumo de bebidas saludables- ULISES REYES GOMEZ
La CAA per capirsi, conoscersi e partecipare - Dott.sa Aurelia Rivarola
La CAA per capirsi, conoscersi e partecipare - Dott.sa Aurelia Rivarola
Ähnlich wie Principles for designing Information-based websites
Week1
Week1
ethrakaiss
Visual design
Visual design
James Washok
The Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for ID
James Washok
Becoming a Web Design Champion
Becoming a Web Design Champion
Meagan Fisher
Collaborative Sketching for UX - Razorfish 042115
Collaborative Sketching for UX - Razorfish 042115
Robert Stribley
Infographic evernote
Infographic evernote
aswinehart
How to Engage Your Readers with Powerful Infographics
How to Engage Your Readers with Powerful Infographics
Jon Hirst
Nephp 2013-jason-m-rubin
Nephp 2013-jason-m-rubin
nephp
How to build your one-man UX Army
How to build your one-man UX Army
Yogesh B
Bringing web best practices to share point intranets sps be
Bringing web best practices to share point intranets sps be
BIWUG
Samantha thebridge atlas camp 2012 talk
Samantha thebridge atlas camp 2012 talk
samthebridge
Learn You a Designing for Great Good!, AtlasCamp US 2012
Learn You a Designing for Great Good!, AtlasCamp US 2012
Atlassian
Audience is King - Landing Page & Usability Design for Increased Conversions
Audience is King - Landing Page & Usability Design for Increased Conversions
Kimberly Krause Berg
Are Mega Menus Really Heroic?
Are Mega Menus Really Heroic?
Heather Staudt
How Do I UX?
How Do I UX?
Dave Stadler
Collaborative Sketching for UX
Collaborative Sketching for UX
Robert Stribley
Visual tools and innovation games - full day workshop - sp intersections - no...
Visual tools and innovation games - full day workshop - sp intersections - no...
Ruven Gotz
Lesson 3 - IA for web
Lesson 3 - IA for web
Hanna-Liisa Pender
J105 Web Design
J105 Web Design
Chris Snider
Interface Design
Interface Design
Gerson Abesamis
Ähnlich wie Principles for designing Information-based websites
(20)
Week1
Week1
Visual design
Visual design
The Science of Visual Design: Creating Strong Graphics for ID
The Science of Visual Design: Creating Strong Graphics for ID
Becoming a Web Design Champion
Becoming a Web Design Champion
Collaborative Sketching for UX - Razorfish 042115
Collaborative Sketching for UX - Razorfish 042115
Infographic evernote
Infographic evernote
How to Engage Your Readers with Powerful Infographics
How to Engage Your Readers with Powerful Infographics
Nephp 2013-jason-m-rubin
Nephp 2013-jason-m-rubin
How to build your one-man UX Army
How to build your one-man UX Army
Bringing web best practices to share point intranets sps be
Bringing web best practices to share point intranets sps be
Samantha thebridge atlas camp 2012 talk
Samantha thebridge atlas camp 2012 talk
Learn You a Designing for Great Good!, AtlasCamp US 2012
Learn You a Designing for Great Good!, AtlasCamp US 2012
Audience is King - Landing Page & Usability Design for Increased Conversions
Audience is King - Landing Page & Usability Design for Increased Conversions
Are Mega Menus Really Heroic?
Are Mega Menus Really Heroic?
How Do I UX?
How Do I UX?
Collaborative Sketching for UX
Collaborative Sketching for UX
Visual tools and innovation games - full day workshop - sp intersections - no...
Visual tools and innovation games - full day workshop - sp intersections - no...
Lesson 3 - IA for web
Lesson 3 - IA for web
J105 Web Design
J105 Web Design
Interface Design
Interface Design
Kürzlich hochgeladen
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
BarusRa
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
SegundoManuelFaichin1
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
babafaisel
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Delhi Call girls
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Call Girls in Nagpur High Profile
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
University of Wisconsin-Milwaukee
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
sonalitrivedi431
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
jeswinjees
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
aroranaina404
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
home
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
janettecruzeiro1
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
amitlee9823
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
amitlee9823
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
soniya singh
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
amitlee9823
Peaches App development presentation deck
Peaches App development presentation deck
tbatkhuu1
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja Nehwal
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
9953056974 Low Rate Call Girls In Saket, Delhi NCR
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls In Delhi Whatsup 9873940964 Enjoy Unlimited Pleasure
Kürzlich hochgeladen
(20)
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Pastel Portfolio _ by Slidesgo.pptx. Xxx
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
Kala jadu for love marriage | Real amil baba | Famous amil baba | kala jadu n...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
call girls in Kaushambi (Ghaziabad) 🔝 >༒8448380779 🔝 genuine Escort Service 🔝...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
Top Rated Pune Call Girls Koregaon Park ⟟ 6297143586 ⟟ Call Me For Genuine S...
B. Smith. (Architectural Portfolio.).pdf
B. Smith. (Architectural Portfolio.).pdf
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
💫✅jodhpur 24×7 BEST GENUINE PERSON LOW PRICE CALL GIRL SERVICE FULL SATISFACT...
Stark Industries Marketing Plan (1).pptx
Stark Industries Marketing Plan (1).pptx
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
SD_The MATATAG Curriculum Training Design.pptx
SD_The MATATAG Curriculum Training Design.pptx
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
Call Girls in Kalkaji Delhi 8264348440 call girls ❤️
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
RT Nagar Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bang...
Peaches App development presentation deck
Peaches App development presentation deck
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Gi...
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
young call girls in Pandav nagar 🔝 9953056974 🔝 Delhi escort Service
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
call girls in Dakshinpuri (DELHI) 🔝 >༒9953056974 🔝 genuine Escort Service 🔝✔️✔️
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Call Girls Service Mukherjee Nagar @9999965857 Delhi 🫦 No Advance VVIP 🍎 SER...
Principles for designing Information-based websites
1.
Design for Content-based Web
Pages Soo Basu • XD
2.
How do people
read online?
3.
How do people
read online?
4.
Seeing is not
Reading
5.
Seeing is not
Reading
6.
Seeing is not
Reading
7.
Seeing is not
Reading
8.
Seeing is not
Reading
9.
Seeing is not
Reading
10.
Seeing is not
Reading
11.
Seeing is not
Reading
12.
Seeing is not
Reading
13.
Seeing is not
Reading
14.
Seeing is not
Reading
15.
Scanning, Skimming
16.
Scanning, Skimming
17.
Scanning, Skimming
18.
Scanning, Skimming
19.
Better Even Better!
20.
Better Even Better!
21.
22.
“If it looks difficult, it’s
hard to do.”
23.
TECHNICAL WRITERS
24.
Make tech easy
to understand
25.
INSTRUCTIONAL DESIGNERS
26.
Make it easy
to understand
27.
Make it easy
to understand look ^
28.
Information Architecture
29.
Information Architecture & Design
30.
Good intentions are
not enough
31.
32.
Designers are trained
to see differently. But for others, there are ways...
33.
• Continuation • Closure •
Similarity • Proximity • Figure and Ground The Gestalt Principles
34.
35.
36.
1. Clean Grid
37.
38.
39.
40.
41.
42.
43.
2. Segmenting Spaces
44.
45.
46.
47.
48.
49.
50.
51.
3.The Hero element
52.
53.
54.
55.
56.
57.
4. Using Color
to Guide
58.
59.
60.
61.
62.
5.White space
63.
64.
65.
66.
67.
68.
69.
70.
71.
6. Consistency
72.
73.
74.
75.
Summing Up • Categorize
& prioritize information • Use design to support information architecture with 1. Grids 2. Demarcating Spaces 3. A hero element 4. Color 5. Consistent elements
76.
ThankYou Image credits: Smashing
Magazine and Flickr | Get in touch for more information.