Day 9: Wrap-up

Tan-tan-taa! Last day of work.

Today we will do all the final touches for our projects. To do:

  1. Test your prototype with 2 people outside this course
  2. Make any needed changes
    1. If changes are too big to be made, write about them in your blog
    2. Do the final touch-ups for your prototype
      e.g. add an app logo or a splash screen
  3. Finish your poster (with an app logo) – it will be printed tonight

Tomorrow we will see your presentation. Please show:

  1. your blog (project on the screen) and your poster (on a wall)
    1. tell about your design process; what you did on each day
    2. what was easy/difficult; what challenges you had
    3. what did you learned
  2. a demo with your app – how it would be used

We have around 20 min for each of the presentations.

And at 12:00 we will take you to TV-tower 🙂

Day 8: Finishing me-fi prototypes

Today all three teams were concentrated on finishing up their me-fi prototypes and as well started with composing posters for final presentation.

Tomorrow is a big day: we’re finishing posters and sending those to be printed out and also getting the projects tested in the wild! All three teams have to go outside the classrooms and find a person who knows nothing about their application, in order to check if there’s any problems with usability or UI in their application. 

Image

Day 7: UI Design and posters

On Tuesday we’re continuing with polishing prototypes using Appery.io and starting to compose posters for presentations as well as thinking about visual side of the projects — User Interface and overall aesthetics.

10 Graphic Design Tips for Non-Designers

As well as about logo and project’s identity.

Logo Design in 7 Steps.

Day 5: Lo-fi Prototype Testing

We will run simple usability test sessions and service walkthroughs for rapid paper prototypes.

Usability tests – During the usability tests participants will be executing task given by the organizers and thinking out loud about their actions. For the test you would need a participant, a facilitator who gives instructions and tasks, an observer who writes notes and a “computer” who reacts to user’s commands.

On simple testing

Testing with kids

Creative usage of paper

Usability test script, Steven Krug

A simple walk-through

Specify the background for the task and walk through your design, explaining your actions as you go. Other stakeholders can ask questions and suggest corrections. This type of “demo with feedback” works well for familiar situations such as typing and sending a simple comment message.

Augusta tests example prototype

Photos

tss_26072013_1 tss_26072013_2 tss_26072013_3 tss_26072013_4 tss_26072013_5 tss_26072013_6 tss_26072013_7 tss_26072013_8 tss_26072013_9

Related

Homework

Day 4: Technology & Prototyping

Paper prototyping

Rapid prototyping online

Today’s theory is based on the best practices for mobile design:

Our goal for today is to build a prototype of your app. You start with main screen and max 2 supplementary screens to achieve your persona’s goals. Afterwards we cross-test them to get initial feedback about our efforts.

I advise you to use Apperi.IO. Here is ‘why’:

  • web-based – no installation required, works both in Macs and Windows;
  • supports full development cycle from prototyping untill deployment;
  • relies on HTML5 and Javascript, most of you are familiar with;
  • you can test and deploy your app on (almost) any device you might have;
  • free plan is full-featured, the only limitation is 1 user, 1 app and 3 screens.

There are enormous number of prototyping tools to start with. If you find anything worth looking at, please let me know in comments.

Photos

Tomorrow

We will talk about guerrilla/lo-fi prototype testing.

Homework
Select 1-3 user stories or use cases that you would like to test and finish needed views. You do not have to do layouts for actions you are not currently testing. We will run a simple usability test session or a walkthrough with other participants.

Example 

User stories 
1) “As a tourist, I want to find product “name”, so I can by it.”
2) “As a tourist, I want to see the location of the map of the nearest place where I can by product “name”.”
Task instructions
“You are a tourist visiting Tallinn.
1) Find a product “name”. /test/
2) Find the nearest shop, which sells this product on a map. /test/”

Day 3: IxD, Personas, Scenarios, User Stories

Today we will create personas, scenarios and user stories for our projects.

Updated slides (new example for scenarios) 

Today’s task and homework

    1. Describe 1-2 personas
    2. Write 1-2 scenarios and few related user stories
      + use cases, if you want to go into more details
    3. Link your posts to workshop’s blogpost of the day

Related

Interesting lecture on user stories and acceptance criteria.

Day 2: Ideas and Teams

Today we will see Ottavio’s demo on Mash Machine and Zahhar’s ideas on work distribution and remote work. The event is listed here: https://www.facebook.com/events/185330061643212/?notif_t=plan_reminder.

We will meet at 9:50 in the lobby of Mare building.

TUE 23.7 – Today’s task

  1. Present your idea(s)
  2. Create teams
  3. Open team blog (Tumblr, WordPress, Blogger, Squarespace…) – 1 blog per team
  4. Add the link to your blog as a comment to this post
  5. First post: briefly describe your idea and add your team members
  6. At home: Finish your first post
    Extra: Write a little bit about what have been done so far and how you could improve it

Slides

Photos

More photos on Facebook.

WED 24.7

On Wednesday we will continue in M-402 with talks on Interaction Design and approaches such as personas, use stories and scenarios. We will also apply these approaches in practice with your project.

Day 1: Introduction day

Monday’s program

  1. Gathering
  2. Introduction round
  3. Zahhar presented his and student’s projects: coffee machine & WC-freshener
  4. Daria and Ilya introduced “Touch to Exchange” [Daria’s blog]
    Break
  5. Arman Arakelyan talked about his online course “Foundation of HCI
  6. Ilya presented mTLU project
  7. Zahhar talked about new technology trends
  8. Daria showed student projects from Nuno Correia’s workshop
  9. Valeria talked briefly about interaction design tools
  10. Course schedule and homework

Slides

Some related links

Tuesday 23.7.2013

Meeting at the ground floor of the Mare building (the same place as today), at 9:50.