tithi jasani_ux portfolio

Download Tithi Jasani_UX Portfolio

Post on 13-Apr-2017

163 views

Category:

Documents

2 download

Embed Size (px)

TRANSCRIPT

  • 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

    professional experience

    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

    education

    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

    skills

    uxpa bostonMember08/2015Present

    industrial design society of americaSenior Mentor08/201305/2015

    design for americaIndustrial Design Advisor10/201305/2015

    involvement

    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

    04/2016Boston, MA

    events attended

    Resume | 3

    http://conference.uxpaboston.org/http://hackingmedicine.mit.edu/http://www.bostondesignweek.com/https://www.chicagoideas.com/special_programs/thinkchicagohttp://colaburbana.com/

  • 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

    HARVARD E-READER

    PRACTICE QUESTIONS TOOL

    INTERACTIVE ILLUSTRATIONS

    MARKETING COLLATERAL

    01

    02

    03

    04

    05

    4 | Table of Contents

  • STRATEGY(Defining the problem, Roadmap)

    RESEARCH(Interviews, Observation)

    Project Start

    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

  • THE BRIEF

    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.

    My role:

    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

  • HARVARD E-READER

    18 | Harvard eReader

    eReader for viewing business cases online

  • THE BRIEF

    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.

    Softwares us

Recommended

View more >