standard structure. structure & navigation clicking and exploring is tangible face of...

49
Standard Structure

Upload: bertha-wright

Post on 01-Jan-2016

220 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Standard Structure

Page 2: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Structure & Navigation

• clicking and exploring istangible face of information structure

• Information must be split up and presented as a collection of smaller units

Page 3: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Standard Structure

• Each existing medium has its own recognized conventions for structuring information

Page 4: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Linear

*Limited direction number (only two direction)

*Like train carriage

*Like Ikea

Page 5: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Linear

Page 6: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Real world exemple

*Ikea

*Natual history musium in London

*Textbook publishing

*This presentation

Page 7: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Linear with Side-streets

*A web site with information about pregnancy

Page 8: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Linear with Side-streets

Page 9: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Tree structure

*Most common structure of organizing information

*Cluster within cluster within cluster…

Page 10: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

One-level tree

*Central items of information with attached elements

Page 11: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Tree and linear

*A collection of articles or of student profiles

Page 12: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Tree and linear

Page 13: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

No structure

*Games and interactive stories

Page 14: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

No structure

Page 15: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Which structure?

Page 16: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Comprehensible structure

Good labeling , titling and reliance on

good contextual feedback such as color

and style.

Page 17: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Structure implicit in the content

Information has its own logical structure with respect to sections, order and structure.

Page 18: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

example1

Page 19: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

example2

Page 20: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Hybrid structures

Different part of the system will adopt different structures, possibly with one key structure tying the whole thing together.

Page 21: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Internal company structure

Structuring of information public consumption should be dominated by the public’s perceived structure of the information, not by internal company structure.

Page 22: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

example3

Page 23: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Look to the real-world for examples of structure

For a richer source of information structuring ideas they should also develop an awareness of abstract information structuring in the world around them.

Page 24: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

example4

Page 25: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

StructureOther structural issues

Page 26: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

IndexOther structural issues

Shallow structure

Deep structure

Sparsely connected

Well connected

Structure for different users

Page 27: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Shallow structureOther structural issues

This results if you move all the choices up as near to the root of a tree structure as you can.

The advantage of a shallow structure is that the reader has to make fewer steps to reach a certain item of information.The disadvantage is that there are many choices to choose

from.

이 구조는 모든 선택이 루트에 가까이 위치할 때 사용한다 .

장점 – 사용자가 원하는 정보에 접근하기 까지 단계가 적다 .단점 – 선택 form 에 너무 많은 선택이 존재한다 .

Page 28: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Shallow structureOther structural issues

Page 29: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Deep structureOther structural issues

Each level has just a small number of simple choices and decisions.

The advantages are that the structuring is more comprehensible and the user is faced with simpler choices,

but there are many choices to be faced and the information can be reached only after a large number of steps in the

structure.

각 레벨은 간단하고 짧은 선택을 가진다 .

장점 – 구조가 이해하기 쉽고 유저입장에서 간단한 선택을 보게 된다 .단점 – 정보까지 도달하는데 필요한 단계가 너무 많다 .

Page 30: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Deep structureOther structural issues

Page 31: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Well connectedOther structural issues

Everything is connected to as many other things as possible. It is quick to move to another part but difficult to get an

overview of the structure.Even if this is done in a well-organized and logical manner it still means that there are many choices at each point in the

structure.

모든 정보가 가능한 한 많은 다른 정보와 연결된다 .

장점 - 다른 파트로 빠르게 이동할 수 있다 . 단점 - 비록 잘 조직화되고 논리적 방법으로 되었다 해도

여전히 구조의 각 포인트마다 선택이 너무 많다 .

Page 32: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Sparsely connectedOther structural issues

The structure is strict and clear, with few choices at each point in the structure.

In the extreme this can be frustrating to the reader as they are forced to stick to the restrictive structure set by the

author.They are repeatedly coming up against the limitations.

이 구조는 각 포인트마다 소수의 선택만이 존재한다 .

장점 - 정밀하고 깔끔하다 .단점 - 이 구조는 제작자에 의해 강제로 끼워 맞추어진 제한적인 구조이므로 ,

사용자를 실망시킬 수 있다 .

Page 33: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Well connected & Sparsely connected Other structural issues

Page 34: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Structure for different usersOther structural issues

The discussion above has been based upon the idea that a site is designed for one sort of typical user.

In fact there are many different users of sites and sometimes a site is designed to cater for distinct user

groups.

위의 구조들에 대한 이야기는 한 종류의 유저들을 위해서만 디자인된 사이트에 한한다 .

많은 종류의 유저가 사이트를 이용하고 있으며 , 때로는 독특한 유저그룹의 요구를 들어주기도 한다 .

Page 35: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Structure and content, which comes first

Page 36: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

What happens if the designer does not have any

content?

Page 37: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

So.. Structure and content, which comes

first ??

Page 38: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

What is in and what is out ??

Page 39: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

What better way to build up that knowledge of the

content than by actually starting to build it?

Page 40: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

• What is important therefore is to ensure that that iterative process is kept as efficient as possible.

• Set things up so that large-scale revisions need to be carries out in one part rather than 30 separate places.

• Test small sections for technique before applying that technique to the whole production.

Page 41: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Dealing with floating content

Structure Floating content

Page 42: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Dealing with floating content

• Bend the structure. You can bend or distort the structure, alter it so that it is not perfect but at least the extra content will fit into it.

Page 43: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Dealing with floating content

• Drop the content. You can keep the structure 'clean' and just leave the extra content out of the project.

Page 44: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Dealing with floating content

• Redistribute the content. Alternatively you could try to break the extra content up and redistribute it around the other sections of the system.

Page 45: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Structure according to type of

content

• This information can differ with respect to time; some of the information is highly dynamic, changing daily or hourly while other information hardly changes at all.

Page 46: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Structure according to type of

content

• The information can also differ with respect to detail. Some is detailed paragraphs of text while other information is telegram style overviews or summaries of information.

Page 47: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Structure according to type of

content

•  Also the information can differ according to the medium that it is realized in: text-only, video and audio, Flash animations etc.

Page 48: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Different sources

• There are even cases where information should be differentiated in the structure because of the different sources it comes from.  

Page 49: Standard Structure. Structure & Navigation clicking and exploring is tangible face of information structure Information must be split up and presented

Information distribution

•  Alternatively the author may choose to spread the information throughout the

structure, ensuring that each element has choices to go deeper into the structure

but also has some information content.