Week 1: What is the WWW

Brief

Your task is to work alone or in a pair to design a news website for a New Zealand audience. 

 The solution must enable users to perform the tasks or reach the information that you have identified and prioritized for the audience (user needs). The solution should be visually and functionally engaging, usable, and suitable within current information consumption patterns online.

 While a competent technical level is required, the emphasis is placed on well-crafted communication, visual and user experience, rather than how technically complex the submitted solution is.

 The “look and feel” of the interface, the tone of language and hierarchy of material should be informed by the needs of the user as well as critically reflected upon in constructive critiques facilitated within the studio context.

 Consider the relevance of your proposal within the context of informing people about their community and their world. Consider semiotics of your design, its broad rhetorical style, and ease of access to information. Rapid iteration and user testing with a range of audiences will be key in the design process.

 UX - User Experience Design
UI Design - User Interface Design
IXD - Interaction Design
GUI - Graphical User Interface
XD - Experience Design
HCI - Human-Computer Interaction

The difference between the Internet and Web:

The Internet links computers to one another and transports content.

 The Web is just a portion of the Internet, its software that allows you to access content via browsers or allows you to contribute your own.

 The Internet is the computer network, the Web is a service that uses it. - http://www.infogineering.net/web-internet.htm

 METADATA
  • Location
  • Author
  • Time
  • Date
  • File size
  • Word Count
  • Content Type
EDITORIAL
  • Title (Headline)
  • Group (Section)
  • Subject
  • Video/Audio/Image/Text
Class Exercise 

Highlight the Metadata and Editorial Information on the chosen Dominion Post article and Document (through sketch and annotation) the pages you navigate through to reach the article.

Newspaper Article 

Editorial:

Title: Thundercat "Just Good Music"
Group: A12
Subject: Music

Metadata:

Location: A12
Author: Damian George
Date: Tuesday, February 27th, 2018
Content & Type: Image & Text

Website Article


Editorial:

Title: Californian Musician and Producer can't be pigeonholed.
Group: Culture
Subject: Music

Metadata:

Author: Damian George
Date: Tuesday, February 27th, 2018
Time: 5:00
Content & Type: Article

Newspaper Article

Editorial:

Title: Capitals Rent on Par with Auckland
Group: A1 - Front page (Above the fold)
Subject: National News

Metadata:

Location: A1
Author: Staff Reporters
Date: Tuesday, February 27th, 2018
Content & Type: Image & Text

Website Article
Editorial:

Title: Wellington rental prices matches Auckland as property listings plummet
Group: Business
Subject: Property

Metadata:

Author: Stuff Reporters
Date: Tuesday, February 27th, 2018
Time: 21:44
Content & Type: Web Article & Video

Prototyping Methods for Web Design
Why? Test an idea or process

 3 Different types of prototyping 

 Paper Prototype: Fast & Easy. But requires more than one person to test effectively and in person.
Clickable: Fast & Easy.  Works to test UI ( User Interface Design). Available online to be tested.
HTML: Realistic. Multiple Fidelities. Prototype - Production is instant.

 Who is required to complete testing a prototype(s)
  • Operator
  • Participant
  • Moderator
  • Observer
Acting as a Participant for my classmate 


It was successful and I was able to reach the target article without any drawbacks.

Acting as a Moderator for my paper prototype 

This was also successful and my participant had encountered no obstacles.

User Personae 

User test with 6 personae 
Create a task for each of them, that they would seem interested in based on their individual profiles. Using the Dominion Post articles as content.

Personae 1
  • Name: Haiyan Zhang
  • Age: 55
  • Gender: Female
  • Personal Statement: “I like to find out about what’s going on in my city when I ride the bus to work. I used to buy a newspaper, but now I use my phone.”
  • Role: Grazer. A casual browser on the web. No brand loyalty, but will revisit sites if it’s interesting 
  • Occupation: Civil Servant
  • Lives: Petone/Wellington Region
  • Access: Haiyan prefers television in the evenings. But her workplace is encouraging employees to understand how the web reaches people
  • Languages: Chinese, English
Task Article: Bed Tax for Wellington.

Personae 2
  • Name: Hemi Kamana
  • Age: 31
  • Gender: Male
  • Personal Statement: “I like to stay in touch with what’s going on, but I don’t want to sit around doing it.” 
  • Role: Multitasker. Interacts with their information while performing other tasks 
  • Occupation:  Freelance personal trainer
  • Lives:  Island Bay with 2 flatmates. Commutes to assignments in the car or on a bicycle.
  • Access: Watches video on demand on their laptop. Uses their smartphone to listen to music and podcasts while exercising
  • Languages: Te Reo Maori, English
Task Article: Big Sound in a small town


Personae 3
  • Name: Mike Richards
  • Age: 48
  • Gender: Male
  • Personal Statement “I remember reading the newspaper over my mum’s shoulder when I was a boy. I don’t think NZ news tells my kids about the serious issues facing the world, or the country.”
  • Role: News Junkie
  • Occupation:  Owns a small secondhand bookshop near Cuba Street
  • Lives: In Newtown with his partner and youngest son who’s still at home. Saves money by commuting to work on the bus
  • Access: Prefers accessing the web on his PC. He has the Dominion Post bookmarked and constantly refreshes the home and category pages looking for changes while at work and instead of finishing his book reviews
Task Article: Two Beach Deaths in Auckland


Personae 4
  • Name: Sarah Blake
  • Age: 27
  • Gender: Female
  • Personal Statement “There’s a lot of things that happen in the Wellington region that I’m not seeing reported in NZ. I’d like to contribute to what my city sees and maybe get some of it into the world.”
  • Role: Community member and citizen journalist
  • Occupation:  Freelance designer, weekend artist, and occasional volunteer
  • Lives: Sarah lives in Te Aro with her partner. The central location helps her stay in touch with her friends and collaborators 
  • Access: She has a beat up, hand me down smartphone because she prefers to spend her money on her beloved laptop. Uses all the primary social media, but prefers Instagram and Twitter  
Task Article: Free Weekend parking to go.


Personae 5
  • Name: Andrea Pazmandi
  • Age: 32
  • Gender: Female
  • Personal Statement  “I like to know what’s happening. Especially in Tauranga where I’m from. But when those ABs or the Silver Ferns are playing? Nothing else matters!”
  • Role: Sports fan and Community member
  • Occupation: Hospitality Manager
  • Lives: with her boyfriend. Drives into The Terrace from Brooklyn six days a week
  • Access: Andrea’s boyfriend has hooked up their PC to the TV in the living room so that they can watch games and read sports articles together. She loves Facebook to stay in touch with heroes, heroines, and friends
Task Article: All Blacks Wyatt Crockett Retires



Comments

Post a Comment