ux portfolio

17
SYED LAGOON UX PORTFOLIO

Upload: syedlagoon

Post on 18-Nov-2014

85 views

Category:

Design


1 download

DESCRIPTION

Syed Lagoon's UX Design Portfolio Index: - About Me - Skills & Tools - Project #1: Intrepid Travels - Project #2: Step.com -Contact Info

TRANSCRIPT

Page 1: UX Portfolio

SYED LAGOONUX PORTFOLIO

Page 2: UX Portfolio

About Me

I’m a recent political science graduate from Baruch Col-

lege. I studied poli-sci due to my interest in how people

interact with large, complex systems and vice versa, as

well as how people influence and leverage each other.

During college, I coached and taught Lego Robotics at

Robodmindtech, a STEM learning center. I really enjoy

teaching and building things, and helping my students

problem solve for their FLL (First Lego League) chal-

lenges.

Post-graduation, I worked as a tech recruiter where

I learned about “UX Design”. A bit of research found

that it was a field that had many of my interests: prob-

lem-solving, research, prototyping, technology, etc.

That led me to General Assembly, where I enrolled in

the UX Immersive where I learned some great new skills

and worked on some equally great projects.

Following are some of the skills I’ve learned and two

projects I’ve worked on.

Page 3: UX Portfolio

Skills & Tools

Research - Surveys, User Interviews (In-person and Long Distance), Usability Testing

Analysis - Competitive & Comparative analysis, Task analysis, Heuristic Evaluation

Features - Interface design, Brainstorming, Fea-ture prioritization

Wireframes - Wireframes (paper & digital), An-notated Wireframes, Specfication documents

Prototype - Paper Prototype, Digital software, Usability testing

Tools - Omnigraffle, Axure, Adobe Suite, POP, Invision

Page 4: UX Portfolio

Intrepid Travels - Case Study #1

Intrepid Travels is a small adventure travel com-pany, that organizes small group travel to take tours around the world.

Challenge:1. Improve the search functionality on the site2. Responsive re-design that fits across various

screens.

Page 5: UX Portfolio

Research

User Survey User Interviews

Personas Affinity Mapping

Page 6: UX Portfolio

Findings

• People enjoyed talking about their trips. Their relation-ship with their past vacations were narrated in an organ-ic and natural way.

• Booking a trip was almost universally hated, and curated tours even more so, except on the rare occasions when the value of a tour was emphasized.

• There were many kinds of travelers, and their habits grouped together enough to reveal patterns. i.e. Younger travelers enjoyed more athletic activities vs Older trav-elers who practiced a more sedentary vacation style.

Page 7: UX Portfolio

Sketching

Page 8: UX Portfolio

Testing

Page 9: UX Portfolio

1

2

3

Solutions

1. Search is now replaced with a “mad-lib” format that is easy to under-stand and responds to users input.

2. Simple icons are used to represent different categories i.e. destina-tions.

3. Trip style offerings now have rec-ommendations that help nudge travellers towards the style that is targeted to their specific demo-graphic.

Page 10: UX Portfolio

Responsive Wireframes

View Prototype

Page 11: UX Portfolio

Step.com Travels - Case Study #2

Step.com is a career development startup that helps passive job seekers be insulated from job inquires from potential employees that are ir-relevant to their interest.

Challenge:1. Make the onboarding process engaging2. Speed the process of building a profiles3. Improve the site’s data-visualization

Page 12: UX Portfolio

Research

Competitive Analysis Survey User Interview

Personas Usability Testing Heuristic Evaluation

Page 13: UX Portfolio

Findings

• #1 reason cited for hating profile creation AND aban-doning profiles was the length of the process

• Potential job seekers used more then one site when look-ing for work

• Of those sites, Ladders and Indeed were the most suc-cessful due to having simple profile creation processes and clean interfaces

• Users found the the data visualization interesting at first but not easy to understand when they looked at the graphs for any length of time.

• The site was strong in terms of Credibility and Value but weak in Usability and Clarity

Page 14: UX Portfolio

User Flows & SitemapNew_User_Flow_v01

Go to Step.com

Sign up, enter email

Receive email confirmation

Initial On-boarding

Fill out personal info:

1.First name, last name2.City, State, Country

Most Recent Job:

3. Start Date -MM/YYYY4. End Date- Present or MM/YYYY5. Job Title or Dropdown6. Company7. City, State, Country8. Beginning Salary9. End Salary10. Top 5 Skills

Your Highest Degree:

11. Start date12. End date13. College14. Degree15. Major16. Save and Continue

DashboardTimeline

+ Add Experience

Work Education

Add Work

3. Start Date -MM/YYYY4. End Date- Present or MM/YYYY5. Job Title or Dropdown6. Company7. City, State, Country8. Beginning Salary9. End Salary10. Top 5 Skills

Page 15: UX Portfolio

Sketching & Iterating

EDUCATION &WORK HISTORY

SALARY SKILLS

2007

2000

2003

2002

2010

PRESENT

GA Corp.

Widgets Inc.

Google Inc.

+ ADD EXPERIENCEColumbiaUniversity

2000 2002 2004 2006 2008 2010 2010 2012 2012

25k

50k

75k

100k

DASHBOARD INVITES PROFILE

LOREMIPSUMD

LOREMIPSUMD LOREMIPSUMD

LOREMIPSUM

LOREMIPSUM LOREMIPSUMD LOREMIPSU

LOREMIPSUMD

LOREMIPSUM

LOREMIPSUM LOREMIPSUMDOL

LOREMIPSUMD

LOREMIPSUMD

LOREMIPSUMD LOREMIPSUMDOL LOREMIPSUM

LOREMIPSUM LOREMIPSUMDOLORS

LOREMIPSUMDO LOREMIPSUM

Please complete info

Page 16: UX Portfolio

Wireframes

WELCOME TO STEP.COM!START BUILDING YOUR PROFILE IN 3 EASY STEPS!

1

MM/YYYY

JOB TITLE

COMPANY NAME

BEGINNING SALARY END SALARY

CHOOSEOR

IN

MM/YYYY

CHOOSE

COLLEGE

DEGREE MAJOR

START DATE END DATE (if applicable)

MONTH YEARYEAR

COUNTRYCITY STATE

FIRST NAME LAST NAME

$/PER YEAR

TOP 5 SKILLS USED (SEPARATE WITH A COMMA)

$/PER YEAR

ADD PERSONAL INFO 2 MOST RECENT JOB 3 YOUR HIGHEST DEGREE

SAVE & CONTINUE

ADD INFO FROM LINKEDIN

CHOOSE

COUNTRYCITY STATE

CHOOSE

PRIVATE, WILL NOT BE SHARED ON PROFILE

START DATE END DATE

MONTH YEARYEARMONTH MONTH

PRESENT2004

2008

20112007

Vimeo

EDUCATION &WORK HISTORY

+ ADD EXPERIENCE

DASHBOARD INVITES PROFILE

PLEASE COMPLETE INFO

SALARY SKILLS

2004 2006 2008 2010 2012 2012

25k

50k

75k

100kJAVASCRIPT

AXURE RUBY ON RAILS

PYTHON

HTML CSS PHOTOSHOPILLUSTRATOR

INTERFACE DESIGN

PROJECT MANAGEMENT

INDESIGN ADOBE CREATIVE SUITE

JQUERY

PHP

PHOTOGRAPHY FRONT-END OMNIGRAFFLE

WIREFRAMES INTERACTION DESIGN

RESPONSIVE DESIGN WORDPRESS MAC OS

Vassar College Spotify

View Prototype

Page 17: UX Portfolio

Contact

Linkedin www.linkedin.com/in/syedlagoon

Twitter @syedlagoon

E-mail [email protected]

Website www.syedlagoon.com