Sunday, 21 September 2014

Blog 3

Site being designed: Web design development portal with tutorials, articles and inspirational sites.

1. Describe exactly who the anticipated audience is, and how the particular characteristics of this audience will affect the design and implementation of your web site. You must be very specific. Outline the target audience’s characteristics such as:

a) Gender
The site will be predominantly be designed for a male audience because males significantly out number women in the IT industry so it would be logical to focus it at men. The functionality of the site wont differ due to the male target audience but the language and graphic elements such as colour would need to reflect this.
b) Age
The age targeted for this site will be over 18's. The language and layout will be mature and does not need to cater to children. It is also not probable that the elderly will be using the site so the site will not have to be simplified for their lack of computer knowledge.
c) Demographics
 The typical user for this site will be students or designers working in the industry wanting to keep up to date and find information to inspire them with projects. These users will be very familiar with using websites and will be extremely tech savvy so this should be kept in mind when creating the layout.
d) Socio-economic background.
The users of this site will be white-collar workers that are middle to upper class. This will mean the sites language will need to reflect these users.

2. Construct blueprint diagrams illustrating the structure by which a user will interact with 
your web site’s components. (Refer to Morville Chapter 12 for how to create 
blueprints.) The blueprints must:
c) Describe what form of navigation is being used (e.g., contextual, index terms, 
This website uses global and contextual navigation.
The global navigation runs across the top of the site in the traditional location. This navigation bar features both the homepage and search access as suggested in 'Information Architecture for the World Wide Web' (Morville and Rosenfeld, 2007).
Within the pages of the site contextual navigation has been used. Some of the links required did not fit in the traditional navigation locations and would have made the navigation hierarchy large and complicated. These links have been used sparingly and consistently to ensure their effectiveness.  (Morville and Rosenfeld, 2007)

d) Describe what type of browsing the web site supports (e.g., hierarchical, 
polyhierarchical, etc.).

3. Create a series of low/medium fidelity wireframes for the main pages of the web site. 
(Refer to Morville Chapter 12 for how to create wireframes.) The wireframes should 
include at the very least: 
a) The web site’s home page

Below is a wireframe of the homepage. The wireframe features some of the unique elements of the homepage. These include...
                                      - The article feed
                                      - Feature article
The homepage has a logical layout making the content the focus of the site.
The new articles feed draws in users, especially those who are regular visitors to the site.

Other Pages
Other pages in the site include...
                                      - About
                                      - How to use
                                      - Tutorial, Inspirational sites and tutorials (same layout)
All pages feature advertising on the right side of the site. This is kept consistent across the whole site.
Contextual navigation is consistently used on each page where appropriate.

c) A navigation (or search) page.
The search page allows the user to search for keywords that may appear in the articles, inspirational sites or tutorials. You can also narrow your search by browsing by key areas.

4. Design a metadata matrix that presents the vocabulary terms and relationships. You need 
only present accepted and variant terms in an accompanying controlled vocabulary 
database (there is no need to develop extensive synonym rings or explode the vocabulary 
to include broader and narrower terms). Search the Internet for examples of how to create 
a metadata matrix. Justify your design choices.

A standard vocabulary has been produced for the article, tutorial and inspiration pages. It is important to implement this vocabulary because there is potential for the vocabulary to become inconsistent and hard to manage as a result of the large amount of data being stored in the database.


Morville, P & Rosenfeld, L 2007, Information Architecture For The World Wide Web,
O’Reilly Media, California.

No comments:

Post a Comment