Project 4

User Testing Script:

User Testing Script

Screens:

Tasks:

  1. Navigate to the trophy room
  2. Add a new goal
  3. check off a daily task
  4. Change your profile picture
  5. Visit the store

User Testing Findings:

For the user testing, I got together a group of 3 people who live in my building and I asked them if they could give my app mock-up a try.

When initially prompted with the first task, Participant 1 was initially confused and tapped one of the goal eggs first, tried to swipe right, but then found the menu and subsequently the trophy room button. The other two participants also showed the same hesitation at first, not knowing exactly what to do. I might make the menu button more visible or place the trophy room button in a more conspicuous location.

For the second task, all three participants knew right off the bat what to tap, noting the large plus button.

The third task was surprisingly problematic for two of the participants, who opted to tap the label names first rather than the check. I think this can be fixed by having the whole box tappable for toggling completion. The fourth task, changing the profile picture, turned out to be the most problematic of the tasks.

All three participants initially tapped to get to the menu, then tapped one or two times on the profile picture itself before going to the settings page where one can change the picture. This is a pretty obvious fix on my part, the profile picture itself must be tappable to change it.

Task 5 went well with all 3 participants, they all tapped on the shopping cart first try. Although they all made it there smoothly, there was some hesitation, so I might make the button slightly bigger.

After the fact, the 3 participants thought it was a neat idea, however one of the participants did complain about the colors. I think I will change the color scheme before submitting the final project.

User Testing Script

Participant Introduction

[Welcome the participant, offer the opportunity to use bathroom facilities.] Thank you for coming today. My name is [name]. We’re working on the design for NestEgg, a task-based productivity app, and as part of the process we’re asking a variety of people to attempt various tasks using it to see what elements of the design need to be changed. I’d like to stress that we’re testing the product, and not your abilities. If you find parts of the product difficult to use or understand, so will other people, and it will be our job to make sure we make the appropriate changes to improve it. Today’s session will last for approximately twenty minutes. If you want to stop at any time, just say so.

Introduce Tasks

We have a total of five tasks, and I’ll give them to you one at a time. I’ll be asking you to ‘think aloud’ as you work. For example, if you don’t know what something is for, please say ‘I don’t know what this is for’, or something similar. I may also prompt you from time to time to ask you what you are thinking.

Do you have any questions before we begin? [wait for questions]

Task 1 – Navigate to the Trophy Room

Your first goal is to get to the trophy room screen.

[When complete.] Thank you. We’ll now move to the next task.

Task 2 – Add a New Goal

Your next task is to add a new goal.

[When complete.] Thank you. We’ll now move to the next task.

Task 3 – Check off a Daily Task

Now, you will mark a daily task as complete.

[When complete.] Thank you. We’ll now move to the next task.

Task 4 – Change your Profile Picture

Please change your profile picture.

[When complete.] Thank you. We’ll now move to the next task.

Task 5 – Visit the Store

And finally, please visit the store.

[When complete.] Thank you.

Debrief

That completes the tasks. Do you have any other thoughts or comments?

Once again, I’d like to say thanks for coming today. Do you have any comments or questions about today’s session?

Assignment 4

Tentative Icon Design

icon.png

Style Guide

Font Size and Style – 

The San Francisco font, the default font of iOS and Mac OS font, will be used in my app, with the default font size being 17pt and titles and headers ranging from 22pt to 28pt. The choice of San Francisco was to keep the font readable and clean, yet still compact for smaller screen sizes.

comparison

Color Palette – 

I chose a fairly complementary compound color palette for my app – The main color used as a background/baseline of my app is a cool blue color: not too bright, but not too dull either.

color pallete.png

Icon and Touch Target Sizes –

Most of the touch points in NestEgg will be the full width of the screen – being tasks to check off or menu items to click; Each of these will be the standard 44pts in height, however the Egg icons on the main screen might be as large as 80pts, and as small as 60pts, depending on user testing.

ios-sizes

I chose the “hamburger menu” slide-out menu style for its simplicity as well as the ability to still get a hint of what might be on the next screen over. This menu style has become hugely popular in apps over the past few years and it’s user flow is established and understood by the general public.

Project 3

Design Patterns Study

Galleries

Navigation Menus

Stats

User Profiles

Calendars

Checklists

Midterm Project Presentation

Definition Statement – NestEgg

  • The purpose of the app is to track your goals as you complete them, facilitating incremental progression towards your goal using daily notifications and a reward system.
  • This app is for people who want to accomplish their life goals without getting overwhelmed by the big picture.
  • The core functionality of the app is to feed you small batches of easy to accomplish tasks and reward you for them each day, making it easier to accomplish your bigger goals by completing their parts incrementally.

Personas

jeffsarahcaitlin

Sketches

File_001 (1)

File_000 (4)

User Flow

flowchart

Wireframes

Link to Balsamiq mockup:

https://santamonicacollege.mybalsamiq.com/projects/gd75-2382samuelfurr/

Questions

What’s your app named? NestEgg.

What problems does it solve? My app solves the common problem that most people have of being able to set goals but not being able to achieve them.

Why are you passionate about this technology? I am passionate about this because I myself struggle with completing my goals and by sharing this method with others through this app, I can help other people too.

Who is your user? My users are really anyone who wants to improve themselves, or anyone who might struggle with keeping on track with goals in life, and are willing to get better.

Why will they want to use your app? People will want to use my app because they want to be better people, not only for themselves, but for the people that they care about.

How is the app organized (user flow)? This app is based around daily notifications and a main page where you get an overview of a few tasks you can complete that day for points as well as progress towards your goals. The user will launch the app and tick off the things they complete, or tap in and add tasks to a goal (represented by an egg) or add a new goal.

What are the main sections and features? The main page features a short list of some of your main goals’ tasks, and is updated each day, allowing you to conquer your goals incrementally by doing only a few things each day. Not only are you rewarded by completing your goals, you also receive awards in the app in the form of a full egg that you can get cool patterns for that gets stored in your ‘Trophy Room’.

Project 1

Mobile App Critique/Analyzation

Google Drive (iOS)IMG_2724

The design of this app is strongly rooted in Google’s ‘Material Design’ design language. It is cl easy to read, and not overly frilly. The navigation makes
sense with its easy to understand ‘add’ button and menu button in the top left. Google Drive ‘Makes Important Things Fast’ by having the ‘add’ button readily accessible on any screen, with a narrow set of options to make it easier to use. Despite Apple discouraging showing any sort of file system in their design ideals, I think Google pulls it off nicely with this one.

 

iMovie (iOS)IMG_2725

Despite the usual complexity of video editors, Apple manages to make this one extremely simple and easy to use, while still staying just as powerful as their desktop offerings. The target audience might be people wanting to make family and home videos while still on vacation. The navigation of the app when you first open it is simple, allowing you to look at your current projects or start a new one, then it drops you into a simple timeline and video view.the simplicity of the controls for cutting and editing clips works well, however I would improve it by actually giving it access to some form of file system for music and images and other clips. iMovie ‘Does the Heavy Lifting For Me’ by making cutting and normalizing volume and adding background music absurdly simple.

Youtube (iOS)IMG_2726

Despite its popularity and the fact everyone probably already knows how to use it, Youtubes app design is not simple. The only simple part is is at the home screen, where you tap the video to watch. The navigation of the videos makes sense, but past that, there seems to be no standard for how everything is laid out. The navigation bar at the bottom seems to work well, however I believe the top navigation bar needs to be vastly improved, as well as removing the feature that video pages lay over-top everything in vertical mode. I would say that ‘Decide For Me But Let Me Have The Final Say’ applies here, because when you finish a video, it automatically cues up a similar one next but still gives you a few seconds to cancel before it auto plays.

Duolingo (iOS)IMG_2727

The design of this app is simple and quirky, yet easy to understand and feels good to people of all ages. The simple navigation bar at the bottom makes use of icons to tell you what they are, always allowing you to go back too. The simple, round buttons in the middle of the screen to select a challenge level work well letting you know where to go next. The principle of ‘Pictures are Faster Than Words’ applies to this app, with its extensive use of picture icons to hint at what the button might lead to, be it the next food vocabulary course or the chat bot tab at the bottom. This app is easy to use and well designed in my opinion.

WeMo (iOS)IMG_2728

Despite the age of this app and the fact its interface has not been changed in years, it still follows good design principles. The target audience might be a young adult with a connected power outlet for his lamp. The organization of the app immediately makes sense by having the menu for managing your devices immediately visible with minimal navigation buttons at the bottom.The app works well for simplicity, however it would be nice if they widened their feature set a little with maybe a timer for the devices. ‘Real Objects Are More Fun Than Buttons Or Menus’ applies here because they give you a small picture of your device as well as a fun power switch that toggles satisfyingly.

Uber (iOS)IMG_2729

The target audience of Uber is almost everyone, and their simple layout of having a map with cars on it and simple icons at the bottom works fairly well. The easy, drag and drop style map works well for mobile, making it easy to define a pickup point. One thing that they could improve upon however is making it easier to find out what the options at the bottom of the screen actually mean — they don’t tell you what UberX or UberPool actually is. ‘Delight Me In Surprising Ways’ applies here because it is pleasant and fun to be able to see the little cars on the map while you are setting your pickup point. This app flows well, despite the lack of descriptors for ride type.

Simple (iOS)IMG_2730

Simples banking app is the best designed banking app that I’ve seen, implementing a consistent design language throughout their app and website. The main screen is simple showing a comfortable list of your past transactions, with a navigation bar at the bottom with icons that lead you to support, goals, and money transfer options. This might be improved by making the icons a little more understandable for first time users. This app ‘Gets To Know Me’ by tracking the categories I spend money in and setting intelligent goals for me based on my spending habits. Overall a good experience.

 

Runkeeper (iOS)IMG_2731

Runkeeper is a run tracking app and does so with simplicity. There is one big button in the middle that says ‘Go Running’ and you can just tap it and go, with easy map tools for mapping your run after. The navigation is a little confusing at first, but easy to understand once you figure it out. This app ‘Keeps It Brief’ by providing you with minimal options, allowing you to just go out and run. My only gripe is with having useful features locked behind a paywall.

 

 

WolframAlpha (iOS)IMG_2732

This app is probably targeted at upper level students or scientists looking to simplify their research. The simple search bar at the top with one button for settings and another for photo input makes getting the answer to your problems easy, as well as their opening screen with many different icons leading you to categories of example problems. ‘Only Show What I Need When I Need It’ works well here because when you are looking at your equations, all the navigation and menus are hidden away nicely, maximizing screen real estate for the data.

 

Google Translate (iOS)IMG_2733

This app is dead simple and follows the design language of ‘Material Design’. The target audience for this app is probably students or foreign travelers on business or vacation, and this apps simplicity works well for all situations. There is a simple box for entering text, and two menus for translating to and from. the navigation is just 3 icons, allowing you to move from the translation page, to favorites, to setting easily on a mobile device. This app ‘Makes Important Things Fast’ by automatically detecting what language you are typing in and also allows for just taking pictures of text and it will translate it. This app works well on a mobile platform and looks good.