seattle happy hour

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


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


3Competitive Analysis



Tone Dark

Black for navigations, Dark blue for

background and Green and Red for

time

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


7User Persona

TomSmith37 years oldManagerofBusinessSeattle,WAMarriedfor12years

Heisverybusywithhisjob.Heisverywisewithfinancialandcancontrolwithhisbusinessbudgets.Hehasverypower-fulopiniontodiscussinhisconference.

Whenhefinishedwithhisshifthour,hesome-timeslikesgoingouttobarwithhisfriendstowatchsportchannels.Helovestowatchanysports.Also,spendtimewithhiskidsandhiswifeduringsuppertimeandstorytellingtokidsforbedtime.


8User Persona

MichelleAlbertson20 years oldUndergraduatestudentatUniversityofWashingtonSeattle,WA

SheisstudyingBiology.Shetookfourdifferentinternshipsindifferentstates.Shewantstorescuemanyanimalsfromdangerplace.Sheissoexcitingtohavereal-worldjobaftergraduate from her university.


9User Persona

David Carr

35 years oldArchitecturePhotographerToronto,Canada

HelovestotaketripbyhimselfandwithhisgrouptoUnitedStates,Europe,Asia,andAustralia.Healwaysbringshisowncameratotakeshotanyarchitecturetoaddinhisportfolio.

Plus,heisthefreelancerinphotographyforanyjobpositiontoteachhowtobettermaterialtothecamera.And,hetakessomeshotsforjobposition.Heearnsgoodsalaryahourandsavesforhisothertriptodifferentcountry.


10Mood Board


11App Icon Concept


12App Icon finalized


13Concept Sketch


14Process

14


15Process

15


16Site Map


17Lo-Fidelity


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


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


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

Facebook

Twitter

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


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 :


22Hi-Fidelity

HomePage

In the home page we giving the users to choose locations or near by you


23Hi-Fidelity

NearByYou

The near by you will giving the users information of the restaurants surrouding them


24Hi-Fidelity

HomePage

In the home page we giving the users to choose locations or near by you


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


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


27Hi-Fidelity

TheInformation

We provide the users the address, phone number, hours, menu and direction. And we also giving the favourite (bookmark) icon


28Hi-Fidelity

Afterbeingfavorited

After the user press the favourite icon, the favourite icon will be filled with white color


29Hi-Fidelity

HoursofOperations

We giving users both information of happy hours and regular hours


30Hi-Fidelity


31Hi-Fidelity

Menu

We provide the information of the appetizers, drinks and the website link


32Hi-Fidelity


33Hi-Fidelity

Direction

This map will connected to the google map that it will calculate and show the direction to the restaurant


34Hi-Fidelity

Favourites

If users click on the restaurant on the favourite list, they will be directed to the restaurant information


35Hi-Fidelity

Search

Users are able to search for the desired restaurants


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:

seattle happy hour

Documents