Showing posts with label prototype. Show all posts
Showing posts with label prototype. Show all posts
4/17/14
First Round of Designs
Last week's prototype: https://www.flinto.com/p/3e63a360
This week's prototype: https://www.flinto.com/p/6e402c79
New Character Designs:
4/10/14
3/6/14
Hi!
Here is the link to the prototype I used for this week:
http://invis.io/FHP7QLYW
The things that I learned from last weeks prototyping were the things that I suppose I take for granted in apps - like having a settings feature, or simply being able to move backwards through the app. Also that sometimes simplicity is the best way to go and not to overcomplicate user interaction.
Here is the link to the prototype I used for this week:
http://invis.io/FHP7QLYW
The things that I learned from last weeks prototyping were the things that I suppose I take for granted in apps - like having a settings feature, or simply being able to move backwards through the app. Also that sometimes simplicity is the best way to go and not to overcomplicate user interaction.
2/27/14
Food on Wheels Prototype on Pop
The user test-
Tasks:
1. Find a taco truck from home
2. Write a review on Carlo's Steaks
3. Go see your photos
User 1: YH, 22
1. Unsuccessful
Problems:
-Home screen: For those who didn't allow GPS, there should be a dialogue box prompting the user to enter the location
-Search bar: should it be a button or a dialogue box?
2. Successful
3. Successful, but can the user access the photos from the sidebar, too? ex. facebook
User 2: JY, 21
1. Successful, but search nearby should be search or search button only
2. Successful, but can you shorten the process by one step? Consider.
3. Successful, but can you make it not look like an album and use wide rectangle forms for photos?
*The first screen should be the map+search instead of the profiel side bar open. It happened because the order of the screens is not editable.
*Also, the upper part is hidden due to the phone graphic layer on top of the screen. It is also not editable.
Tasks:
1. Find a taco truck from home
2. Write a review on Carlo's Steaks
3. Go see your photos
User 1: YH, 22
1. Unsuccessful
Problems:
-Home screen: For those who didn't allow GPS, there should be a dialogue box prompting the user to enter the location
-Search bar: should it be a button or a dialogue box?
2. Successful
3. Successful, but can the user access the photos from the sidebar, too? ex. facebook
User 2: JY, 21
1. Successful, but search nearby should be search or search button only
2. Successful, but can you shorten the process by one step? Consider.
3. Successful, but can you make it not look like an album and use wide rectangle forms for photos?
*The first screen should be the map+search instead of the profiel side bar open. It happened because the order of the screens is not editable.
*Also, the upper part is hidden due to the phone graphic layer on top of the screen. It is also not editable.
Prototype
Prototype:
As the player opens the game, an online app called "Game Center" will automatically open to the log in page allowing player post up their scores to compete with friends to get a hire score. However, using game center is optional, you can always play off line so that the player can practice to get a hire score as possible. At the menu of the game, there will be: "New Game" (Providing two different levels such as "Normal" and "Hard") , "Setting" (Having "Sound FX" and "Music"), "Score" (optional to submit scores online or to play offline), and "Credits" (Explaining about the game). The game is a run and jump action plat form. The goal of this game is to have the character to reach the other side in order for the player to move to the next level. Each of the level will have different settings that the players will recognize such as Central Park, Times Square, etc. There will be check points every level. If you louse all your life, you have to stat all over from level one.
Project #1: &sounds. 2 Prototypes. Wireframe iteration 3.
 |
| Credit: solidifyapp.com |
The improved prototypes, below.
Changes made based on the result of user testing #1 and feedback.
USER TESTING #1
AppMapV3a-1 (wireframes 3) – Prototype
Participants:
- 1 grad student, an iPhone user
- 1 grad student, an Android user
- 1 developer, an Android user
Results:
Discover
- What happens if there's someone who's recorded an illegal or vulgar soundbite?
- What are these grey pins?
- How do I go back?
Record
- Are these grey pins my recordings or others? It's pretty similar with the other one.
- I like the editing feature
- It's like instagram for sounds!
 |
| Credit: solidifyapp.com |
USER TESTING #2
AppMapV3a-1 (wireframes 3) – Prototype
Participants:
- 4 app savvy mates
Results:
Side Nav
- Clicking the Logo to go to Home is causing a bit of confusion. Users tapped on the Hamburger menu button first, before trying others.
- Include Home/Discover buttons?
Discover
- List icon isn't clear
- I didn't get that it's a list view
- I like how the list view is instagram-ish
- The Map gives me a sense of satisfaction.
- The Map can be overwhelming.
- How do I follow other people?
- Why do I need to declare where I am? It isn't clear that I have to declare my whereabouts.
User Profile
- List icon very similar to Hamburger
Record
- Are these grey pins my recordings or others? It's pretty similar with the other one.
My Sounds (music player)
- How do i go back to Map view to play a different sound?
Overall
- Being consistent from screen to screen (transition, behavior, etc)
- I like how the place matters here.
- I like how the Log in is not upfront, users only log in/sign up when they share sounds.
AppMapV4 – Prototype 2
Participants:
- the same 4 app savvy mates
Results:
Discover
- How about including a category such as mystery/surprise me sounds? For users who don't check-in and etc.
My Feed
- How do I go back to previous screen?
- It can get confusing & difficult to listen to many sounds at once
Music Player
- Play Next track button isn't clear.
- Can't I play the sound while in list mode?
- "•••" button throws me off
- How do I hide the comment, like, etc buttons?
Overall- the same 4 app savvy mates
Results:
Discover
- How about including a category such as mystery/surprise me sounds? For users who don't check-in and etc.
My Feed
- How do I go back to previous screen?
- It can get confusing & difficult to listen to many sounds at once
Music Player
- Play Next track button isn't clear.
- Can't I play the sound while in list mode?
- "•••" button throws me off
- How do I hide the comment, like, etc buttons?
- Simpler than Prototype 1
- Very audio based, location isn't very important here
- I'm just recording, less about the place/location
- I like how it's fast & easy for me to access the audio and record
- Decide which iteration/approach
- Animate the background animation
- Insert sound
Some notes on testing with your prototypes:
1) Pay attention to what users do, not what they say.
2) Don't lead your users. Give them a task, and then watch what they do.
3) It's an observation, not a conversation. Don't totally shut down, but don't banter away either. Be a scientist!
Here are a couple of excellent articles from Nielsen about usability testing:
2/26/14
2/20/14
Assignments for Feb 27
1. TAG YOUR POSTS
2. Create paper or POP prototypes of your wireframes and share them on the blog.
If you make a paper one, you can just snap a photo to document it and post that.
If you use POP, you can share a link directly from the app. Tag your post with "prototype" please.
Next week you'll be using the prototypes in class to prove out your wireframes.
Here is POP's sample app.
2. Create paper or POP prototypes of your wireframes and share them on the blog.
If you make a paper one, you can just snap a photo to document it and post that.
If you use POP, you can share a link directly from the app. Tag your post with "prototype" please.
Next week you'll be using the prototypes in class to prove out your wireframes.
Here is POP's sample app.
Project #1: &sounds. Wireframe iteration 2.
Here's the POP prototype for a preview. I'm conducting user testings based on this wireframe.
Will report findings.
Below you can find:
A new App Map, a detailed one.
And here're the wireframes.
Will report findings.
Below you can find:
A new App Map, a detailed one.
And here're the wireframes.
Subscribe to:
Posts (Atom)