Web page design

Sprint 3&4: Create component-based design elements with personas

DUE DATE: Tuesday Noon semester break

Together as a work team

Decide on the proto personas each team member will create.

· Update your Design Brief and feature list

Individually

· Consider your first MVP (individual) and the Information Architecture required for this MVP.

· Begin your user assumptions worksheet – each provide your own for this submission

· create a list of audience attributes/characteristics (your own views on the user) on sticky notes

As a team

· cluster these into 8 profiles (Take a photo)

· discuss your clusters and move around notes as needed.

· decide as a team, which clusters will be turned into your proto personas. Each team of four should have at least 8 different user types that you think will use your site.

Individually

· Create a list of user stories/hypotheses you individually will focus on

Design and build an element and style guide – as a template for your site

· Begin with the above user personas and user stories

· Think about who the audience is and what their expectations will be of the look and feel for your mini site.

· Build a team style sheet

Individually

· Build a well-structured style sheet to demonstrate and apply your team styles and base elements to achieve the look and feel you have decided will work best for your mini site.

· Your styles are colour palettes, fonts and the general look and feel of your page.

· Your base elements are how you will style interactive and structural elements: eg headings, subheadings, lists, links, margins, spacing.

· Build an HTML document to show your individual final design

· Commit all work to a team repository – this may be one of your sites already. Put individual work under folders with each of your names

· All team members should commit their contributions for this practical to the team repository using their own GitHub account.

· You will receive no marks if your username has not committed to the repository

Individually submit

· Provide your ideas around a suitable MVP/Information Architecture of that MVP, as part of your team site

· Select two user stories as goals for each of two persona you create

· Using the combined user stories list identify where information cards may be helpful.

· Design and build an information card component.

· Demonstrate your information card component using content from your page.

· Commit to your team Bitbucket repository in a folder with your name under the component-design folder your team created there.

· Create two personas

· PROTO-PERSONA The first should be one of the proto-personas agreed by your team members in the process above

· Use the information from the Lean UX reading and learning materials to help you create your persona

· This can be hand drawn and included in your final document as a photograph.

· TRADITIONAL PERSONA The second is a traditional persona. Find data on the types of users who are on the web, who might relate to your domain. Use the template provided:

· The persona needs to represent the type of users you expect to engage with any software, consider the range of types of humans active on mobiles and select one type

· Use the given ppt template to create the traditional persona or find your own and use that.

Individual Submission

· Individuals are responsible for submitting their

· Code to bitbucket and live link in their submission sheet

· Team Project Brief and Assumptions in submission sheet

· Individual MVP/Information Hierarchy/Hypotheses and persona in their submission sheet to LearnLine”

1

image1.png