Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
1
Seattle Happy Hourmobile app
Stefania Lukito and Chris Plancic
IM 231 - Interface DesignSpring 2012
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
2Definition Statement
1. List all feature you think users might like Abilitytocheckonthehappyhour menuofthespecificrestaurants Abilitytoseealllistofrestaurantsthat havehappyhours Viewmapstothenearbyrestaurants thathavehappyhours Viewopenhoursorhappyhoursof different restaurants Abilitytogototherestaurants websitetoseemoreinformation Abilitytocontactthespecific restaurants Abilitytoseethelocationofthe restaurants Abilitytoknowthetypeofthe restaurants Abilitytoknowhowpriceofthe restaurants Abilitytoaddontheirfavoritelist
2. Determinewhoyourusersare Usersofthisapplicationwillbe workingclasspeople,youngadults, andmaybetourist. Peoplewholiketotrydifferent restaurant Peoplewholikehappyhour
3. Filter the feature list through the audiencedefinition Mainfunctionofthisapplicationisto haveeasyaccesstoallhappyhours restaurant information. Easyaccesstoanyhappyhours restaurantlocation. Definitionstatement:Yourlocal happyhoursinformation
4. Dontstopthere Thisappwillhelptheguestrestaurantto knowwhattheywanttoorder(because of the menu) Thisappwilldefinitewhatkindsoffood they have Maketheeasyhierarchytootherpages
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
3Competitive Analysis
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
4Competitive Analysis
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
5Competitive Analysis
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
6Competitive Analysis
Tone Dark
Black for navigations, Dark blue for
background and Green and Red for
time
Organize, Easy to read and
understand the information
Organize, Easy to read and
understand the information
Organize, Easy to read and
understand the information
Have main navigation (top)
and tab navigation - Happy hours,
Show in Map and Find Address
Have main navigation (top)
and tab navigation - List View / Map
View
Only main navigation (top)
Black for navigations and
backgroundOrage for some
text
Red for navigation and red and cream
for background
Dark Bright
Colors
Layout
Navigation
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
7User Persona
TomSmith37 years oldManagerofBusinessSeattle,WAMarriedfor12years
Heisverybusywithhisjob.Heisverywisewithfinancialandcancontrolwithhisbusinessbudgets.Hehasverypower-fulopiniontodiscussinhisconference.
Whenhefinishedwithhisshifthour,hesome-timeslikesgoingouttobarwithhisfriendstowatchsportchannels.Helovestowatchanysports.Also,spendtimewithhiskidsandhiswifeduringsuppertimeandstorytellingtokidsforbedtime.
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
8User Persona
MichelleAlbertson20 years oldUndergraduatestudentatUniversityofWashingtonSeattle,WA
SheisstudyingBiology.Shetookfourdifferentinternshipsindifferentstates.Shewantstorescuemanyanimalsfromdangerplace.Sheissoexcitingtohavereal-worldjobaftergraduate from her university.
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
9User Persona
David Carr
35 years oldArchitecturePhotographerToronto,Canada
HelovestotaketripbyhimselfandwithhisgrouptoUnitedStates,Europe,Asia,andAustralia.Healwaysbringshisowncameratotakeshotanyarchitecturetoaddinhisportfolio.
Plus,heisthefreelancerinphotographyforanyjobpositiontoteachhowtobettermaterialtothecamera.And,hetakessomeshotsforjobposition.Heearnsgoodsalaryahourandsavesforhisothertriptodifferentcountry.
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
10Mood Board
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
11App Icon Concept
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
12App Icon finalized
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
13Concept Sketch
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
14Process
14
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
15Process
15
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
16Site Map
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
17Lo-Fidelity
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
18Lo-Fidelity
Back
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
#
searchRestaurant
ABack Logo Back
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Locations
Tootip titleTooltip description
Back CloseLogo
LocationsNearbyYou Restaurant ListHome
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
19Lo-Fidelity
Restaurant NameBack
address ,Seattle,WA123-123-1234
HoursBack MenuBack
Website www.example.com
Map
Tootip titleTooltip description
Back
MenuHours of Operations
MapRestaurant Detail
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
20Lo-Fidelity
Search Favorites Share
SearchSearch bar
Q W E R T Y U I O P
A S D F G H J K L
Z X C V B N M
space.?123 return
Close
Map
Menu
Hours
Restaurant NameBack
address ,Seattle,WA123-123-1234
Email to A Friend
Cancel
Back
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Lorem ipsum
Favorites
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
21Style Guide
Typeface : text: Helvatica (Regular) 17pt Top Nav: Helvatica (Bold) 20ptR: 163 G: 0 B: 23
#A30018
#E6E6E6
#3B5F8B
R: 230 G: 230 B: 230
R: 59 G: 94 B: 140
Colors :
Pattern :
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
22Hi-Fidelity
HomePage
In the home page we giving the users to choose locations or near by you
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
23Hi-Fidelity
NearByYou
The near by you will giving the users information of the restaurants surrouding them
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
24Hi-Fidelity
HomePage
In the home page we giving the users to choose locations or near by you
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
25Hi-Fidelity
Locations
The locations list that is the neighbourhood of Seattle is in alphabatical order and user have to scroll in order to find the desired location
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
26Hi-Fidelity
Restaurants list
the restaurants list is also in the alphabtical order and users have to scroll in order to find the desired restaurant
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
27Hi-Fidelity
TheInformation
We provide the users the address, phone number, hours, menu and direction. And we also giving the favourite (bookmark) icon
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
28Hi-Fidelity
Afterbeingfavorited
After the user press the favourite icon, the favourite icon will be filled with white color
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
29Hi-Fidelity
HoursofOperations
We giving users both information of happy hours and regular hours
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
30Hi-Fidelity
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
31Hi-Fidelity
Menu
We provide the information of the appetizers, drinks and the website link
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
32Hi-Fidelity
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
33Hi-Fidelity
Direction
This map will connected to the google map that it will calculate and show the direction to the restaurant
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
34Hi-Fidelity
Favourites
If users click on the restaurant on the favourite list, they will be directed to the restaurant information
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
35Hi-Fidelity
Search
Users are able to search for the desired restaurants
Chris Plancic & Stefania Lukito | Seattle Happy Hour Apps | SP 12 | IM 231 Interface Design
36Hi-Fidelity
Share
Or even share the information that they found to others
Home PageNear By YouLocationsRestaurants listThe InformationHours of OperationsAfter being favoritedMenuDirectionFavouritesSearchShare323024
Button 1: Button 2: Button 3: Button 4: Button 5: Button 6: Button 7: Button 8: Button 9: Button 10: Button 59: Button 60: Button 61: Button 62: Button 63: Button 64: Button 11: Button 12: Button 13: Button 14: Button 15: Button 16: Button 17: Button 21: Button 18: Button 19: Button 20: Button 53: Button 22: Button 26: Button 27: Button 28: Button 23: Button 24: Button 25: Button 29: Button 54: Button 30: Button 31: Button 32: Button 33: Button 34: Button 35: Button 36: Button 55: Button 37: Button 38: Button 39: Button 40: Button 56: Button 65: Button 66: Button 67: Button 68: Button 69: Button 70: Button 71: Button 72: Button 41: Button 42: Button 43: Button 44: Button 57: Button 73: Button 74: Button 75: Button 76: Button 77: Button 78: Button 79: Button 80: Button 45: Button 46: Button 47: Button 48: Button 49: Button 50: Button 51: Button 52: Button 58:
Top Related