SlideShare a Scribd company logo
Structure in Basic Web Design
Structure “ The subjects were asked to categorize the information items in such a way that they could be related hierarchically. The subjects received cards with a one-line description of each item. Their task was to organize the items into categories or groups of items that, according to them, were related and therefore should be found in the same place in an information system. As we were interested in finding a hierarchical structure, we asked them to group the categories into higher order categories until they reached a unique superior level. The items to be classified could be situated in any of the levels. An item like telephone number of the department directory for example, could be in the same branch but on a lower level to that of the list of staff of the university. Lastly, they were allowed to include the same item in two different categories which would show the existence of a direct connection between this item and another category which in turn symbolizes a direct connection that breaks the hierarchical structure.” BEHAVIOUR & INFORMATION TECHNOLOGY, 1999, VOL. 18, NO. 4, 248
Structure
Student Matrix Teacher/Staff/IT Matrix
“ Google has always had the mantra of 'focus on the user and all else will follow', so the company puts a significant amount of effort into researching its users. In fact, Au estimates that 30 to 40 per cent of her 200-strong worldwide user experience team is compromised of user researchers.” By Oliver Lindberg on Techradar.com http://www.techradar.com/news/internet/google-explains-its-minimalist-design-philosophy-641441 Structure
Garrett: Structure Defines how users got to that page and where they go when they are finished Defines arrangement of Categories Information Architecture: the arrangement of content elements within the information space Structure
Having an intuitive, clear structure aids navigation Websites are not linear, like a book, but have “levels” of access Structure
http://www.thewebsqueeze.com/web-design-tutorials/a-websites-structure-from-a-to-z.html
Purpose of Website information repository links database Information Education Interactive Structure
Target for Website Access to content The rule of Two - 2 pages; two screens; 2 clicks; 2 ways - is the important info available on the home page in less than two screens are important documents or pages less than two clicks from the homepage are there multiple access points to the info on the site or through links Structure

More Related Content

KEY
Structure in Basic Web Design
PPTX
IT6701-Information Management Unit 4
PDF
Information Organisation for the Future Web: with Emphasis to Local CIRs
PPTX
Jyoti singh
PDF
ACRL Information Literacy Framework - BC staff poster presentation
PPTX
Pres info architecture
PPTX
4 things about discovery
PDF
Flyer for Dr. Chirag Shah Speaker
Structure in Basic Web Design
IT6701-Information Management Unit 4
Information Organisation for the Future Web: with Emphasis to Local CIRs
Jyoti singh
ACRL Information Literacy Framework - BC staff poster presentation
Pres info architecture
4 things about discovery
Flyer for Dr. Chirag Shah Speaker

What's hot (20)

PPT
Information Architecture Intro
PDF
Information Architecture Primer - Integrating search,tagging, taxonomy and us...
PPTX
Promises and Pitfalls: Linked Data, Privacy, and Library Catalogs
PPT
Desinging a library portal madhu
PPT
Design and development of subject gateways with special reference to lisgateway
PDF
Synaptica_KM_Award_Paper
PPTX
Relationship Web: Trailblazing, Analytics and Computing for Human Experience
ODP
Shifting from librarian to data manager
PPT
Test presentation
PDF
International Journal of Engineering Research and Development (IJERD)
PPT
Subject information gateway in information technology (sigit) an introduction
PDF
Gic2011 aula10-ingles
PPTX
Semantic web
DOC
Semantic web
ODT
Riding The Semantic Wave
PPTX
Linked open data project
PDF
Gateway to Oklahoma History Case Study: Structured Data and Metadata Evaluati...
PPT
Interlinking Online Communities and Enriching Social Software with the Semant...
PDF
IT6701 Information Management - Unit III
PDF
An imperative focus on semantic
Information Architecture Intro
Information Architecture Primer - Integrating search,tagging, taxonomy and us...
Promises and Pitfalls: Linked Data, Privacy, and Library Catalogs
Desinging a library portal madhu
Design and development of subject gateways with special reference to lisgateway
Synaptica_KM_Award_Paper
Relationship Web: Trailblazing, Analytics and Computing for Human Experience
Shifting from librarian to data manager
Test presentation
International Journal of Engineering Research and Development (IJERD)
Subject information gateway in information technology (sigit) an introduction
Gic2011 aula10-ingles
Semantic web
Semantic web
Riding The Semantic Wave
Linked open data project
Gateway to Oklahoma History Case Study: Structured Data and Metadata Evaluati...
Interlinking Online Communities and Enriching Social Software with the Semant...
IT6701 Information Management - Unit III
An imperative focus on semantic
Ad

Viewers also liked (6)

PPTX
20 web design tips
PDF
Elements Of Web Design
PPTX
10 must have web design elements
KEY
Web Design 101
PPTX
Elements & Principles of Art Design PowerPoint
PPT
Basic Web Concepts
20 web design tips
Elements Of Web Design
10 must have web design elements
Web Design 101
Elements & Principles of Art Design PowerPoint
Basic Web Concepts
Ad

Similar to Structure in Basic Web Design (20)

PPT
Interaction Design
PPTX
Information architecture
PPTX
Web development
PPT
Web Design Phase
PPT
Information architecture-a-how-to-19917
PDF
Web navigation systems for information seeking (updated in Feb 2015)
PDF
Redesigning a Website Using Information Architecture Principals
PPT
My presentation at Kent State IAKM
PPT
Applying information architecture to university web sites
PPTX
Professional ui for a website design
PPTX
Search Patterns: UX Russia
PDF
Information Architecture: Core Concepts and Best Practices
PDF
IUAV - Information Design, New Technologies, and Social Dimension of Knowledge
PDF
Information architecture unit i
PDF
Information architecture 101
PDF
Web Application Page Hierarchy
PPTX
11 info architecture
PPTX
Interface Design
PPTX
Unit ii design process
Interaction Design
Information architecture
Web development
Web Design Phase
Information architecture-a-how-to-19917
Web navigation systems for information seeking (updated in Feb 2015)
Redesigning a Website Using Information Architecture Principals
My presentation at Kent State IAKM
Applying information architecture to university web sites
Professional ui for a website design
Search Patterns: UX Russia
Information Architecture: Core Concepts and Best Practices
IUAV - Information Design, New Technologies, and Social Dimension of Knowledge
Information architecture unit i
Information architecture 101
Web Application Page Hierarchy
11 info architecture
Interface Design
Unit ii design process

Recently uploaded (20)

PPT
UNIT I- Yarn, types, explanation, process
DOCX
actividad 20% informatica microsoft project
PPTX
Special finishes, classification and types, explanation
PPTX
joggers park landscape assignment bandra
PPTX
HPE Aruba-master-icon-library_052722.pptx
PPTX
AD Bungalow Case studies Sem 2.pptxvwewev
PPTX
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
PPTX
Wisp Textiles: Where Comfort Meets Everyday Style
PDF
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
PPTX
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
DOCX
The story of the first moon landing.docx
PPTX
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
PDF
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
PDF
Phone away, tabs closed: No multitasking
PPT
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
PPTX
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
PPTX
mahatma gandhi bus terminal in india Case Study.pptx
PPTX
Entrepreneur intro, origin, process, method
PDF
SEVA- Fashion designing-Presentation.pdf
PDF
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf
UNIT I- Yarn, types, explanation, process
actividad 20% informatica microsoft project
Special finishes, classification and types, explanation
joggers park landscape assignment bandra
HPE Aruba-master-icon-library_052722.pptx
AD Bungalow Case studies Sem 2.pptxvwewev
LITERATURE CASE STUDY DESIGN SEMESTER 5.pptx
Wisp Textiles: Where Comfort Meets Everyday Style
Trusted Executive Protection Services in Ontario — Discreet & Professional.pdf
ANATOMY OF ANTERIOR CHAMBER ANGLE AND GONIOSCOPY.pptx
The story of the first moon landing.docx
BSCS lesson 3.pptxnbbjbb mnbkjbkbbkbbkjb
Facade & Landscape Lighting Techniques and Trends.pptx.pdf
Phone away, tabs closed: No multitasking
EGWHermeneuticsffgggggggggggggggggggggggggggggggg.ppt
Complete Guide to Microsoft PowerPoint 2019 – Features, Tools, and Tips"
mahatma gandhi bus terminal in india Case Study.pptx
Entrepreneur intro, origin, process, method
SEVA- Fashion designing-Presentation.pdf
UNIT 1 Introduction fnfbbfhfhfbdhdbdto Java.pptx.pdf

Structure in Basic Web Design

  • 1. Structure in Basic Web Design
  • 2. Structure “ The subjects were asked to categorize the information items in such a way that they could be related hierarchically. The subjects received cards with a one-line description of each item. Their task was to organize the items into categories or groups of items that, according to them, were related and therefore should be found in the same place in an information system. As we were interested in finding a hierarchical structure, we asked them to group the categories into higher order categories until they reached a unique superior level. The items to be classified could be situated in any of the levels. An item like telephone number of the department directory for example, could be in the same branch but on a lower level to that of the list of staff of the university. Lastly, they were allowed to include the same item in two different categories which would show the existence of a direct connection between this item and another category which in turn symbolizes a direct connection that breaks the hierarchical structure.” BEHAVIOUR & INFORMATION TECHNOLOGY, 1999, VOL. 18, NO. 4, 248
  • 5. “ Google has always had the mantra of 'focus on the user and all else will follow', so the company puts a significant amount of effort into researching its users. In fact, Au estimates that 30 to 40 per cent of her 200-strong worldwide user experience team is compromised of user researchers.” By Oliver Lindberg on Techradar.com http://www.techradar.com/news/internet/google-explains-its-minimalist-design-philosophy-641441 Structure
  • 6. Garrett: Structure Defines how users got to that page and where they go when they are finished Defines arrangement of Categories Information Architecture: the arrangement of content elements within the information space Structure
  • 7. Having an intuitive, clear structure aids navigation Websites are not linear, like a book, but have “levels” of access Structure
  • 9. Purpose of Website information repository links database Information Education Interactive Structure
  • 10. Target for Website Access to content The rule of Two - 2 pages; two screens; 2 clicks; 2 ways - is the important info available on the home page in less than two screens are important documents or pages less than two clicks from the homepage are there multiple access points to the info on the site or through links Structure