Graphics Design Work

Jan 2012 – Apr 2012

As part of Graphics Design coursework in the winter semester, I learnt the fine nuances about creating graphics using Adobe Photoshop, Illustrator and InDesign. The work included not only designing for the web but also exercises in print, media, marketing and business design.

Below are some of my creations. Scroll through them or navigate using the arrow keys.

Postcards

Postcards

Logo Design

Logo Design

jQuery Sliders

jQuery Sliders

Digital Signages

Digital Signage

Website Mockups

Website Mockups

Icons and Mobile Interfaces

Mobile Interfaces

Business Cards

Business Cards

Brochures

Brochure

Visit my Scribd Profile and check out all my work.

Skills: Iconography, Typography, Print Design, Marketing Design, Web Graphics

Share on Twitter
Share via email

‘EventBook’ – Windows Phone and WebApp

March 2012 

On St. Patrick’s day, I decided to give drinking a break and instead participated in the 24-hr Facebook Hackathon which took place on campus. A team of four, we decided to make a Windows Phone 7 App called ‘EventBook’. This app would pull all your Facebook events and display the ones near you on a map. You’ll also be able to see directions to the venue, along with other details of the event.

This was the very first time I created a Hi-Fidelity Wireframe using Axure RP. Check out the prototype here. Interact with it by dragging your mouse over the top tab bar, clicking on events and using the back button.

Facebook returns responses to client requests in JSON format. We thought reading a JSON wouldn’t be difficult at all, but half-way into the hackathon we realized that C# is just not the way to go if you want to deal with JSON. Half baked support for JSON and surprisingly inadequate documentation led us to steer our efforts into a different way. We decided to create a WebApp. Here’s a screenshot of what we created -

EventBook Screenshot

Skills: Hi-Fi Prototyping, Axure,  Mobile App, C#, Web Development, CSS

Share on Twitter
Share via email

Usability Evaluation & AR Design – Adler Planetarium

February 27th 2012 – March 2nd 2012

The astronomer in me just got an ego boost! I devoted my week-long spring break towards volunteering at the incredible and pioneering Adler Planetarium, Chicago. The Space Visualization Laboratory at Adler plans to set up a touchscreen exhibit of The Milky Way Project where visitors will be able to use to touchscreen to identify and annotate stellar objects on a galactic image.

The Milky Way Project

Screen Grab of the Milky Way Project

My work here was two-fold -

1) I helped evaluate the usability of this project when moved from a computer screen to a large tabletop multi-touch display. I conducted ethnographic and usability studies on how people interact with the project on a tabletop touch screen. It wasn’t an easy task when at times 8 kids were simultaneously trying to do something on the screen!

2) The planetarium wants to improve interaction and engagement with an already installed Milky Way pictorial exhibit. I created an Augmented Reality based Layar extension that would allow visitors to find and learn about stellar objects in that exhibit, using their phone or tablets. See it in action at the related blog post. The test app is now under business evaluation, and the project can soon see the light of the day!

Testing 'The Milky Way' Layar App

There were a host of challenges here – budgeting (Adler is a non-profit); immensely diverse user base including impatient kids, learned grown-ups and casual observers; lack of multi-touch support in current table top display.

Key Skills:  Ethnography, Usability Evaluation, Augmented Reality, Ambient Informatics

Read the related blog post – Contextual Enquiry on Chicago!

Share on Twitter
Share via email

‘Here I Am’ – Windows Phone App

February 11th 2012

I participated in a nail biting 12-hour Hackathon, competing with 8-10 other teams from the University of Michigan to create an innovative Windows Phone 7 app from start to finish in those 12 hours.

My team – all being HCI students – concentrated a fair bit on the app’s UI, building paper prototypes and wireframes. The idea we came up with was of an app ‘Here I Am’ which would assist people in wayfinding and navigating their way indoors. Using the app, I can guide my friend from the bus stop to my office on the 2nd floor of the building on the other side of the block. The app allows a user to sketch a route on a map base, add text and landmarks, and share the whole canvas with that friend waiting on the bus stop for directions.

See the wireframes below, designed using Illustrator and Photoshop

'Here I Am' Wireframe 1 'Here I Am' Wireframe 2

One of the key questions we faced was which WP7 menu control design to use – Panorama or Pivot Control (what jargon is that?). After a lot of brainstorming on the pros and cons of both, we decided to use the Pivot Control which offers better control and less chances of unintended touch recognition. This is especially important because we did not want users to unintentionally scroll the panorama when trying to navigate the map using gestures.

Key Skills: Wireframing, Adobe Illustrator, Icon Design, Mobile App Development, C#

Share on Twitter
Share via email

Usability & Heuristics Evaluation – SmugMug

Jan 2012 – Apr 2012

In a team of 4, I conducted a detailed usability study and heuristics evaluation of SmugMug’s online shopping-cart/checkout process. Through the course of the project, we employed various ethnographic and research methods including building personas and scenarios, comparative analysis, surveys, usability testing and heuristics assessment.

For a better understanding of SmugMug’s online shopping cart experience, we built an Interaction Map (below).

SmugMug Interaction Map

SmugMug wanted us to focus on the checkout process as they wanted to find a solution to the problem of users abandoning their shopping carts. After a series of tests, we concluded that some teething problems in the gallery and checkout interface might lead to frustration in the users and hence resulting in dropped carts.

Key Skills: UX Methods, Usability Testing, Heuristic Evaluation, Personas & Scenarios, Interaction Mapping, Ethnography, Visio, LucidCharts

To honor SmugMug’s privacy concerns, I am not sharing any detailed documentation.

Share on Twitter
Share via email

Scan the QR Code using your handheld device for my vCard
+1 734 604 4229  |  pranay.sethi@gmail.com