I like to design, develop and build products
Passionate about creating innovative user experiences that result in customer delight and help in achieving business goals
Pursuing Information Management at the University of Washington with a specialization in User Experience Design
Three years of software development experience in agile product development and data analytics at Nomura Holdings (a Japanese investment bank)
Bachelor of Technology degree in Computer Engineering from National Institute of Technology Karnataka, Surathkal, India
My 4 hour design challenge
As a part of an interview, I was given a design challenge. I had to complete the design in a period of 4 hours. This was my first design project without any team work.
Design an experience that will assist the user upload documents and perform othre document-related operations. The experience should be accessible on the user's phone, tablet or desktop computer.
I completed the design in 4 hours & took around 75 minutes to document my design in the form of a presentation.DEFINE
Firstly, I started off by defining the problem statement, defining the actors and understanding the sector-related terminologies. Due to limited time, I could not perform user research on the challenge. I immediately came up with a goal - Upload documents and perform document related operations.IDEATION
After coming up with a goal, I sketched out the different operations performed by the user. Based on the requirements, I performed a competitive analysis on Google Drive, Dropbox and OneDrive to understand the differences in document upload process.WIREFRAMES
Based on the results from competitive analysis, I created mobile wireframes for the design. I followed a mobile-first approach as a part of my design challenge. I also sketched out interactions between the screens for the wireframes. I used the same design for the tablet view. Post this, I sketched the wireframe for the desktop computer. This was slightly tricky as I had followed a swipe animation for the "delete" operation. To include this into the desktop, I had included a delete button into the desktop view.PROTOTYPE
Based on the wireframes, I created the final prototypes. This was done using Axure. Here are some of the key points of my prototypes.
Zillow and UW "Hack Housing: Empowering Smarter Decisions" – A Weekend Hackathon Contest
A version of Zillow optimized for the needs of people who use wheelchairs to get around.
This was built as a part of "Hack Housing" - Seattle's largest open data hackathon held from 6th Feb - 8th Feb 2015. Our team was awarded the third prize among 30 teams with more than 200 developers and designers. The event has been covered at Geekwire, Zillow News, HCDE News and across Twitter and Facebook.
Currently, to find accessible housing there is only one check box generally marked “accessible”. There is no way for the users to search for housing by specific requirements such as roll-in showers, knee-clearance under counter tops, and ramped entry.
I was involved with the user-research and overall interaction of the system. Apart from this, I also acted as a bridge between the designers and developers and came up with a set of tasks for the developers. Eventually, I ended up working as a Developer (both back-end and front-end) to complete the website.
We started by doing research to understand the current pain points of people in wheelchairs and the resources available to them for finding houses. We read through housing and disability acts, ADA compliances and other rules and regulations to understand the issues better and brainstorm based on our findings.IDEATE
Next, we created our persona Sara - a 45 year old female service worker who needs a system that will help her find her desired home. This was followed by affinity diagramming to build a design and come up with the filters needed for people looking for accessible housing.PROTOTYPING
After having narrowed down on 19 set of features, we began to sketch out our ideas. We started with rough sketches and basic prototypes. We iterated over those to finally come up with the high fidelity one made in Powerpoint
This was an initiative to call attention to the needs of people with ambulatory disabilities. We wanted to encourage property owners to list accessibility information and increase transparency by introducing Zillow Wheeler.
Completing a hackathon is not an easy feat, let alone winning. I came in as a Designer for the hackathon, but ended up playing a part in the entire process from ideation to implementation. In reterospect, we could have reduced the number of accessibility filters we provided for search. We had too many, and as a result, it could confuse users. Overall, it was a very exciting and high intensity learning experience. I look forward in taking part in more hackathons in the future!
Microsoft Imagine Cup - World Citizenship Path [User Experience Challenge]
As a group of UX enthusiasts, my team and I came up with an idea of designing an app that provides information about clinics and hospitals within a specific vicinity. The most outstanding feature of this app is its handiness in the absence of network service. It aims at assisting a user during a medical emergency, when he/she looks for the nearest hospital in a new place.
This app was designed for the Microsoft Imagine Cup competition of User Experience Designers, under the World Citizenship Challenge. Our team was given an Honorable Mention as a part of the Microsoft Imagine Cup.
This app has two features. A) Find a clinic, B) Call a local emergency number.
Before a user travels to a new location (which is totally foreign to him/her), this app helps the user to download a citymap of the new location. In doing so, the user gets a detailed list of clinics and hospitals in the city with their address and other contact details. In the case of network availability, the app provides this list in terms of the distance from the user's current location. In case of no carrier service availability, the distance is not made available.
Before starting out with the actual deliverables, we as a team brainstormed several possibilities and ideas. As we were taking part in the World Citizenship Day competition, we had to come up with an app that is of social importance. The idea about having emergency contacts while travelling was unique. There are very few apps (or almost none) in the marketplace that provide these functionalities. The main USP of this app is the Offline Access. We highlighted the importance of this feature due to limited availability of Wifi hotspots during international travel.
Once we had completed the white boarding, we then looked at creating the various interaction points of the mobile app. As the basic interactions were already white-boarded, we simply had to digitize this process. This IA diagram was created using Visio.
In this step, we looked at all use cases involved in the functionality of the mobile app. We also took into considerations various boundary conditions that could be faced. The user flow diagram was made in Pixlr.
We created 2 wireframes as a part of the competition. This included the Home screen, and the lowest screen. We created the wireframes using Axure.
In the last step, we created 3 high-fidelity prototypes of the mobile app. In this phase, we looked at the coloring and the typography of the app. As our app was catered to audience of all ages, our coloring styles were a mix of Teal, White and Black for better readibility of the app. With regards to the typography, we decided to go with the Sans family. We decided to choose this font as our design is minimalistic & modern. This was done in Axure.
This app was created to help people who are faced with a crisis in a foriegn land. It aims to put them in touch with the right local authorities.
Analyst Software Developer, Nomura Services India Pvt Ltd
Designed and developed an automation tool that helped in automatically appending disclosures and disclaimers to equity research reports published for various companies. (Platforms used: Java, Sybase)
Designed and developed an application that distributes equity research data to external clients and data aggregators such as Bloomberg and Reuters. (Platforms used: Java, Business Objects, Oracle PL/SQL)
Worked on a Workflow Management application used by Equity and Fixed Income Research Teams at Nomura. (Platforms used: Java, JSP, Alfresco, MS SQL Server)
Generated charts on a daily basis to show the stock ratings and target prices of companies based on research data. (Platforms used: Java, Oracle PL/SQL)
Developed a platform using Jenkins – a continuous integration server, which helped perform automated builds for several projects at Nomura.
Information Structures using XML, University of Washington
In the class of “Information Structure using XML”, I designed and developed a website using XML, XSD and XSLT transformations. The purpose of the website was to develop a e-commerce website that aims at selling different kinds of watches based of price, brand and gender.
Information type: Watches
Competitive analysis performed against: Amazon, Zappos, and Nordstrom
This was done by understanding the full view item page of each information type (i.e. watches) and listing down the parts of the item for that particular page. Post this, I compiled all the findings and collated a list of information items that were best suited to my website.
As a part of this analysis, I also performed a study on how navigation is performed on the respective websites and what types of access structures do the companies emphasize on that is best suited to their style of navigation.
Based on the results from the competitive analysis, I decided to create a watch schema that consists of 6 attributes and 10 elements for each watch. Apart from this, I also created a schema to include block and inline HTML tags, various access structures (hierarchy, association, index and sequence) and citations.
Full view web page and partial view web page wireframes were created along with the 4 access structures for each page.
The transformation file was created to generate the following HTML files along with appropriate styles:
Information Architecture, University of Washington
In the class of “Information Architecture”, me and my group designed and developed a web application using WordPress that aims at promoting activity-based tourism, instead of conventional tourism. This project was aimed at inculcating the concepts of Information Architecture and User Experience.(Visit website)
Our aim is to create an activity based tourism website for 30-50 age group with no kids. Any such attempt must appeal to the financial and social independence of our audience. Our goal is to make employed couples with no kids (Dual Income No Kids) reconsider
Taxonomy has been created for the website and includes the following:
The three final wireframes for home screen (mobile and desktop), and a lower page (description screen) have been created using mockingbird.
We have included search functionality covering ‘word search’ and ‘category + tag’ search. In phase 2, we also intend to include an option to refine the search by providing a custom map on the left side based on the search results displayed. This will allow the user understand the content and categorization on our website.
There are four search strategies for our application:
Navigating Design in Organizations, University of Washington
MyGym is a mobile app that lets gym members reserve equipment for their workout before they get to the gym. Gym managers can manage gym flow and more easily maintain gym equipment. Project for Business of UX course to design for mobile app and dashboard for reserving gym equipment using best business practices.
Have you ever gone to the gym after work and had to deal with the crazy masses of people trying to get fit? All you want to do is run on the treadmill—but they’re all taken. You have to wait!
Stop waiting for your turn at the gym! Reserve gym equipment anytime, avoid gym peak times and make gym time your time with MyGym.
Based on the elevator pitch, we came up with a business model for MyGtm
We came up with a set of 15 features for the mobile and dashboard app. Based on the features, we prioritized them into order of high, medium and low. We have listed down some of the highest priority features.
After coming up with the feature list, we sketched out the different operations performed by the gym users and management.
Based on brainstorming the sketches, each member of the team came up with preliminary wireframes for MyGym.PRELIMINARY WIREFRAME FEEDBACK
We received a lot of feedback from our clients regarding the gym member app. One feedback was to allow gym members to select prefered date for reservation.
Our client wanted to apply more visuals to the reservation process. They also wanted to have the ability to select a particular machine.
The last feedback was to provide image and details for specific machines.
Based on the feedbacks we received from the clients, we came up with a secondary version of wireframes for MyGym.
Gym Management Dashboard
From our final set of 15 features, we came up with budget estimation for MyGym.
|Project Details||Estimated Hours||Estimated Cost|
|Visual Design Reviews||7.5||$1,312.50|
|Unique Page Designs||24||$4,200.00|
|Project Size Factor||30||$5,250.00|
Protohack - Design Hackathon
Recall is a mobile application used by busy working professionals to keep track of important everyday conversations. This was built as a part of "ProtoHack" - design hackathon held on March 21 2015.
The amount of information we consume is increasing every day and the idea of information overload is one that is commonly banded about. We cannot keep track of all our events. It’s hard for us as humans and it can be difficult to stop feeling like we’re missing out on something important.
I was involved with the user-research, user flows, overall interaction of the system and the final presentation of the content.
We started by interviewing people at the hackathon about the various problems they face while having phone conversations. We also asked them ways they keep notes of the conversation or anything important. Based on the observations, we created an Affinity Diagram and categorized the observations into 3 categories - conversations, self/personal and group discussions.IDEATE
Based on our the Affinity Diagram, we moved to the explorer phase where we brainstormed various ideas. Using the concept of divergence and convergence, we narrowed down our focus to how this problem can be solved from phone coversations. We are designing a mobile app as the conversations are over phone. Recall, the app we prototyped, automatically transcribes phone calls and saves important snippets of these conversations. These snippets can then be easily searched and saved as notes.PROTOTYPING
Based on the observations, goals and paper wireframes, we created prototypes for the app.
Some of the notable features of the app include:
Material Design (Work in Progress)
This is my take on redesigning Skype for the android platform. After years of using Skype on my android phone, I felt the need to change the experience of Skype since it was not consistent with the current material design. This is still a Work in Progress.
Instead of having multiple accounts(Skype, Microsoft, XBox, Hotmail, Live) screen for Skype Login, I suggest that we integrate all of these accounts into one login screen and have the users enter their user name and password in this screen.
1. Directly call a person, rather than clicking on his name and then calling him/her. 2. Reduced the fonts/size of each profile, thereby increasing the white space and keeping it simple.
Very easy to access your favorite contacts. Large images and texts makes it very readable. It is also very easy to add contacts as favorites.
Similar to Recent screen. Followed the material design pattern of Contacts. Advantage is that contacts are clearly sorted based on Alphabets. In the current Skype design, there isn't anything that demarcates change in Alphabets.
Kept this screen very simple. We are just having 3 buttons on screen - one for video, one for audio and last for calls. We can also add more people to this call as a part of the group Skype call.
Followed the Material design standards for Profile page. Currently, the Profile page on Skype consists of a small profile pic with status and the other 3 options. I decided that Status is not a necessary feature of Skype and hence, removed it from the screen.