seattle happy hour

Download Seattle Happy HOur

Post on 09-Apr-2016

220 views

Category:

Documents

0 download

Embed Size (px)

DESCRIPTION

Making Seattle Happy Hour app in smartphone.

TRANSCRIPT

  • 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

    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

  • 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 webs