obile web design
TRANSCRIPT
-
7/21/2019 obile Web Design
1/19
Sprint #31) IA Patterns2) Labels
3) Sitemaps
-
7/21/2019 obile Web Design
2/19
-
7/21/2019 obile Web Design
3/19
IA Patterns
An (IA) pattern is an emergent
answer to a common problem
Donna Spence
-
7/21/2019 obile Web Design
4/19
A few examples...
Hierarchy Database
-
7/21/2019 obile Web Design
5/19
HIERARCHY
Properties of a hierarchy:
Breadth Depth
Strict (item in exactly oneplace)
Polyhierarchy (item in
more than one place)
-
7/21/2019 obile Web Design
6/19
HIERARCHY
-
7/21/2019 obile Web Design
7/19
DATABASE
Properties of a database:
access content frommultiple paths
Metadata Users are guided through
several landing pages.
Searchable Structured data
STRUCTURE USED FOR: When users want to access content on m
way (structure, viewing / searching for m
When you have many items that are builstructure.
-
7/21/2019 obile Web Design
8/19
DATABASE
-
7/21/2019 obile Web Design
9/19
HYPERTEXT SUBSITES CATALOG (C
-
7/21/2019 obile Web Design
10/19
p. 207-208
-
7/21/2019 obile Web Design
11/19
Labels
...success comes down to what
you call things
Donna Spence
-
7/21/2019 obile Web Design
12/19
IA Sitemaps
IA Sitemaps document your IA
Can be charts or detailed lists
Appears only to the customer when navigation and page lay-ou
-
7/21/2019 obile Web Design
13/19
CONCEPTUAL SITEMAP
page
More elements of structured content
-
7/21/2019 obile Web Design
14/19
Metadata for database structure
Description of links
shown in pages
content
DETAILED SITEMAPIcons showing which template to use
-
7/21/2019 obile Web Design
15/19
-
7/21/2019 obile Web Design
16/19
Exercises
The exercises
for this sprint is made of
three steps:
1. IA structures
2. Cardsorting & labels
3. New sitemap
-
7/21/2019 obile Web Design
17/19
Step 1 | IA Patterns
Analyse your four inspirational websites
and woodwood.dk.
Discuss how the content is
structured and which IA pattern the
site is build on? Note the benefits
and drawbacks of each type of IA
pattern you find (Donna Spencer p.177-208)
Draw the pattern for each of the five
websites on paper.
Document your work on the blog.
-
7/21/2019 obile Web Design
18/19
Step 2 | Cardsorting
& labels
Write down all menu + submenus
on a post-it and place them
randomly on a whiteboard (think
about new labels whilst organising)
Group your post-its anew and give
them a significant label (more onlabels, see p. 209-216).
Document your work on the blog.
-
7/21/2019 obile Web Design
19/19
Step 3 | Sitemap
Based on your new groups, sub-
groups and metadata. Discuss which
IA pattern will be best suited to the
new IA.
Begin drawing a sitemap for the new
IA - make it as detailed as possible.
Document your process and record your
reflections / argumentation in your blog.