You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 18 Next »

GR2 Designs

Scenario

Vincent is a college student going on a vacation in Western Europe for winter vacation, and wants to be able to know exactly what to pack, since he has just finished his spring semester and has very little time to pack between coming back from school to flying to Europe. He decides to use PackIt, our mobile phone app that helps people decide what to pack on trips. He pulls up the app and inputs his destination, Western Europe, how long he is staying, 12 days, and the nature of his trip (vacation).

After inputting his travel information, Vincent sees a list of suggested items to bring, generated by the app, in the appropriate amounts for the 12 days that he is staying in Europe. The list includes winter attire, since the weather in Western Europe is freezing. He also sees suggestions for how to pack his items efficiently in a suitcase. Looking through the list of items, Vincent realizes that he would also like to pack his glasses and his laptop, so he adds them to the list.

As he begins to pack his things, he marks in the app that he has packed them into his suitcase. As the items that Vincent has packed accumulate, he can see the current estimated weight of his suitcase. After Vincent has finished packing, he pulls up the list of item that he has already packed, double checking that he has packed everything. Once he has finished, he clears the information in the app and closes it, ready to use for another trip.

Paper Prototypes & Storyboards

Design One

Sketch

Storyboard

Learnability

Efficiency

Safety

Vincent starts by creating a new trip. He enters in the destination with a
textbox that has autocomplete with locations. Since he will be flying to
Europe, he picks the plane icon, along with the male symbol. He then
selects the 12 days he will be there using the calendar module that
appears as he clicks the date.

Pros 
- Easy to learn because there are
many descriptive icons that 
Cons

Pros 
Cons

Pros 
Cons

After he hits go, a selection of items are selected and automatically
placed in his backpack. However, because he is a hat-enthusiast, he
decides to bring along 12 hats with him, increasing the weight of his
backpack, and now notices that a luggage symbol has appeared,
suggesting that bringing just a backpack may no longer be appropriate.

Pros 
Cons

Pros 
Cons

Pros 
Cons |

Once he is satisfied, he clicks the checklist tab, and he begins to
pack, checking off the items as he goes.

Pros 
Cons

Pros 
Cons

Pros 
Cons |

Before he leaves, he clicks the trip information tab, and he remembers
that bringing a camera could be a good idea as there may be times for
sightseeing.

Pros 
Cons

Pros 
Cons

Pros 
Cons |

Design Two

Sketch

Storyboard

Learnability

Efficieny

Safety

Vincent pulls up the app and inputs his destination, Europe, how long
he is staying, 12 days, and the nature of his trip (vacation). He also
inputs his gender so the list generated by the app can be tailored more.

Pros
Cons

Pros
Cons

Pros
Cons

Vincent sees a two paneled screen. He wants to check the weather in
Germany, his first destination, so he looks at the upper panel and sees
that the panel contains weather information. He wants to see the average
weather over the next several weeks, so after some exploring he sees a
little graph icon in the bottom of the weather panel, clicks that, and is
displayed with the temperature over time. After he has checked the
weather, he's now ready to start packing. He decides to start with toiletries,
as those are his most precious items. He looks at the bottom panel and
sees that there is a toiletries category.

Pros 
Cons

Pros 
Cons

Pros 
Cons

He clicks the toiletries category and it opens a checklist with entries that
were automatically generated for him. He packs conditioner and aspirin and
checks the checkboxes next to the items. They immediately move to the
bottom of the list. He realizes that the list hasn't autogenerated a toothbrush
for him, so he decides to add it. He sees a textfield at the top of his screen
called "Add another entry", so he taps it and enters "toothbrush" into  textfield.
It adds the entry to the top of his list. He selects the entry and sees details
about the item appear at the bottom of his screen, such as weight and
category. He also sees the option to "don't bring" the item.

Pros 
Cons

Pros 
Cons

Pros 
Cons

Vincent finishes packing everything in the clothing section, and only some
things in the toiletries section. When he goes back to the main menu, he
realizes that the categories where he has packed everything have a green
icon in the corner. The categories where he has only packed some items
appear as a yellow yield icon. Categories where he has packed no items
have a red "x" in the corner. Now that he is midway through packing, he
wants to know how much his current stuff weighs, in case he goes over the
luggage weight limit. Conveniently, he realizes the weight is located at the
top bottom panel. He sees he is over the limit, so he wants to know which
category is taking up the most space. He searches around and notices that
the bottom of each category also has a weight for all items in that category.

Pros 
Cons

Pros 
Cons

Pros 
Cons

Vincent has finally finished packing but he realizes he's pretty bad at it
because his luggage is pretty much overflowing. He wants to check how
to pack more efficiently, so he goes to the main menu again and sees two
arrows on the left and right edges of the upper panel and 5 dots near that
bottom that indicate there are more panels to the left and right. He decides
to check those out, and swipes left. On the left is panel for packing tips!
He follows the instructions and now everything fits perfectly.

Pros 
Cons

Pros 
Cons

Pros 
Cons

Design Three

Sketch

Storyboard

Learnability

Efficieny

Safety

Vincent starts by pulling up the app. He sees a preliminary screen prompting
him to input information about his trip and himself. He types in Europe as his
destination for the trip, inputs how long his trip is (12 days), and then select
his mode of transportation (airplane) via icons. He also selects his gender, and
then presses 'Start Packing' to continue in the app.

Pros
Cons

Pros
Cons

Pros
Cons

The next screen displays shelves holding the different categories of items.
Below shows a suitcase, representing the current items already packed. To
the left of the suitcase is a box displaying the current estimated weight of the
suitcase as Vincent packs. At the very bottom Vincent can also view packing
tips, and to toggle them he can swipe left or right. To view the items in the clothes
category, Vincent can select the clothes icon.

 

 

 

In the clothes category view, Vincent can view exactly which items he should bring
and how many of each one he should bring. He decides to pack his shirts first, and
to indicate that he has packed them, he drags the shirts icon into the suitcase 
below. For each item packed and dragged into the suitcase, the weight counter
increases. Vincent also decides to add glasses to his list of clothes item to bring,
so he presses the add button to add them to the shelf. To view what items he has 
already packed, he can select the suitcase to see them.

 

 

 


Taken to a view of items packed in the suitcase, Vincent can see exactly which 
items he has packed. In addition to viewing the items he has packed, he can remove
them if he decides not to take them with him in the suitcase. Once he has finished
with packing he closes the app and gets on his way to Europe.

 

 

 

  • No labels