Zaid Hisham

1InteractIon DesIgn

User Experience Design

Revelation Global makes apps for market researchers who conduct online qualitative studies.

our ceo had four major design goals based on client feedback about must-have features and a strategy to stay ahead of the competition.

a more social experience for study participants•

a browsing experience that encourage participants to •

view other people’s responses

a visual design light enough to allow client to white-label •

the product with their own branding

a full-featured mobile app for use in “mobile only” studies•

Revelation Global, Inc.

We needed to offer mobile as a stand alone product, so we started there and translated the core interactions and visual style over to the web app.

I worked closely with 2 in-house developers and a development agency on the mobile web and ios from initial concept to production and release. Deliverables included wireframes, userflows, UI style guides, and custom icons.

the mobile and web apps look and feel light years ahead of competitor offerings. the apps are scheduled to be released in april.

2ZaID HIsHam

1200 NW Naito Parkway Suite 630, Portland, OR 97209 • Tel (503) 808-1492 • Fax (360) 838-1492

Web Userflow v1

1. To-do button take user to To-do list and most due activity

2. Feed button switches take user to his/her feed view of responses

3. User can switch between his/her responses and all available responses from all participants

4. Messages

5. Due date

6. Icon indicates To-do is ongoing/recurring

7. Completed To-dos

8. Probe icons; indicates user must return to activity and answer morderator question

9. Lock icon indicates chained activity

10. Label indicates To-do has yet to be submitted

11. Number indicates number of comments a response has received

12. Indicates response has been submitted but not yet entered into the system

13. User can switch between project

14. This is where user accesses Settings, Help, and Sign-out

To-do list and main nav

14

7

6

5

9

11

8

41

10

32

13

12

1200 NW Naito Parkway Suite 630, Portland, OR 97209 • Tel (503) 808-1492 • Fax (360) 838-1492

Web Userflow v1

Feed

1. Photo tile

2. Participant avatar

3. Likes and Comments

4. Video tile

5. Text tile

6. Reponse overlay includes participant avatar, user name, and Activity

7. Likes and comments from other participants

8. Comment box

9. User can use Reply button to reply to a speci�c comment

10. Viewing another participant’s feed displays their avatar and a list of shared activities (activities that send responses to the feed)

11. User’s feed

12. Response overlay

6

10

7

1211

1 4 5

2 3

8

9

Web wireframes Web visual design

3InteractIon DesIgn

Revelation Global, Inc.Mobile wireframes

1200 NW Naito Parkway Suite 630, Portland, OR 97209 • Tel (503) 808-1492 • Fax (360) 838-1492 9

Activities

1. Video stimulus

2. Paragraph collector

3. Upload photo button

4. Upload video button

5. If user has done any work, tapping Submit response will call the success toast message and are taken back to the To-Do’s list.

6. Users can manually save drafts to close out the activity and save their work. They get a toast message for that as well and are taken back to the To-Do’s list.

7. If users lose their connection they get this toast message so they know they can keep working. The app must save the content locally and upload it to the server once the connection is reestablished.

8. Responses that include a large video or photo upload or situation that a�ect the devices data connection may cause responses to not be sent to the server instantly. In this case, the submitted activity takes a “Pending” label but goes into Completed because it’s done as far as the user is concerned.

9. In completed responses, the stimuli are removed, but the descriptions added to collectors and any content added to the collector by the user remains.

10. Users can go back to completed responses and respond to comments by other users if the activity is shared or a discussion activity. Users can also like other people’s responses by tapping the like icon. Once tapped it goes into the pressed state.

11. Users can submit a completely blank response, but they get a warning modal.

12. If users tap “Back” and go back to the To-Do’s list, the app saves their draft

13. Activities that do not have collectors - for example, an activity that only has video or text messages - is treated like an activity that has been completed.

19

11

10

13

2

3

4

5 6Thanks!

Your work has been submitted.

Thanks!Your work has been submitted.

O�ine mode. Your work will be saved and uploaded

when you reconnect!

Draft saved

Draft saved

8

Draft saved12

7


1. Upon opening the app, users sign in using the temporary password and the email address from their email invite. If they use the wrong email or password they get error messages.

2. Users hit “Back” to return to the Sign-in screen and get sign-out of the system.

3. Users must create a new password. If they hit Sign-up without doing so, they get the “Passwords must be at least 6 characters” error message. If they don’t type in the password correctly in both �elds they get “Passwords do not match” toast.

4. Users can upload an avatar image from their gallery or snap a picture on the spot. This is not required.

5. Noti�cations default to “Send me push noti�cations.”

6. Timezone defaults to system timezone, but users can change it. Users must choose a timezone.

7. Users taps on this section and go to the Terms of Service page. If they try to go straight to Sign-up, they get the “Please agree to Terms of Service and Privacy Policy” error message

8. Users tap back to hit Sign-up

9. After tapping Sign-up button users are taken to the To-Do’s screen where the onboarding modal appears to introduce the To-do’s screen

10. If user is o�ine, they get the “Connection not found. Please try again later.” error toast.

Registration

3

2

4

5

6

7

8 9

10

1

Email and/or password are incorrect

Passwords do not match

Passwords must be at least 6 characters

Please accept Terms of Service and Privacy Policy.

Please choose a timezone.

Keyboard should move screen up slightly so it doesn’t cover the text fields.

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

?123

Connection not found. Please try again later.


Navigating the Feed

1. Users can filter Feed by activity or view responses from all activities in the study

2. Users can view their own responses...

3. Or view everyone’s responses

4. Users go an individual response by tapping the tile

5. The feed for a user individual for a particular activity lists the activity name at the top

6. The feed for all activities has no label at the top. Activity names are appended to each tile.

7. A friend’s response includes the user’s avatar and...

8. Allows you to comment on their response. Post button becomes active once user enter text into field.

9. If users get to the end of feed, they get this toast.

*Empty submitted responses don’t enter the feed until user edits their response, adds content and re-submits.

Browsing the feed Viewing a response

1

8

5

6

7

9

2 3

Can’t load response.Please check your connection.

Loading...

There are no items to display.

4


1. User can change their avatar image; Image icon launches device gallery; camera icon launches camera

2. Reset their password

3. Edit noti�cation preferences

4. Change timezone. Users get “Please choose a timezone.” toast if they choose a blank option in the timezone list (if any exist).

5. “Update Settings” button calls the “Settings Updated” toast message

6. Users can change their password in this screen

7. Submit button give user the “Password reset” toast and sends user back to the settings page. Users get the “Passwords do not match” if they enter it into the second �eld incorrectly.

Settings Device gallery/library

Device camera

1

2

3

4

5

6

7

Settings Updated

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

?123

Password reset

Please choose a timezone.

Passwords do not match

4ZaID HIsHam

Initial mobile concepts

Production comps

v2 ideas

5InteractIon DesIgn

“Fit for Flight” is Red Bull’s employee wellness online community. Its mission is to make getting fit fun and challenging for employees.

I was sub-contracted to envision an iteration of the website that incorporated an easy and fast way to challenge oneself and other staff and keep track of ranking and accomplishments in a leaderboard.

Red Bull

I created wireframes for frequent users, new users, challenge creation and the leaderboard.

I also created a user flow diagram to show how employees would move through the experience focusing on the most important use: using challenges to compete for ranking and medals.

6ZaID HIsHam

FREQUENT USER VIEW CREATE A CHALLENGE LAYOVER

How Steve Stevens lost 74 lbs in 9 months.

In�ammation: What is it and how to turn it o�.

5 easiest ways to unlock the Master Runner badge

NEW USER VIEW




LEADERBOARD PAGE


Jessica MattsonACCOUNT | LOGOUT



Rewards

UT ENIM ADminim veniamQuis nostrud Ercitation ullamcAboris nisi



Health Tips Success Stories

Rewards





DESIGN PRINCIPLESFeels like an appDashboard for action

Me Groups Friends

COMPLETE

Half-SquatTime Test60 half-squats in 2 minutes by 01/04/12

Monica

ACCEPT DECLINE

SoccerMarathon4 back to back pick-up games by 01/04/12

Gina

ACCEPT DECLINE

Push-upPain100 push ups

Create

Personal

Create a group for this challenge Cancel

Name your challenge

Give it a description

Type friends’ names to invite

Create a Challenge

+1

Me Groups Friends

COMPLETE


Monica

ACCEPT DECLINE


Gina

ACCEPT DECLINE


+1

Home > Leaderboard

Joe J.Culver City, CA

Monica R.Austin, TX

Sheryl K.Billings, MT

Je� BFontana, CA

More


Monica R.Austin, TX


Je� BFontana, CA

More

21

16

13

3

21

16

13

0

Jessica MattsonLos Angeles, CA

Joe B.Austin, TX

Karl K.Boise, ID

Je� BFontana, CA

11

11

10

9

Marathon Masters

So Cal Cross-trainers

Body by Nate

Big Guns

101

76

70

62


Monica R.Austin, TX


Je� BFontana, CA

21

16

13

3

My Rank Groups Friends

Sort which challengesyou want to see here.

Click here to createpersonal or groupchallenges!

Get Started Now!

Get in on the actionhere and see who elsehas joined!

You’ve unlock the Herbivore medal!

Welcome JessicaLos AngelesFit For Flight Team Fitness & Wellness Hub

challenges goals rewards health tips success stories

News & Health tips: Steve Smith, NY, reaches his new year goal.... | RedBull NY soccer camp challenge opens... | Holiday eating tips....

help my account logout









Users can scroll horizontally to see challenges

View and accept/declineopen challanges

See your own challengesyou’ve created foryourself or sort challengescreated by groups orfriends you follow

One article perlogin to avoid distractionfrom challenges

Users scroll vertically to see their rank in the leaderboard.

Medal description tooltipdolor sit amet, consectetur adipi-scing elit. eros vitae ornare.







Users scroll vertically.

From the challenge screen users name and secribe the challenge, then either make it a personal goal or invite friends





NEW USER VIEW




LEADERBOARD PAGE





Rewards





Rewards






Me Groups Friends

COMPLETE


Monica

ACCEPT DECLINE


Gina

ACCEPT DECLINE


Create

Personal


Name your challenge



Create a Challenge

+1

Me Groups Friends

COMPLETE


Monica

ACCEPT DECLINE


Gina

ACCEPT DECLINE


+1

Home > Leaderboard


Monica R.Austin, TX


Je� BFontana, CA

More


Monica R.Austin, TX


Je� BFontana, CA

More

21

16

13

3

21

16

13

0


Joe B.Austin, TX

Karl K.Boise, ID

Je� BFontana, CA

11

11

10

9

Marathon Masters


Body by Nate

Big Guns

101

76

70

62


Monica R.Austin, TX


Je� BFontana, CA

21

16

13

3




Get Started Now!





























7InteractIon DesIgn

Red BullSTEP 1 - CHOOSE CHALLENGE AND GIVE IT A NAME

CHALLENGE REPORTER - RUNNINGCHALLENGE REPORTER - EATING/DRINKING

STEP 2 - INVITE FRIENDS STEP 3 - CONFIRM AND SEND

You have the Starter badge!



Fitness Nutrition Technology Education Challenges search... go


Monica R.Austin, TX


Je� BFontana, CA


Monica R.Austin, TX


More

The Challenge Board

“I dare you to do it!”5 minutes ago

“@sheryl Great job!”10 minutes ago

“Sheryl, how many miles today?”

30 minutes ago

“Anyone up for biking 20 miles today?”

yesterday

“Who’s going running?”last week


last month



last month

“I ran 10 miles today!”15 minutes ago






Monica R.Austin, TX


Je� BFontana, CA


Monica R.Austin, TX


More

The Challenge Board




30 minutes ago


yesterday



last month



last month







Monica R.Austin, TX


Je� BFontana, CA


Monica R.Austin, TX


More

The Challenge Board




30 minutes ago


yesterday



last month



last month







Monica R.Austin, TX


Je� BFontana, CA


Monica R.Austin, TX


More

The Challenge Board




30 minutes ago


yesterday



last month



last month







Monica R.Austin, TX


Je� BFontana, CA


Monica R.Austin, TX


More

The Challenge Board




30 minutes ago


yesterday



last month



last month


CHALLENGESMinim veniamQuis nostrud Ercitation ullamcAboris nisi

HEALTH TIPSQuis nostrud Ercitation ullamcAboris nisi Minim veniam

SUPPORTNostrud Minim veniamErcitation ullamcAboris nisi

Home > Challenges > Challenge Builder

Jessica MattsonLos Angeles

ENTER

My ChallengesEat 1500 Calories for 2 weeks

Fitness

Challenge Builder

Fitness

Running

Walking

Cycling

Weight Training

Yoga

Pilates

Gyrotonic

Technology

Nutrition

Other

Name your challenge

Describe your challenge Create a new favorite

Add a message

Type a name

Add favorite team

Add default team

Challenge Team

Individual

Team

Starts 2/11/12 Deadline to join 2/09/12

2/19/12Ends

Starts: 2/11/12Ends: 2/19/12Deadline: 2/09/12Edit

EditEdit

Edit




Home > Challenges > Challenge Reporter


ENTER


Challenge Reporter

Choose a challenge and participation level






ENTER


Challenge Builder

Invite friends

Invited FriendsPCH Cycle Tour

Your invite message






ENTER


Challenge Builder

Con�rm and send your challenge

Calendar appears as spotlight over date

Each challenge category has a drop-down menu to choose a particular action

activity

time

###

###

units food/drink

Date

I I

in

of

1/29/12




Home > Challenges > Challenge Reporter


ENTER


Challenge Reporter

I drank 8 glasses of water in one day.Completed yesterday

activity

time

###

###

units

Date

I

in

1/30/12

I ran 6 miles in one hour.Completed today

User can remove parts ofthe sentence as needed.

Result of filling in formcreates statement below.

Result of filling in formcreates statement below.

Users fill in form usingdropdowns and text fields

1 2 3

Cancel Submit

1 2 3

Back Step 3: Con�rmBack Step 2: Invite friends

1 2 3

Back Create and send

Vivamus et sem risus, a ultrices tellus. Pellen-tesque non nulla lorem. Sed suscipit suscipit dolor vel bibendum. Integer sit amet ipsum libero. In molestie dui eu diam eleifend eu tristique mi luctus. Integer elit libero, rhoncus vel viverra vitae, laoreet at purus. Sed dictum luctus tempor.

Vivamus et sem risus, a ultrices tellus. Pellentesque non nulla lorem. Sed suscipit suscipit dolor vel biben-dum. Integer sit amet ipsum libero. In molestie dui eu diam eleifend eu tristique mi luctus. Integer elit libero, rhoncus vel viverra vitae, laoreet at purus. Sed dictum luctus tempor.

Cancel Submit





NEW USER VIEW




LEADERBOARD PAGE





Rewards





Rewards






Me Groups Friends

COMPLETE


Monica

ACCEPT DECLINE


Gina

ACCEPT DECLINE


Create

Personal


Name your challenge



Create a Challenge

+1

Me Groups Friends

COMPLETE


Monica

ACCEPT DECLINE


Gina

ACCEPT DECLINE


+1

Home > Leaderboard


Monica R.Austin, TX


Je� BFontana, CA

More


Monica R.Austin, TX


Je� BFontana, CA

More

21

16

13

3

21

16

13

0


Joe B.Austin, TX

Karl K.Boise, ID

Je� BFontana, CA

11

11

10

9

Marathon Masters


Body by Nate

Big Guns

101

76

70

62


Monica R.Austin, TX


Je� BFontana, CA

21

16

13

3




Get Started Now!





























CONTENT - CATEGORIES

Good night’s sleep canprevent dementia.



CONTENT - CATEGORIES (ALTERNATE)

Good night’s sleep canprevent dementia.



CONTENT

Exercise

Setting up a buddy system Eat better in 3 easy steps The Science of Sleep

Nutrition Sleep January 2012

Friends

How to create challenges Prepping for a half-marathon Get better sleep in 3 easy steps

How to respond to dailt checkpoints

Eat better in 3 easy steps Herbs to help you relax







© Copyright 2012 Red Bull North America

Red Bull North America NewsLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis

Today

Cross�t Challenge - LAX Cross�t


Red Bull 5k - Laguna Beach, CA

Tomorrow

Dune run - Dockweiler Beach

Saturday, February 4, 2012

Vegan Mexican cuisine- Sur La Table

Exercise

Setting up a buddy system

Eat better in 3 easy steps

The Science of Sleep

Nutrition

Sleep

January 2012

Friends

How to create challenges

Meal prepping forhalf-marathoners

Get better sleep in 3 easy steps

How to respond to daily check points

The science of berries

Herbs to help you relax





Red Bull North America NewsLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis

Today




Tomorrow




Use Exercise to Fight Stress

January 2012

Friends


Red Bull North America NewsLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis

Sunday, January 22, 2012




Friday, February 3, 2012




Fit For Flight > Guides & Tips > Stress

John Smith, Los AngelesJan. 1, 2012

Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut

labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco

laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in

voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat

non proident, sunt in culpa qui o�cia deserunt mollit anim id est laborum.









Categories: nutrition,

Tags: joints, arthritis,

Noel Saw Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. Ipsum labore et dolore magna aliqua ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco lorem.

Blake Thornley Ipsum sedolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco. 50

50

Add Comment

+1

(Left) sum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna

“Lorem ipsumdolor sit amet,consecteturadipiscing elit.lacinia in nulla.Donec mattis.”- article pullquote



Challenges Fitness Tools













Joe Priya Ramit Noemi

Jarvis Hilda Oswald Edna

MoreMoreMore

All events



More

More

More

All events



All friends

All events

Steve Reeve Jeeves Mrs. Eaves

8ZaID HIsHam

Fit For FlightMVP User Flow

User

Friend

Fit for Flightlogin page

Fit for Flightlogin page

Fit for Flightwebsite

Login

Login

Email Client

Views challenge on Fit for Flight dashboard

Challenge removed from dashboard and user noti�ed

via email and website

Challenge activated on dashboard and

user noti�ed via email and website

Challenge remainson Fit for Flight

website until creator deletes it or

until friend takes action

Challenge posted in user dashboard

+sent to friend’s

dashboard+

email sent to friend

Creates challengeand adds friend

Clicks on email that says his friend has challenged him.Clicks on email

link to go to website

Clicks “Accept”

Success! Leaderboard updated for all users

Clicks “decline”

Friend views challenge but does not take action

Email message from Fit for Flight

Friend completeschallenge and clicks

“complete” in dashboard

Friend and user dashboard updated

and user noti�ed via email and

website+

Leaderboard updated in system

9InteractIon DesIgn

Sovran

Sovran Self Storage, Inc. has a team of analysts who pore over large unwieldy spreadsheets all day in order to make pricing recommendations on storage units.

they needed a rich client application that could bring all of that information together so they could search, sort, and analyze the data in ways that helped them make mission-critical pricing decisions faster.

I was sub-contracted by 365media, the software company responsible for building the application, to organize and refine the user interface before it went to the development phase.

to get a handle on the situation I sat down with the product team to develop user stories, personas, and lean hypotheses before I began designing the interface.

10ZaID HIsHam

SovranSovran | Rate Management GUI

We believe that Revenue Management Analysts have trouble gathering the information needed

to identify and set optimal rates for their company’s products and are willing to pay to have this workflow optimized to they could

make better decisions faster.

Hypothesis v2

© 2012 365Media, Inc. | 63 Bovet Rd, Ste 209, San Mateo, CA 94402 | 650-286-4108 | Toll-Free: 1-800-476-7468 | [email protected]

Sovran | Rate Management GUI

“Bryan” DEMOGRAPHICS

In a relationship• 32 years old• Lives in Buffalo, NY• Bachelor’s degree• Household income: $59,000• Renter• Has a dog•

Leaves work on time to go walk his dog• Visits with family at least once a week• Attend ice hockey games with friends• Eats lunch at his desk• Stays focused at work.•

Time for family and friends• Accomplish more at work• Improve ROI for his employer• Exercise•

BEHAVIORS NEEDS & GOALS

Persona v2


Sovran | Rate Management GUI

As a rate analyst, I want to 1. have information in one place so I can make decisions faster.

As a rate analyst, I want to find 2. products that are incorrectly priced so I can adjust the price to optimize revenue.

As a rate analyst, I want to 3. keep track of the information I view so I can go back to it later or pick up where I left off.

As a rate analyst, I want to 4. keep track of how I filter information so I can test out which choices give me the most insightful information.

As a rate analyst, I want to 5. review starting rates so I can ensure my decisions are optimal for market conditions.

As a rate analyst, I want to 6. review rates set by coworkers so I can be a better mentor.

User Stories v2


11InteractIon DesIgn

Caseworx

Caseworx is a startup that wants to build the go-to case studies portal for students.

I designed the initial wireframes in the first iteration of caseworx’s lean product development process. the project owner had long list of features that needed to be incorporated into the interface that were not prioritized based on user needs.

I determined which features comprised the must-haves by meeting with the project owner and built the interface around them.

since most of the features already existed in many successful platforms, I adapted those design patterns for the interface in order to get the interface into the hands of potential customers as soon as possible.

12ZaID HIsHam

STEP 2 - INVITE FRIENDS






Monica R.Austin, TX

Joan J.

Sheryl K. : Swag banksy before they sold out tru�aut, DIY terry richardson

Sheryl K. : Ironic

Je� B

Joe J.

Joe J.: gluten-free skateboard semiotics synth portland gastropub typewriter

Joe J.: gluten-free skateboard semiotics synth portland gastropub typewriter

Monica R.

Sheryl K.

More

The Challenge Board




30 minutes ago


yesterday



last month


last month


Welcome JessicaAccount Help Sign out

Search by title, author, journal or keyword

Type a to-do then assign to team member

CASE ARCHIVE

COURSEPAXDocuments

Notes

Drag assets here to share withyour group

Media

Web

Case Team

Conference To-dos Calendar

CONTACTS

Video TitleAuthor Case Title

12:33

Delete Stickie

Swag banksy before they sold out tru�aut, DIY terry richardson gluten-free skateboard semiotics synth portland gastropub typewriter pitchfork wolf.

Case Assets

Swag banksy before they sold out tru�aut, DIY terry richardson gluten-free skateboard semiotics synth portland gastropub typewriter pitchfork wolf.

Case OverviewSwag banksy before they sold out tru�aut, DIY terry richardson gluten-free skateboard semiotics synth portland gastropub typewriter pitchfork wolf.

Document.pdfDocument.docDocument.txtDocument_2.pdfDocument_3.docScan.pdfContract.docx

Videoclip.mp4Interview video.mov

Team Member 1Team Member 2Team Member 3

Link 1Link 2Link3

Case TitleJournal title | Issue informationAuthor 1, Author 2, and Author 3

Related class 1A/Related class 101










Sheryl K.

Joe j.

Swag banksy before they sold out tru�aut,

Gluten-free skateboard semiotics

Synth portland gastropub typewriter

Gluten-free skateboard semiotics


Swag banksy before they sold out tru�aut, DIY terry richardson

June 4 Swag banksy before they sold out tru�aut, DIY terry richardson Synth portland gastropub typewriter

June 5 Swag banksy before they sold out tru�aut, DIY terry richardson Synth portland gastropub typewriter




January 2012

Fitness

Running

Walking

Cycling

Weight Training

Yoga

Pilates

Gyrotonic

Create a new favorite

Add a message

Type a name

Add favorite team

Add default team

Challenge Team

Deadline to join 2/09/12






ENTER


Challenge Builder

Invite friends

Calendar appears as spotlight over date

Each challenge category has a drop-down menu to choose a particular action

1 2 3

Back Step 3: Con�rm

CASEWORX

DESKTOP MANAGEMENT (STUDENT)


Thindish is a startup devoted to helping employees find and order healthy meals close to their offices.

I was asked to envision an ios app for the service that had as easy way to buy selected meals and display employee ranks using no more than 3 screens.

Thindish

I created an interface where users could swipe though meal choices and drag and drop them into their weekly meal plan. User receive points for how many healthy meals they eat during the week and move up in rank on a leader board.

14ZaID HIsHam

Leaderboard Settings

M T W T F S S

Leaderboard Settings

M T W T F S S

Settings Leaderboard SettingsLeaderboardLeaderboard Settings

M T W T F S S

Place order

Meals scroll horizontally.

You drag and drop meals into your meal schedule.

Meal icons shrinks and snaps into place as they get closer to the schedule.

If you need to remove a meal or make a replacement you can drag it back up to the top panel.

As you add meals to your schedule, your score auto-updates.

You can view meal details such as restaurant, address, and what foods are included in the pop-up box.

If you like what you see, you can place an order.

In the settings tab you choose what kind of meals you would like to see in the hori-zontal scroll on the main page; vegan, gluten-freee, vegetarian, etc.

In the leaderboard tab you can you view your place in the ranks in descending order.

55

39

34

20

3434

1. Add a meal to your schedule 2. Review meal details and place an order 3. Choose dietary preferences 4. View the leaderboard & your rank.


I met a doctor who is creating a mobile application that helps emergency room doctors administer ultrasound-guided anesthesia.

they had an idea, a use case, a developer, and a lot of dry content and pictures. I helped them figure out the flow of the content and I sketched a way for doctors to add bookmarks considering they work in a fast-paced environment. they need to be one tap away from the content they need in the emergency room.

Emergency Ultrasound

the concept is currently being pitched for funding to a leading ultrasound product design company.

16ZaID HIsHam

Users sw

ipe to scroll

Image quick-view. Userstap to view full screen

Your bookmarks Settings

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Home page/Table of Contents - Level 1

Veliquis ex ea faccummy nos aliqui

Sumsan vulputp atissis niscil

Magna facipsustrud

Deliquat niscillaorem dolobore

Digniam at pratue faciduipisl

Consent lore consed mod

Wismodolore dolore mod

Irilla conulput alisis augait

Sumsan vulputp atissis

Um vel il dio conse min

Bookmarks page


Veliquis ex ea faccummy...> Magna facipsustrud





Magna facipsustrud




Table of Contents - Level 2

Veliquis ex ea faccummy nos aliqui Veliquis ex ea faccummy nos aliqui


Uses

Anatomy

How-to

Settings

Bookmark color

Font size

Keep screen on

Auto Scroll

O� Fast

Small Big

Uses

Uses

Anatomy

Anatomy

How-to

How-to

Image full-screen - vertical Image full-screen - horizontal

Ut alit dolore molor auguer ipis amconsecte magna core dolut lore tie ting erosto consenis num ero commod mincill ummolenim in ullam augue doloreet lut ipisl ute magnim quat. Ut nos atet vulputpate cortie feuipis sequat, quip er iriurer aestie duntEtum eugait nonsed euis et vel il diam veros

drem ver se et in vel ulputpat ulputpat. Duipis dolor auguer illa consequam iustrud esed dit lute ea commy nisis duis nulla consecte velesed eugiamc onullandreet prat lorem dolut dit ad tinci esse del doloreetum vel eugiamet non ea ad dolessi.Suscillam verit nostrud essequis nullandre feumsandre core et, quam nulla facilisl il iuscidunt landiam del ut la cortie facil ut dio





Users sw

ipe to scroll



Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll




Magna facipsustrud








Bookmarks page







Magna facipsustrud







Uses

Anatomy

How-to

Settings

Bookmark color

Font size

Keep screen on

Auto Scroll

O� Fast

Small Big

Uses

Uses

Anatomy

Anatomy

How-to

How-to








Users sw

ipe to scroll



Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll

Users sw

ipe to scroll




Magna facipsustrud








Bookmarks page







Magna facipsustrud







Uses

Anatomy

How-to

Settings

Bookmark color

Font size

Keep screen on

Auto Scroll

O� Fast

Small Big

Uses

Uses

Anatomy

Anatomy

How-to

How-to









At Adaptive Path’s UX Intensive, four days interaction design work resulted in a tablet application for guests of a full-service boutique hotel.

We spent one day distilling the information we had gathered during the workshop and developed design principles for the product. the application and the was supposed to be as helpful and as knowledgeable about the user’s needs and room service as a good concierge in a small exclusive hotel.

Student work - Adaptive Path - UX Intensive

I sketched an interface that let users control and customize their hotel stay - everything from lighting and room temperature to scheduling spa treatments and meals.

the “concierge” part of the service would develop over time as the system tracked the user’s in-room purchases and habits. eventually the user would return to the hotel to find their room and service preferences preset to their liking as they enter the room.

18ZaID HIsHam

20ZaID HIsHam

(714) 943-5439

[email protected]

skype: zaidhisham

twitter: @zaidhisham

LinkedIn: Zaid Hisham

Zaid Hisham

Technology

Transcript of Zaid Hisham