Showing posts with label UX. Show all posts
Showing posts with label UX. Show all posts

Wednesday, November 28, 2012

UX Design Process

UPA Usability Poster

Analysis Phase
- Meeting with stakeholders (meeting, conference calls)
- Develop usability goals and objectives
- Conduct field studies (visit work environment, watch how users work)
- Look at competitive product
- Create user profiles (Persona)
- Develop a task analysis (Mental Model)
- Document scenario

Design Phase
- Brainstorm concepts and ideas
- Develop screen flow
- Walkthrough the screen flow with the team
- Create low-fidelity wireframe (Balsamiq)
- Walkthrough the low-fidelity wireframe with the team / user
- Create high-fidelity wireframe (Photoshop)
- Walkthrough the high-fidelity wireframe with the team / user
- Document design specification

Implementation Phase
- Conduct usability testing as soon as possible

Deployment Phase
- Gather user feedbacks (Surveys, Field studies)
- Check usability objectives


Wednesday, October 31, 2012

Case Study: Design Conspirato Website



The artistic director of Conspriato Chamber Singers, Liska, contacted me in August 2011 and expressed the interest of update their website http://www.conspirato.ca/

Analysis Phase
- Meeting with stakeholders (meeting, conference calls)
I met with Liska in September to discuss the objective and the content she wishes for the new site.
She wants the website to have a fresh new look.

- Develop usability goals and objectives
The choir's main objective is to perform concert for audience.
The website should serve the audience and the choir artist:
For the audience (public):
They needs to know the upcoming event, ticket information, concert program (what each pieces in the concert), background of the choir, the artist
For the artist (private):
They needs to know how to audition, when to rehearse, what music pieces to sing

- Conduct field studies (visit work environment, watch how users work)

- Look at competitive product
Soweto Gospel Choir
http://www.sowetogospelchoir.com/
Home: Welcome, Our Story, Choir News
Performance: current, past, future
The Choir: Gallery, History, Charities, Choir Members
Press: Blog, Reviews, Images, Press Release,  Awards
Discography: CDs & DVDs,  CD Reviews
Video:
Songs: Audio Samples, Lyrics, Collaborations
Presenters:
Links:
Contacts:

Monteverdi Choir
http://www.monteverdi.co.uk/
Home:
Concerts:
About us:
News: News, Concert Reviews, CD Reviews
Education: Apprenticeship Program, School Project
Media:
Support us:
Shop:
Contact us: Vacancies

The Cardinal's Musick
http://www.cardinallsmusick.com/


Home:
Recordings: our music
Performance: upcoming events
Latest News: what's happening
About us: the group
Promoters: how to hire us
Workshops: education
Friends: join us
Reviews: what people say

Toronto Chamber Choir
http://www.torontochamberchoir.ca/index.php


- Create user profiles (Persona)
Fan of the choir:  being to the concert, fall in love with the choir
Potential employer: looking for a talented artist
Artist: member of the choir

- Develop a task analysis (Mental Model)

Fan of the choir:  upcoming concerts, buying tickets, music pieces
Employer who is looking for the artist: choir information, artist, sample music
Artist: join the choir, upcoming events, rehearsal, music pieces

- Document scenario

Design Phase
- Brainstorm concepts and ideas
Chamber Choir : A chamber choir or group of chamber singers is the choral equivalent of a chamber ensemble, using voices instead of instruments.

Conspirato: con spirito means with sprite, with feeling

- Develop screen flow
- Walkthrough the screen flow with the team
- Create low-fidelity wireframe (Balsamiq)
- Walkthrough the low-fidelity wireframe with the team / user
- Create high-fidelity wireframe (Photoshop)
- Walkthrough the high-fidelity wireframe with the team / user
- Document design specification

Implementation Phase
- Conduct usability testing as soon as possible

Deployment Phase
- Gather user feedbacks (Surveys, Field studies)
- Check usability objectives

Friday, November 5, 2010

Building UX Team

Ideal UX Team and what they produce:
1. Experience Director
User Experience Document
• Personas
• Scenarios
• User Experience Vision
2. Interaction Architect
Interaction Design Document
• Site Map
• Flows
• Wireframes
3. Designer
• Mood Boards
• Mockups
4. Interface Developer
• HTML, CSS, JavaScript, Flash
5. Content Strategy
• Tone and Manner
• Instructional Content
• Product Description
• FAQs
• Copywriting
6. Usability Specialists
• Usability Testing
• Heuristic Evaluation
• Card Sorting
• Competitive Analysis
• User Interviews

Tuesday, November 2, 2010

UX

HCI: Human-Computer Interaction
http://www.hcibib.org/

International Standards for HCI and usability
http://www.usabilitynet.org/tools/r_international.htm

Usability.gov
http://blog.usability.gov/

Usability Method Table
http://www.usabilitynet.org/tools/methods.htm

Monday, January 11, 2010

How to be a UX Expert

Most important is to have compassion for users.

Today's reading:

What does it take be a UX designer?
http://blogs.msdn.com/canux/archive/2007/09/21/what-does-it-take-be-a-ux-designer.aspx

So you wanna be a user experience designer — Step 1: Resources
http://whitneyhess.com/blog/2009/06/30/so-you-wanna-be-a-user-experience-designer-step-1-resources/

11 Blogs to Help You Become a User Experience Expert
http://webdesignledger.com/resources/11-blogs-to-help-you-become-a-user-experience-expert