tithi jasani_ux portfolio
Post on 13-Apr-2017
Embed Size (px)
TITHIJASANIUSER EXPERIENCE DESIGN PORTFOLIO 2016
User Experience Designerharvard business school publishingEstablished UX design as the first stage of all web and mobile software developments, instituting a user-centered design approach for the companys higher education department. Worked with content and development team to manage multiple projects and design phases using agile project management, maintaining WCAG 2.0 standards. Conducted in person user testing and created wireframes and high fidelity prototypes.
Freelance UI/UX DesignerfeebboManaged a full redesign of the company website. Chose images, color schemes, and writing copy. Rapid prototyping iterations included wire-frames for both mobile and desktop. Created functional interactive mock-ups for developers using InDesign.
Student Design Advisorenterprise works incubator uiucFacilitated brainstorming sessions with start ups such as ElectronInks and Intelliwheels to find innovative solutions. Provided industrial and UX support to various teams, ranging from concept development to packaging and user stories to clickable prototypes.
Empathic Designersource america design challengeDeveloped a new product for assisting paraplegics with typing. Collaborated with organizations that cater to the differently abled to understand the target user using empathic modeling and user testing. Placed fourth at the national level.
Freelance Graphic Designerpivot mediaRemotely communicated with clients to develop custom advertisements and marketing collateral.
Industrial and Graphic Design Internillinois sustainable technology centerDeveloped numerous product concepts through sketching, prototyping, and modeling for OHare International airport. Consulted and assisted graphic design team to create posters and decals.
10/201305/2015 Champaign, IL
09/2014-05/2015 Champaign, IL
06/201404/2015 Washington, DC
05/201408/2014 Champaign, IL
09/2015Present Boston, MA
07/201509/2015 Boston, MA
BFA in Industrial Designuniversity of illinois, usa
mit institute of design, india20112015
Graduate Level Classes harvard university, usaSustainable Product DesignHuman Factors in Information System DesignSummer 2015
SoftwareSketchApp, Axure, InVision, Zeplin, InDesign, Photoshop, Illustrator, Solidworks, KeyShot, Sketchbook Pro, Premiere Pro, Keynote
MethodologyUI/UX, Wire-framing, Usability Testing, Empathic Modeling, Concept Sketching, Digital Rendering, Rapid Prototyping, Woodworking, Metalworking
industrial design society of americaSenior Mentor08/201305/2015
design for americaIndustrial Design Advisor10/201305/2015
2 | Resume
User Experience Professionals of America (UXPA) Boston Conferencehttp://conference.uxpaboston.org/Annual user experience conference, faciliating talks and collaboration between people in tech, design and business around the Boston area.
MIT Hackathonhttp://hackingmedicine.mit.edu/Weekend hackathon focusing on tackling a white space in the medical industry. Each team was a mix of a designer, engineer, medical professional and business head.
Boston Design Weekhttp://www.bostondesignweek.com/Remotely communicated with clients to develop custom advertisements and marketing collateral.
Think Chicago Tech Conferencehttps://www.chicagoideas.com/special_programs/thinkchicagoTech and design networkorking event for the midwest USA. Encompased talks from prominent heads of companies such as CISCO.
UIUC Incubator Design Weekhttp://researchpark.illinois.edu/enterpriseworksConducting workshops on design thinking with start-ups enrolled at the incubator, and trying to iron out user needs and processes.
Usability Testing Workshophttp://colaburbana.com/Understanding the basics of user testing at companies-how to manage cost and time, making a script, talking to the user and data analytics.
05/2015 Chicago, IL
03/2015 Champaign, IL
03/2016 Boston, MA
10/2014 Champaign, IL
04/2016 Boston, MA
Resume | 3
This portfolio demonstrates my work as a user experience designer at Harvard Business School Publishing, Boston.
Click on each title to navigate to the project
Software for building personalized tests
eReader for viewing business cases online
Self-assessment tool at the end of every reading
Interactives to understand complex concepts
Visual design samples for marketing
HBP TEST BUILDER
PRACTICE QUESTIONS TOOL
4 | Table of Contents
STRATEGY(Defining the problem, Roadmap)
ANALYSIS(Personas, Task Force, Current State)
INTERACTION DESIGN(Sketch, Lo-Fi Wireframes, Prototypes)
VISUAL DESIGN(Mockups, Style Guide)
UI DESIGN(Hi-Fi Prototypes, Spec Documents, Stamdards)
PRODUCT PLANNING(IA, Target State, Moodboards)
MY UX JOURNEY
HBP TEST BUILDERSoftware for building personalized tests
6 | HBP Test Builder
Building a web-based platform for educational professionals, such as professors, teaching assistants and staff to create detailed assessments that can be delivered to students via an LMS (Learning Management System) such as Blackboard, or as a Word document.
Questions in the tool are pulled from a repository of readings and can be further sorted, rearranged, copied and edited. Each assessment or test should be saved for further use.
The tool should have two versions-front facing for professors, and the back-end for staff and developers to add questions into the repository.
Softwares used: Axure for mock-ups, SketchApp for visual design, QuickTime player for user testing.
1. Doing preliminary research by talking to users about the pain points in assessment building.
2. Building personas based on research.3. Creating low and high fidelity wireframes and prototypes.4. Testing with internal and external users.5. Creating a functional spec for developers.6. Creating the visual design along with graphic designers.
HBP Test Builder | 7
STEP 1 - UNDERSTANDING THE USER
The biggest challenge of this project was to get into the minds of the user and understand their needs. After numerous surveys at Harvard, two user personas were created.
8 | HBP Test Builder
STEP 2 - USER FLOW
The next step included creating detailed user flows based on the personas, covering all possible pathways to achieve a single task.
HBP Test Builder | 9
STEP 3 - LOW FIDELITY PROTOTYPING
It was now time to start creating a very basic interface using the information derived from the user flows. This was done using paper, and testing it out with users inside the company.
10 | HBP Test Builder
STEP 4 - TESTING THE PAPER PROTOTYPE
The paper prototype was thoroughly scrutinized by using it under different user scenarios. After receiving feedback, specific pathways through the tool and modifications were made.
HBP Test Builder | 11
STEP 5 - BACKEND DEVELOPMENT
A sitemap was created to enable developers to start creating the basic architecture of the tool to ensure launch deadlines were met.
12 | HBP Test Builder
STEP 6 - WIREFRAMING
Using the results from this back and forth of paper prototypes, wireframes were created. At this stage, focus was given to navigation through the tool.
HBP Test Builder | 13
STEP 7 - TESTING THE WIREFRAMES
A clickable prototype was created using Axure to test out the wireframes with a focus group. Results were then used to improve the wireframes and redesign.
14 | HBP Test Builder
STEP 8 - VISUAL DESIGN
Working with a graphic designer, visual designs were created for each page of the tool, defining interaction states and transitions. The Harvard branding was kept in mind.
HBP Test Builder | 15
STEP 9 - TESTING AT A USABILITY LAB
The tool was developed, and then tested with various real users at a usability lab, using softwares such a Mor and Quicktime.
16 | HBP Test Builder
STEP 10 - TADAA!
After getting user feedback, alterations were made to the software before launching the product at various universities.
HBP Test Builder | 17
18 | Harvard eReader
eReader for viewing business cases online
This reader enables business students at Harvard and other universities to access cases and readings online, and use different functions such as highlighting and annotating, searching through the publication and viewing it offline. To begin, we studied current reader apps such as Amazon Kindle and iBooks to understand pain points.
The main purpose of the reader is to discourage students from distributing documents to students who have not paid for them, and also to discourage the use of paper. The reader can be accessed on any device such as a desktop, tablet or phone, and the sync feature allows the student to sync notes across all devices for easy access.
The entire UX process was followed for building this reader, but only the final design samples have been added to this portfolio.