This document discusses the importance of design and information architecture for news websites. It analyzes the design of a Yahoo news website based on basic information architecture principles like search, navigation, and organization systems. Effective information architecture helps communicate messages clearly through structures that are accessible and easy to understand. Pre-construction planning is important for both architecture and website design to effectively arrange relationships between content.
1. Week 4
The Importance of Design :
I
Images ,Interfaces and nformation Architecture
To Analyse the design of a News website
based on the basic principles of
Information Architecture
Sara Cheng JIANG
3. IMAGES : THE HEADER
THE MEANING
Mirror Revealing the Truth
Helicopter Great Mobility , Great Range , Professional
Pattern Digital Age
Meaning : To know What Exactly Happened
from all over the WORLD
by browsing a Single Website
Sara Cheng JIANG
4. n f
w h a
? y
g s
i n h e
o d
i
e l o r
c
i c t
h
r T t t
o c m
t
a e
l
n c c
c o
m m e
‘
n r
n
e y
u aa c e s a
t o
a
s a
so f
u
u s
a c
a
c r
s
n r
a i
f
s s
d
m s e
t
i
b s
e f i e n p
e n
l
i c
e
g
y
’
e e a
Sara Cheng JIANG
5. why Information Architecture ?
‘ The goal of any
information design task is
to COMMUNICATE
a specific MESSAGE
to the end user
in a way that is
CLEAR , ACCESSIBLE
and
EASY to UNDERSTAND ’
Jenn & O’Grady, K.V. (2008) The Information Design Handbook . China : Midas Printing International Ltd .
Sara Cheng JIANG
6. Basic Layout :
Top - Bottom
Narrow & Deep, Importance
3 Columns
Fonts , Images
good balance between
details and white space
Top-down architecture
Sara Cheng JIANG
7. The Analyse of the
Information Architecture
SEARCH SYSTEM
NAVIGATION SYSTEM ( LABELING SYSTEM )
SEARCH SYSTEM
ORGANIZATION SYSTEM
Sara Cheng JIANG
8. The SEARCH SYSTEM :
Search the World Wide Web
Search only for 7 NEWS
Helps us searching the content
Interaction between
what does it provide
and
what does reader want to know
Sara Cheng JIANG
9. The NAVIGATION SYSTEM
THE LABELING SYSTEM
NAVIGATION SYSTEM
Help us move through
the content
LABELING SYSTEM
Categorise the Content :
geography
interest
affairs
Sara Cheng JIANG
10. The ORGANIZATION SYSTEM :
Presenting the Content ,
the Information to us
Fonts
Images
Videos
Sara Cheng JIANG
11. ● All Blacks on cloud nine against dismal Wallabies – Pages 58-59
AUGUST 8, 2010 $1.80
The slow Kids take over
road Hollywood
Our bus test – Pages 4-5 Relax magazine
Get a grip, Mark
PRIME MINISTER Julia Gillard's attempts to keep
the election campaign moving forward were dragged
straight back to 2004 yesterday when former Labor
leader Mark Latham confronted her at Brisbane's
Ekka show and deployed the death-grip handshake
famously used on former prime minister John
Howard during the previous election campaign.
Mr Latham, now working for a television news
program, demanded to know why Ms Gillard was
complaining about his new job instead of having a
dig at Mr Rudd whom he accused of undermining
her bid to maintain power.
It was another awkward moment for the Prime
Minister who spent the morning trying to present
a united front at a carefully staged event with
another former Labor leader and the man she
dumped, Kevin Rudd. FULL STORY: Page 6.
More than 12,000 charges over 10 years and just 124 offenders, making each criminal a ...
ONE-MAN CRIME
WAVE
THEY’RE THE territory’s most prolific burglars: 124 serial
EXCLUSIVE offenders who, between them, have been charged more
than 12,000 times in the past decade. ACT police believe
these career criminals are responsible for about 90 per
By LOUIS ANDREWS cent of property crime in the territory. Full Story: Page 10
TODAY 13 CANBERRA: Early frost and local fog clearing to sunny day UV: 2 (Low) CHANCE OF RAIN: 2 per cent DETAILS: Page 44
Sara Cheng JIANG
12. Video :
http://www.ted.com/talks/lang/eng/jacek_utko_asks_can_design_save_the_newspaper.html
from : 1’’45 to 5 ‘‘
Design contributes a lot to different field of publication , services and production .
Design could also help the field of journalism to deliver the information and message in a more efficient and interesting way .
This video shows how designer re-designed the newspaper and gave it a new life , it benefits both the business and also the readers in terms of
commercial success and efficiency .
If design could help traditional media , information architecture could also help journalism to provide better service in the digital age .
Sara Cheng JIANG
14. Website :
http://www.webdesignerdepot.com/2010/05/architecture-vs-web-design/
An interesting comparison between architecture and web design .
It pinpoints the importance of pre-construction planning for both architecture and web design .
For the news website , it is important to provide a clear structure about “what” , “when” , “where” ,”who” and “how” , architects have to
arrange the relationship between different news and enable the reader could find different news efficiently .
It requires a lot of pre-construction planning and modification .
http://www.steptwo.com.au/papers/kmc_whatisinfoarch/index.html
There is an interesting interpretation about how to create an effective information architecture by means of explaining the relationship between
the business , content and the user .
It mentions about the consequence of fail to apply information architecture to the website and the common problems when architecture apply it.
A very worth-reading essay which provides a deep understanding to the topic .
Sara Cheng JIANG
15. Bibliography :
Cranny-Francis, A. (2005) Multimedia : text and contexts. London : Sage .
Jenn & O’Grady, K.V. (2008) The Information Design Handbook . China : Midas Printing International Ltd .
McGovern, G. & Norton, R. (2002) Content Critical : gaining competitive advantage through high-quality web content . Great Britian : Pearson
Education Limited .
Morville, P. & Rosenfeld, L. (2006) Information Architecture for the World Wide Web 3 Ed. , Sebastopol: O’Reilly .
Online Resources :
Barker, I. (2005). What is information architecture . Retrieved Aug 1, 2010 , from http://www.steptwo.com.au/papers/kmc_whatisinfoarch/index.
html
Chapman , C. (2010) . Architecture Vs Web Design . Retrieved July 29, 2010 , from http://www.webdesignerdepot.com/2010/05/architecture-vs-
web-design/
Sara Cheng JIANG