Tan-tan-taa! Last day of work.
Today we will do all the final touches for our projects. To do:
- Test your prototype with 2 people outside this course
- Make any needed changes
- If changes are too big to be made, write about them in your blog
- Do the final touch-ups for your prototype
e.g. add an app logo or a splash screen
- Finish your poster (with an app logo) – it will be printed tonight
Tomorrow we will see your presentation. Please show:
- your blog (project on the screen) and your poster (on a wall)
- tell about your design process; what you did on each day
- what was easy/difficult; what challenges you had
- what did you learned
- 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 🙂
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.
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.
On Monday we will continue with paper prototypes and move on to digital prototyping with suggested tool Appery.io. For more options, check out this blog post or this nice list from Machable.
Don’t forget to take pictures and update your progress on the blog!
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
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;
- 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.
We will talk about guerrilla/lo-fi prototype testing.
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.
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”.”
“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/”
Today we will create personas, scenarios and user stories for our projects.
Updated slides (new example for scenarios)
Today’s task and homework
- Describe 1-2 personas
- Write 1-2 scenarios and few related user stories
+ use cases, if you want to go into more details
- Link your posts to workshop’s blogpost of the day
Interesting lecture on user stories and acceptance criteria.
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
- Present your idea(s)
- Create teams
- Open team blog (Tumblr, WordPress, Blogger, Squarespace…) – 1 blog per team
- Add the link to your blog as a comment to this post
- First post: briefly describe your idea and add your team members
- At home: Finish your first post
Extra: Write a little bit about what have been done so far and how you could improve it
More photos on Facebook.
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.
Detailed schedule and first day’s slides will be uploaded here soon.
For now – please refer to information on the front page.
P.S. As a starter, here is an interesting talk for you to explore. 🙂