UX Portfolio

Featured Work


EdLab Website

The Project:

Design EdLab's new website: The idea is to create more than just a brochure site to one where users can interact with the enormous amount of content that EdLab produces.

The new website was launched in March 2017!

My role:

I was the lead designer on this project and was responsible for the creative execution of this project. I created wireframes, high fidelity prototypes, visual aesthetics and detailed specifications for developers. I worked with a UX researcher and together we ideated and brainstormed, tested the designs on users, and regularly met with the development and management team to showcase the designs.

The Process:

Design 1: Our initial focus and assignment was to simply 're-skin' the old website, and make it look nicer and cleaner. The stakeholders wanted it to be a simple project that looked great. We came up with a re-skinned version of the old EdLab website, which looked great, but felt incomplete and carried over some of the underlying issues of the old website.

First redesign attempt and the old landing page:

EdLab WebsiteEdLab Website


Design 2: As we went down the first path of a simple 're-skin', we realized there were things about the site that didn't work, right from the platform it was on (Drupal) to the CMS to the account system (the site needed its own authentication, separate from EdLab's other network of sites). The copy, information architecture and different sections also needed a refresh. Now that it was established that the site needs more than just a simple new skin, we delved deeper into the site, into EdLab's purpose, into all the apps that EdLab has in its network, and all the content that is produced in those systems.

We felt the site needs to be a central point for everything EdLab, and not just be an 'About Us' site. This lead to the creation of other projects, including the EdLab Global Search project, the EdLab CMS project, integrating EdLab authentication system, etc. The new site is a place to discover our network of apps and all the interesting content that it produces.

New site architecture:

EdLab Website


EdLab Account: We wanted to highlight this as a lot of visitors reach our website trying to create an EdLab account to access our applications.
DO: This section would be an entry point to our network of apps that users can experience, through the EdLab Global Search project.
SHOW: Continuing to give users a taste of EdLab, this would be a section to highlight our recent and upcoming activities and featured content.
TELL: Now that users have tried out what we have to offer and have seen what we can do, we wanted to tell them a little more about us in this section.

New landing page design:

EdLab Website


New blog design:

EdLab Website


Rhizr

The project:

Rhizr strives to create "a learning environment in which the student can learn to restructure the new information and their prior knowledge into new knowledge about the content and to practice using it" - Dean A. McManus

My role:

When I joined the team, the project was almost shelved and needed to be revived. With the help of the UX researcher, I was able to restart the project and design a new version that is now in beta and under going extensive user testing. The next phase of the project will begin soon, where we will analyze all the feedback we have got and fix design issues and other bugs.

Design process summary:

I first started by understanding what the original project idea was and understanding what failed with the interface that was built. I then started my own user research and problem analysis. I created user models and user flows to help guide the design and architecture of the new Rhizr.

User Model - Three Primary Users:

Rhizr User Model


User Flow - Creating a New Rhizr:

Rhizr Create Flow

I then created wireframes that were shown and tested by potential users and other staff members. Based on the feedback I made improvements to the designs. We implemented Rhizr using a Bootstrap framework and using the Meteor JavaScript platform. I contributed extensively to the CSS development.

Wireframe - Viewing a Rhizr:

Rhizr Wireframe


Wireframe - Exploring my library:

Rhizr Create Flow


Empirical UX Design & Research

The company:

Empirical UX, now Amplified by Design, is a design and research agency in Portland, Oregon dedicated to user experience.

My work:

I worked on over 30 projects in various technologies and platforms, including in-vehicle infotainment, Interet of Things, websites and apps. My main clients included Intel, Jaguar Land Rover, and Informatics, among others. All of my work is under strict non-disclosure agreements, so if you'd like to learn more, I'd be happy to talk about it off-line.

I helped define client vision and strategy by exploring future product concepts and usages through research and design. I created role models, task models, personas, user flows, and scenarios to define and bring clarity to user and client needs. I regularly communicated design decisions through detailed wireframes and interaction specifications. Finally, I built prototypes, developed websites, and worked with developers to implement designs.

The following graphic highlights the range of work I did at the agency:

Empirical Work

Simplify Dell.com

The Project:

Simplify Dell.com and enhance the shopping experience for the millions of visitors to the site.

Phase 1: Ideation

Employees team up with members of different project teams and are encouraged to come up with different ideas to change Dell.com. The team I was in worked on the 'Site Simplification' project.

My role:

Brainstorming: We started the design process by brainstorming and analyzing Dell.com for issues. We did heauristic analysis on the site and explored the different categories and why they are as they are (reflecting the internal org structure). We decided to focus on enhancing the actual shopping experience and simplify that flow on Dell.com.

Potential solutions: We decided on a multi pronged approach -

  • Product Consolidation - bring all products under one section and help users find what they are looking for by 'Product Type'.
  • Franchise Branding and Activities - allow users to shop by 'Brands' (such as Latitude or Alienware) or 'Activity'.
  • De-segmentation - remove the confusing segments - 'For Home', 'For Small Business and Office', 'For Medium Business', etc. that were present on Dell.com

Our final design: I created hi-fi prototypes in Axure that were used for the final presentation to the group.

Prototype - Product Consolidation:

Design-a-thon


Phase 2: Testing and Implemtation

The idea that went ahead was the 'desegmentation' one. Dell.com had multiple segments, such as 'For Home', 'For Small Business and Office', 'For Medium Business', etc. that forced customers to self-identify and take one of the confusing paths. We wanted to simplify this.

Screenshot - The old Dell.com:

Dell Fusion - Old

My role:

I helped simplify the product browsing and shopping experience for millions of customers who visit dell.com every month, by reducing the segments on Dell's main homepage from five to two ('For Home' and 'For Work').

Ideation: We came up with three alternate ways of categorization with varying levels of desegmentation.
Option 1. Products [complete desegmentation]
Option 2. For Home, For Work [two main business segments]
Option 3. Home & Home Office, Small & Medium Business, Public & Large Enterprise [partial desegmentation]

Design, Prototyping & Testing: After a design brainstorm, I created hi-fi interactive mockups of these designs in Axure. These three designs were tested against each other and the existing Dell.com segments, with several users of the site.

Results: When I consolidated the findings, the most favored was found to be option 2 (two main business segments). This was partly due to the large volume of highly technical business users who visit Dell.com to purchase specific high end equipment for their companies.

Success:

This was implemented in March 2013 on Dell.com!

* Dell.com has since been updated to option 1 (complete desegmentation).

Read the Dell blog post
Watch the Dell YouTube video

Prototype - New Dell.com:

Dell Fusion - New


'Evolve' Power Outlet

The Project:

As part of the 'Analytical Product Design' course, our challenge was to redesign the standard wall power outlet for today's gadget demands. We came up with a unique, award-winning design.

Our Solution:

Our outlet had features that were in tune with advancements in technology, increased user demand and new user requirements - multiple sockets, usb charging and with an extension cord - built into a standard size gangbox with unobstrusive design.

Final Design - The Evolve Power Outlet:

evolve outlet

My Role:

I was actively involved the research and design steps, including ideation & brainstorming, user research, user interviews, persona generation, comparative analysis, sketching, prototyping, surveys, and user testing. Some of these steps are detailed below.

The Team:

Our team was lucky to have an ideal and diverse set of members - a mechanical engineer (Cole), an electrical engineer (Karthik), a business minor (Dan) and a student of user experience (me).

User Research:

We interviewed several of our friends, classmates and professor about their outlet usage. We observed outlet usage at their homes, dorms and apartments. We then observed usage at more public spaces, like coffee shops and classrooms.

The most common issues our interviewees faced were -
1. Unavailability
2. Outlet in inconvenient location
3. Low number of sockets
4. Lack of USB sockets

Based on our initial user study, we created a couple of personas to guide our design process.

Personas:

evolve outlet

Design Evolution:

evolve outlet

Final Design and Success:

The evolve outlet was displayed at the Design Expo at University of Michigan and won the Best Project Award as voted by peers. The project was also displayed at UMSI's expoSItion '13 and we got an honorable mention under the overall best project category.

evolve outlet

  • EdLab

    EdLab Website

    Web Design

  • Dell Segments

    Simplify Dell.com

    Information Architecture

  • Empirical UX

    Empirical UX

    User Experience Design

  • Rhizr

    Rhizr

    Web App Design

  • Evolve Outlet

    Evolve Outlet Design

    Product Design

Other UX and UI Projects


EdLab Projects

The company:

EdLab is an education technology innovation center at Teachers College, Columbia University. EdLab explores the future of learning in an increasingly digital and connected world.

My role:

I work with a group of educators and technologists to help design and develop projects in the learning and education sector. I am also working on redesigning and modernizing several legacy applications.

I was instrumental in bringing a user first, iterative design and development process to the EdLab development team. Apart from my UX work, I also do front-end and CSS development to support the dev team.

My work:

Completed Projects:

Learning Theater Website: A site to create/manage/RSVP for events and to showcase this new high-tech space at Teachers College, Columbia University.

Learning Theater iOS App: An app to check-in RSVPed users, before they enter the Learning Theater for any event.

Teachers College Library Payments System: A new site that streamlined the process of paying fines, making donations and requesting services from the library.

Current Projects:

Redesign EdLab's legacy website. Coming soon in the first quarter of 2017!

EdLab Global Search: A new search system using Elasticsearch that searches across our network of applications. Coming soon in the second quarter of 2017!

Rhizr [beta]: Rhizr is an open education project that connects people to ideas to create an ever-growing network of knowledge and creativity. We have collected a lot of feedback from the beta version and will be working on this again in the third quarter of 2017.

Redesign Vialogues: Vialogues (which derives from "video dialogues") is an award-winning video discussion platform. We redesigned and updated the player in 2016 and will update the entire site later this year.

My EdLab [beta]: Consolidating all EdLab projects under a single sign-on account system.

Dell Pattern Library

The Project:

The Dell Global Site Design Team has a modular design library consisting of a number of parts and templates that can be rearranged almost infinitely to build any desired webpage. These need to be updated / refreshed / maintained regularly to keep up new requirements, demands and progress in technology.

1. Update 'File Uploader' Pattern

This pattern was inadequte, as its' current design only dealt with a single file upload and had limited functionality.

My Role:

I was responsible for updating the original 'single file upload pattern' to include multiple files. I also added new interactions like drag-and-drop; having selected files show file size; separate lists for showing selected and uploading files, uploaded files, and upload errors.

I had to work closely with members of different teams including UX architects, account managers, visual designers and the UI framework development team.

Preview of the File Upload Pattern:

File Upload Pattern for Dell Design Library


2. Update 'Pagination' Pattern

The Pagination pattern was outdated and needed a refresh and a responsive design.

My role:

I was responsible for completely revamping the older navigation pattern and defining new interactions and rules, including localization, and also made it a responsive pattern. This was Dell Design Library's first responsive design pattern.

I had to work closely with members of different teams including UX architects, account managers, visual designers and the UI framework development team.

Preview of the Pagination Pattern:

Pagination Pattern for Dell Design Library

Learning Theater Event Management / RSVP / Checkin System

The Smith Learning Theater:

Nestled within the gothic walls of the Gottesman Libraries at Teachers College is an unexpected venue that combines leading-edge design, technology, and service to deliver unforgettable learning events.

The project:

Design a new responsive website for the Learning Theater to showcase the space and upcoming events that attendees can RSVP to. The site also needs an interface to schedule and manage events. Finally design an app that can be used to check-in attendees at the entrance to an event.

Homepage showing upcoming events:

Learning Theater Website


My role:

I worked with stakeholders and designed the Learning Theater responsive website and check-in app. I also helped in the development process by working on the CSS files.

Design process summary:

The project started with meetings with the stakeholders to determine their requirements and goals for the project. I also did some comparative analysis and used some low fidelity wireframes to get early feedback and direction. I then worked with the UX researcher and dev team to iteratively design high fidelity wireframes using Sketch and Illustrator. I prototyped this on Invision to get further feedback. I also worked with the developers in implementing the designs.

Creating a new event:

Learning Theater Website


Create "UX" Personas for Dell

The project:

The user experience and development teams at Dell were using personas created by Marketing. These personas were not ideal for use by the UX and development teams. As such, they wanted to create new personas and map the end-to-end user journey with a product from research to purchase and beyond.

My role:

Ideation & Goal-setting: I was involved in the initial brainstorming phase of the project to determine project objectives, analyze existing personas and determine short-comings.

Interviews: I helped plan the interviews, prepare interview questions, recruit users and then conducted interviews with users from the 'consumer' segment.

Interpretation and Affinity Diagram: The interviews were followed by interpretation sessions where we broke down the interview notes and created affinity notes and consolidated them into an affinity diagram/wall. Once we created the initial affinity wall, we had walk-through sessions with other members of the UX team, and refined the affinity diagram.

Conclusion:

The project was a longer term project than my internship duration, and continued through more phases after me, towards generation of the new personas.

Affinity wall in-progress:

Pangaea

ReadUp: Analyze Reading Behavior

The Project:

Design a system that helps users track their reading activity and motivates them to change their behavior. The system collects data about user's reading habits and mood while reading books, and uses that information to suggest better suited and diverse books.

The system is designed to help users answer the following questions -

  • How is my reading affecting my mood?
  • How do I find and explore books from more diverse genres that suit me?

The Wearable Band - Track mood while reading:

ReadUp

ReadUp

The wearable idea did not work out well in usability tests. We found that having two systems to interact with - the iPhone app to enter book details and the wearable band - for every book reading was not liked by the users. We finally ended up with only the iPhone app, without the option of collecting pulse and other data through a wearable band.

Motivation and Behavior Change:

  • Directing the Rider
    • Badges
    • Coupons
    • Quests
  • Motivating the Elephant
    • Dusty books
    • Diversity of books
    • Getting ahead / social pressure and influence
  • Shaping the Path
    • Quests
    • Book recommendations
    • Reading groups

Design Deliverables:

Click here to launch the final prototype.

Hi-Fi Prototype:

ReadUpReadUpReadUp

Wireframes created in Balsamiq:

ReadUpReadUpReadUp

The Margaret Sanger Papers Project

The project:

I volunteered my time over Spring Break 2012 to work with with Dr. Cathy Moran Hajo, Associate Editor and Assistant Director and the Department of History, New York University to redesign their outdated project website.

My role:

Evaluation & Redesign: I worked with the department to evaluate the existing (aging) project website and suggested design changes. We got to hear feedback from people in the project and in NYU who use the site.

We analyzed the sitemap, created an interaction map and reworked the information architecture and wireframed some designs for the team.

Web Development: Later, in the Summer of 2013, I worked with an intern at NYU to implement the design and recommendations. The new website is up and running and I help run periodic maintenance on it.

MSPP

Data Capture Tools For Clinicians

The project:

Design, develop and evaluate a set of web-based tools for clinicians in the Paediatrics-Cardiology team to capture research data as part of their day-to-day patient care practice.

The team members were using several outdated and manual tools and processes, like Microsoft Excel and Access database. There was no centralized solution that could easily be queried and analyzed.

The goal was to create a new system that simplifies the data collection methods of the doctors, nurses and staff at the hospital.

My role:

Research: The first step was to develop an understanding of the current processes and systems being used. I was involved in several contextual user interviews and observations with doctors and nurses that resulted in a detailed understanding of the uses and limitations of their disparate existing systems and data collection methods.

Design: We then created wire-frames and interactive mockups using LucidChart, to show the clients the proposed interface and functionality. This was refined over several iterations as we got feedback from the users and also when additional requirements came up.

Development: I was then involved with the initial development of the actual tool using HTML, CSS, JavaScript and JQuery for the front end. We used an Oracle database in the back end.

Mockups built using LucidChart (Getting Pregnancy Data):

Mott

Mockups built using LucidChart (Getting Baby Data):

Mott

VizGit: Visualizing Git Version Control

The Project:

Design a system that helps users visualize the activities on a source control system. Users should see a visual representation of the 'branches' and 'check-ins' and other development activity and get required information that will help in their development or project management activities.

Design Process:

vizgit

Ideation: As a software engineer, I've interacted with various version control systems and haven't had very good experiences with any of them. It is not easy to determine the overall status and structure of the branches and activity. It is also not easy to see who is working on what parts of the code, identify inactive code, visualize metrics, etc.

Lo-Fi Paper Prototypes: From the wireframes and sketches, I created lo-fi paper prototypes that were quickly tested on several users. This process helped highlight several things that worked well and didn't work very well and helped me to refine the designs.

Medium-Fi Prototype: Finally, using Adobe Illustrator, Photoshop and Invision App, I created a medium fidelity prototype for next round of testing.

Click here to launch the prototype

vizgit

Skylight: Employee Travel Education

The Project:

Design a system that would enable expatriates to successfully transition to and acclimatize in their new environment.

"A business-centered and socially-driven system that allows employees within a corporation to form learning niches with respect to cultural assimilation and logistical pain points."

  • Cultural norms, e.g. Language, religion, food, customs
  • Logistical tasks, e.g. Filling out required documents, opening bank account

Target Users: Employees who travel abroad for professional purposes for mid- to long-term (1+ years) assignments.

Scenario: Joe has to travel to India on work and has a bunch of questions on his mind.

  • "What do I have to do before departure?"
  • "What do I fill in all these forms??"
  • "How do I say hello in 'Indian'?"
  • "What is the local currency again?"
  • "I need help!!"

Prototype: Mid-Fi Prototype created in Axure.

Skylight Home
Main Flow

Skylight Forms and Logistics
Forms and Logistics Flow

Skylight Pre-Departure Culture
Pre-Departure Culture Flow

Skylight Post-Departure Culture
Post-Departure Culture Flow

Paired Peer Online Learning

Introduction:

There are many ways of learning online: through forums, blogs, wikis, tutorials, online courses, etc. These fall very broadly into two categories - self-learning by browsing around on the Internet and ordered-learning through online courses. The online courses are structured and based on a schedule and do not offer high levels of customization, whereas individually going through search results, forums and blogs can be intimidating for some; both situations can lead to motivation issues for the learner.

We propose an online social learning system, 'PeerPairs', which will bring people together in pairs to learn and share knowledge on topics that interest them in a collaborative workspace. In the collaborative workspace, the pair can set goals and activities for each goal; decide on a schedule; import readings, videos and other resources and work their way through learning the topic together.

Introductory Video [YouTube Link]

Design Process:

Peer Pairs

Literature Research and Comparative Analysis: Peer learning is an effective form of learning and that working with a peer can provide sufficient motivation, provided certain criteria are met, like peer feedback and schedules.

Personas: The PeerPairs user is potentially anybody who has access to the Internet and wants to learn something and probably has not found great success with self-exploration of content on the Internet by either getting overwhelmed with information available online or is not sure how to navigate and structure all that information into an effective study program. The user could also potentially be someone who is not motivated enough to learn alone. According to Benware and Deci, "subjects who learned in order to teach were more intrinsically motivated," therefore our target users could also be those that have knowledge and are willing to share it, or those that would like to learn while teaching.

Lo Fi

Lo-Fi Prototypes: Early rapid lo-fi prototypes. Tested on users to get a sense of our design direction and ideas.

Lo Fi

Lo Fi

Lo Fi

User Flows: We detailed all the flows through the system.

Lo Fi

Flow

Hi-Fi Prototypes: Some screenshots from our final hi-fi prototypes are shown below.

Hi Fi

Hi Fi

Hi Fi

More details can be found at the project website.

Here I Am: Draw navigation lines on a virtual map

Designed a Windows Phone app to draw directions on maps to share with a friend to give quick and simple directions from one location to the other. This app was designed with two other students during an all-day Microsoft Hackathon challenge on campus at Michigan.

hereiam1

Hifi Prototypes of the "Here I Am" Windows Phone app

hereiam2

Eventbook: Facebook events around me

Designed a Web app + a Windows Phone app to show a user various public and private (invited) Facebook events around the user on a map. The user will also be able to see directions to the venue, along with other details of the event. This app was designed with two other students during a 24-hour Facebook Hackathon challenge on campus at Michigan.

eventbook

Hifi Prototypes of Event Book

teledraw.com

Teledraw

The project:

We evaluated the usability, usefulness, and acceptability of the online game 'Teledraw' using several UX evaluation methods, including interaction maps, heuristic analysis, surveys, comparative analysis and usability tests.

Project Deliverables:

Teledraw

Interaction Map:

We started by mapping out all the interactions in the game, both in the online version and the iPhone app version.

Teledraw

User Interviews:

The goal was to understand gamers. Our target population included young people, between the ages of 10-35, who enjoy playing any type of game on any device, including laptops/desktops, consoles and smartphone/portable devices.

Personas and Scenarios:

Based on our user interviews, we created three personas, one of which is shown below. The user interviews, personas and scenarios report can be viewed here [PDF]

Teledraw_Persona

Comparative Analysis:

We analyzed competing products and site and got following insights to benefit Teledraw.

  • Increase social presence and promotion on major gaming sites
  • Expansion of the "Channels" feature
  • Teledraw is impacted by insufficient help and tutorial offerings
  • The Teledraw website and mobile application would benefit from integrated accounts and gameplay between both platforms
  • Redesign its rating and commenting systems
  • Expand the variety of available gameplay options by adding different game modes
  • Teledraw's drawing interface has the most sophisticated control and widest variety of available features

Read the complete Comparitive Analysis report [PDF]

Heuristic Evaluation:

We used Jakob Nielsen's 10 usability heuristics.

  • Visibility - Sometimes nothing is visible on the Top Rated page, which makes it appear there is no to little activity on the site.
  • User Control and Freedom - If a user already has a Teledraw account but, for whatever reason, chooses to play as a guest, there is no way for them to log in to their existing account without a browser reset since the only option available is registration. No "Log In" feature is present for those playing as guests.
  • Consistency and Standards - It is almost impossible to distinguish between the logged-in home page and the profile page.
  • Help and Documentation - Users without previous experience are given no resources for improving their skills. In addition, the current set of textual gameplay instructions provided are inefficient and difficult for users to skim for relevant information.

Read the complete Heuristic Evaluation report [PDF]

Survey:

An online survey targeted at current users was distributed via the Teledraw website as well as on its social networking pages. Our research questions were as follows:

  • What would make Teledraw's existing gameplay a better, more involved experience for users? What changes would users like to see?
  • How do current users usually play the game and interact with each other on the site?
  • How satisfied are users with the current version of Teledraw? What are the unique aspects of Teledraw that make it most appealing?

A highlight of some of our highest priority findings follows:



  • The greatest proportion of respondents found out about Teledraw from word of mouth.
  • Approximately two-thirds of respondents currently play with friends or would like to.
  • The majority of Teledraw respondents have not used the mobile application.
  • Of the 8 respondents who had tried the mobile app, 7 said it was worse than the online game, citing reasons such as the "poor drawing interface" and "terrible" pictures.
  • With 15 respondents "unlikely" or "somewhat unlikely" and 13 respondents "undecided" on whether they would be interested in purchasing Teledraw merchandise featuring user drawings and descriptions, it may not be a profitable undertaking to develop merchandise without a substantial promotional effort.

Read the complete Survey Report [PDF]

Usability Testing:

Our team conducted usability tests to evaluate Teledraw.com by testing the site and gameplay on a total of five users, two of whom had previously played the game and three who had not. We were thus able to observe reactions from new and experienced users.


A highlight of some of our highest priority findings follows:

  • The Thread Viewer's purpose and functionality was a source of confusion for all test users, prompting descriptions such as "confusing" and "unclear".
  • Test users had difficulty locating their recent submissions on Teledraw.
  • The drawing interfaces for the main game and avatar creation system have some technical and usability problems that must be addressed.

Read the complete Usability Testing report [PDF]

Also see our Final Presentation [PPTX] to the client.

Instagram

The project:

In this Information Architecture project, we evaluated the Instagram app's user experience, created an empathy map, did a heuristic analysis, evaluated credibility, conducted usability tests and presented our findings and suggested design ideas for improving the information architecture.

Our final presentation was much appreciated, as we presented it on Instagram, by uploading the slides of the presentation to Instagram. Following is a tweet from our professor, Dan Klyn

@danklyn: follow #si658final on instagram - my students are presenting their semester report on instagram. on instagram. #recursive #awesome #si658

My role:

This was a group project with 6 team members, including me. The work was divided amongst all team members, with everyone contributing to the overall success of the project.

instagram report

thesixtyone.com

thesixtyone.com

Analyzing the experience and design of the music streaming site, thesixtyone.com, using the following parameters:

  • Human visual perception capabilities, to analyze how well the design works or doesn't work with the principles of human visual perception, including Gestalt principles and peripheral vision.
  • Design Principles, to analyze how the site matches up to Don Norman's principles to design a usable and understandable system.
  • Experience, to reflect on my experience of listening to music on the site and identifying the four threads that McCarthy and Wright use to analyze an experience - Sensual, Emotional, Compositional, and Spatio-Temporal.

Read the final paper.

Interfaith Hospitality Network at Alpha House

The project:

The Interfaith Hospitality Network's Alpha House wanted to make better use of information, technology and resources to improve reporting, work processes, culture and increase fund-raising opportunities.

SI501

My role:

I was the Project Manager for the project and responsible for time keeping, work assignments, meeting schedules, progress tracking, etc.

SI501

The process:

  • 1. We came up with a draft project plan and a communication covenant after analyzing the requirements.
  • 2. We then met with the client, Interfaith Hospitality Network at Alpha House, and learned about the organization, the staff members, the issues they are facing and what our objectives and expectations should be.
  • 3. Once we had figured out whom to interview and what we should focus on, we came up with the interview questions and protocol [PDF].
  • 4. We conducted 6 interviews and after every interview, we had interpretation sessions and created affinity notes and physical, communication, cultural and sequence models.
  • 5. All the individual models were consolidated to create the consolidated models.
  • 6. The affinity notes from the various interviews were consolidated and we created an affinity diagram. The affinity diagrams were analyzed in 'walkthrough' sessions
  • 7. Finally, we analyzed the interview notes, consolidated models, affinity diagrams and affinity wall walkthrough session notes, and looked for holes and problems and collected and organized findings.
  • 8. Through a series of brainstorming sessions, we discussed the findings and came up with a list possible recommendations, expected benefits of these recommendations, and shortlisted the final recommendations.
  • 9. The final report [PDF] was then presented to the client.

SI501
SI501

Buttercup Affairs

The project:

Creating an identity, including logo and brochure for a cupcake shop.

Buttercup Affairs

Dell Services

Professional software engineer experience:

Dell Healthcare Solutions Development Team

June 2009 - July 2011

  • Providing technology solutions for several health care clients in the USA.
  • Responsibilities: team management; requirements gathering; design; critical decision making; development; enhancements; documentation; configuration management; application life cycle management; etc.
  • Technologies: Microsoft .NET, C#, Team Foundation Server, C++, SQL Server, Windows Powershell, NANT, CruiseControl.NET, Subversion.

June 2008 to June 2009

  • Responsibilities: Workflow design; creating high level design document based on the requirements; estimation; development of new functionalities; enhancements; developing SQL scripts.
  • Technologies - C#, SQL Server, ASP.NET, HTML, CSS, JavaScript.

January 2008 to June 2008

  • Responsibilities: Complete ownership of new project; understanding business requirements; gathering requirements, creating system requirements specification (SRS) document; creating high level design documents based on the requirements; resource management; application development; creating test cases and conducting unit tests.
  • Technologies: Visual Basic, Active Directory (AD), Lightweight Directory Access Protocol (LDAP.)

July 2007 to December 2007

  • Responsibilities: Design and development of a web based application for a children's hospital.
  • Technologies: HTML, CSS, JavaScript.

January 2007 to June 2007

  • Responsibilities: Development of new workflow application for online approval of contracts and billing for a hospital; development of SQL scripts and stored procedures; enhancements and defect fixes of existing modules.
  • Technologies: ASP.NET, C#, ADO.NET, SQL Server 2000.

Mortgage Solutions Development Team

October 2005 to December 2006

  • Responsibilities: Development of new applications to manage mortgage processing; enhancements and defect fixes of existing applications; mortgage workflow design; production support.
  • Technologies: VC++, Java, JSP, TIBCO Integration Manager, Oracle and Sybase.

Travel Solutions Development Team

February 2005 to May 2005

  • Responsibilities: Assisting in the design, development and testing of the user interface (UI) of an application being migrated from Visual Basic platform to Microsoft .NET technologies.
  • Technologies: ASP.NET, C#, ADO.NET, SQL Server 2000, Visual Basic 6.

Student Organization for Computer-Human Interaction

Executive Officer 2012-2013

University of Michigan ACM Student SIGCHI, Ann Arbor. Chartered Student Chapter.
I organize UX research / design jams, bring companies and students together through info-sessions and other HCI related activities.
SOCHI website

School of Information Masters' Association

Student Liaison 2012-2013

Maintain communication with students and student groups, including coordinating schedules and events.
Represent current students at the alumni association annual meeting and maintain relationship with the alumni committee.
SIMA website

World IA Day 2013

WIAD

I was one of the lead local coordinators of the World IA Day 2013, Ann Arbor

Responsibilities included: Event planning; fundraising; treasurer; local coordinator.

Statistics

Our research team investigated the relationship between temperature and crime on the University of Michigan campus. Using mean daily temperature and the University of Michigan police department’s daily incident reports from 2008 to 2010, we ran four tests. The first two measured the relationship between the number of crimes (both total and by type) and the mean daily temperature. The third tested whether the proportion of crimes changed between 2008 and 2009 and between 2008 and 2010. The fourth tested whether the distribution of crimes was the same for different temperature levels. In conclusion, we did not find a relationship between the number of crimes and temperature, though we did find that the distribution of crimes varied by year and by temperature.
Click on for the final report [pdf] and presentation [pdf].

  • Learning Theater

    Learning Theater

    Web Design

  • Dell

    Dell.com Pattern Library

    Interaction Design

  • Dell

    Dell.com Personas

    Persona Journey Mapping

  • EdLab

    EdLab Projects

    UI/UX

  • Personal Informatics

    ReadUp
    Changing Behavior

    iPhone App Design

  • MSPP

    The Margaret Sanger
    Papers Project Site

    Web Design

  • C.S.Mott

    Data Capture Tools
    For Clinicans

    UI Design

  • VizGit

    VizGit
    Visualizing GitHub

    Conceptual Design

  • Software Design for Learning

    Skylight
    Travel Education

    Conceptual Design

  • PeerPairs

    Paired Learning App

    Social Network Design

  • Here I Am

    Here I Am
    Map Lines

    Windows Mobile App Design

  • Event Book

    Event Book

    Mobile App Design

  • Teledraw

    Teledraw.com

    Usability Testing

  • Instagram

    Instagram

    Heuristic Evaluation

  • thesixtyone

    thesixtyone.com

    User Experience Evaluation

  • Alpha House

    Alpha House

    Contextual Inquiry

  • Buttercup Affairs

    Buttercup Affairs

    Identity and Logo Design

  • Dell Services

    Dell Services

    Software/Web Development

  • sochi

    Executive Officer

    Student Organization for
    Computer Human Interaction
    ACM SIG-CHI Student Chapter

  • sima

    Student Liasion

    School of Information
    Master's Association

  • WIAD

    World IA Day 2013

    Local Event Coordinator
    Information Architecture Event

  • Statistics

    Crime in Ann Arbor

    Statistics Project
    Data Analysis

About Me


I am an avid user experience designer and front end developer. I have a wide set of skills in user experience design, interaction design, information architecture, usability and web UI development.

I am currently working as a UX Designer / UI Developer at EdLab an education technology research, design and development unit at The Gottesman Libraries in Teachers College, Columbia University, New York City. Previously, I was a User Experience Designer & Prototype Developer at Empirical UX, renamed Amplified By Design, an agency based in Portland, Oregon.

I got a Masters degree in Human-Computer Interaction from the University of Michigan School of Information. I did my Bachelor of Engineering in Computer Science in India and worked as a Software Developer, for more than six years, designing and developing health care web-applications at Dell Services, before moving on to pursue my Masters degree and a career in user experience design.

Get In Touch


Mail: sabarishraghupathy at gmail dot com
Mobile: (832) 794-3422
Resume: Download

You can also find me on LinkedIn and follow my personal Twitter account @sabarish.

LinkedIn Recommendations



...He's got an eye for design, the skills to program, and an educated perspective that brings it all together to create elegant and successful user experiences. Add to that his genuinely good nature and sense of humor and you have one awesome colleague!

- Emily Bowman, UX Designer, Empirical UX Design & Research


I very much enjoyed working with Sabarish because of his helpful guidance and always friendly attitude. He was the lead designer while we were working on redesigning Edlab's website. He always expressed himself clearly and eloquently about what he needed from me as his main visual designer. He would always suggest interesting visual solutions and reference important work. I always felt comfortable expressing my ideas to him and he would always suggest positive and constructive changes to make the work stronger. I would be happy to work with him again as I imagine anyone would.

- Isabella Cruz-Chong, Visual Designer, EdLab


Sabarish was the UX intern for our group, Global Site Design. In that capacity, he was handed projects and assignments that seasoned UX architects feared and loathed. Sabarish handled all of it with good humor and with the professionalism of a seasoned veteran. He was easy to work with, always open to new ideas, and got the job done. What more could you ask for?

- Mary Lan, UX Design Lead, Dell Global Site Design


Sabarish has earned the respect of his colleagues on the Software Development team and across the board at the EdLab, through his hard work, his strong collaboration and leadership skills, and his willingness to always go the extra mile to help others around him...

- Christopher Gu, Director, EdLab


...Aside from being really good at what he does, Sabarish is the kind of person everyone wants to have as a coworker. He is genial, reliable, helpful, knowledgeable about technology, humble, inclusive, and always optimistic. I'm privileged to have worked with him and glad to call him a peer. I cannot imagine anyone who wouldn't say the same.

- Amy Santee, UX Researcher, Empirical UX Design & Research