Each team member must read unit 1 theory.

Definition of Done

You have read and understood the text.

Each team must analyze one the proposed websites in terms of usability and navigation. Each team must pick a different site.

• http://www.lingscars.com/
• http://www.avis.es/
• http://www.pcbox.com/
• http://www.pccomponentes.com/
• http://www.info-computer.com/

Teams will browse through the site and they will try to answer the following questions:

• What site is this? (Is it clear enough?)
• Does it follow conventions?
  • Menus, logos, content,…
  • Are elements clear enough? (Search inputs, icons, social networks,…)
• Is the hierarchy evident (sections, subsections,…)? Can I see the major sections of the site? What options do I have at this level of the hierarchy?
• Are the pages divided in well defined sections / layers?
• Can you distinguish links and buttons?
• Is there any content that distracts the user?
• Is the content structured?
• Are there any search options? Are they clear enough?

Each member of the team MUST analyze the website on his/her own and try to answer the questions. Later, the whole team can share what they have and prepare the final analysis.

Definition of Done

The team has chosen a website. Each team member has analyzed the website and answered the questions. The team has discussed and prepared the final analysis.

Each team member must watch and try to understand these three videos:

• Rapid Prototyping 1 of 3: Sketching & Paper Prototyping
  • Word List video 1
• Rapid Prototyping 2 of 3: Digital Prototyping
  • Word List video 2
• Rapid Prototyping 3 of 3: Native Prototyping
  • Word List video 3

Each video has a list of words and grammar constructs associated. For each video you will have to complete the following tasks:

1. Read the list of words / expressions and mark the ones you don't know.
2. Watch the video. You can use closed captioning (cc) in English.
3. Pause the video when you find one of those words / expressions and try to guess the meaning.
4. Look for the meaning in a dictionary.
5. Add the word / expression and its meaning to your personal dictionary.
6. When you have finished with the list, watch the video one more time. Pay attention to the pronunciation of the words / expressions.
7. Write a short summary of the video.
8. Discuss with your teammates all the summaries you have prepared and make a group summary. Try to be concise and remark the main ideas.

Definition of Done

Every team member has watched and understood the three videos. Every team member has added the words and expressions he/she did not know to his/her personal dictionary. Every team member has prepared a summary of each video. The team has created a common summary of each video.

Teams will choose a free theme for a website (restaurant, school, store,…). They will prepare two mockups of the website: one in paper and the other one digital, using Moqups. Teams must try to follow the guidelines of the book Don't Make Me Think (from unit 1 theory) and the Rapid Prototyping video series analyzed previously.

The mockups must show:

• Sketches
• Wireframes
• Purposeful use of color (source: Material Design color guidelines)
• User flows
• Key user interactions

Definition of Done

The team has designed all the pages of the website. Each page only shows the appropriate elements of the list. All the team members are satisfied with the results.