Conceptual Design for Mobile Diabetic Application

Client - Graduate School Independent Study Project
Timeframe - 2008
My Role - Research and Design

The product - Rough prototype, conference poster, online demo, and research papers

Method - Completed literature review and competitive analysis, created personas, use cases, paper prototype, flash prototype

Tools - Illustrator, Flash, Camtasia Studio, Adobe Device Central

During my first pregnancy, I was diagnosed with gestational diabetes. As I was thrust in to the world of tracking carbohydrates and taking blood sugar readings, I became interested in what tools were available to help diabetics track, interpret, and learn from the data. Overall, I was disappointed in the existing technologies I found. Most assumed a high level of knowledge about the disease (so not good for those newly diagnosed), cumbersome data input and output methods, and no provision for learning opportunities as there was no correlation between cause and effect.

The envisioned product was a mobile phone application for diabetics that would run on Symbian phones. It would ease the tracking of diet and blood sugar levels, while teaching healthy eating habits through customized coaching and positive feedback.

A one page overview is available here

This application would require complex programming and logic almost on the level of artificial intelligence, as it would be analyzing data and presenting user options from a staggering array of possibilities. Therefore, the prototype developed was very rough and only walked through a couple of usage scenarios. The prototype was developed in Flash, and designed to run in Adobe's Device Central (which provides a virtual test environment for many models of mobile phones). As such, the prototype requires Adobe Creative Suite CS3 or CS4 to run and is available to interested persons by request.

 

Tags Interaction Design, Wireframes, Prototyping



Project Artifacts
Poster
Research Paper #1
Research Paper #2
Demo (large file 45 mb)
Personas
Paper Prototype (partial)

Interaction Design for Desk Phone UI

Client - Cisco
Timeframe - Fall 2007
My Role - Interaction Design

The product - Software interface for next generation VoIP desk phone

Method - Wireframing

Tools - Illustrator, In Design

Though user research was my primary responsibility, I had the opportunity to work some small sections of a large design project (administrative settings, bluetooth integration, and ability to set presence status from phone).

Tags Interaction Design, Wireframes



Project Artifacts
Design Spec Excerpt

Information Architecture of Salary Module for Linked In (fictitious)

Client - Graduate Course Project, Rensselaer Polytechnic Institute, Information Architecture Course
Timeframe - Spring 2008
My Role - Research and Design (team project)

The Project
Architect a new or existing website of your choice

Method
Performed competitor analyses, created personas, task flows, and wireframes.

Tools
Illustrator, Word, Visio, Powerpoint, Linked In website, Adobe Connect (for design reviews)

For this project, my team came up with this imaginary scenario. The well-known website Linked In has decided that it wants to implement salary information on their website that harnesses the power of social networking. As part of each user's profile, one would have the option to include salary information about their position, that would be shared anonymously with other Linked In users. My team set about figuring out how such information would be collected, how it would be searched for, and how it would be presented, keeping in mind the importance of anonymity and structuring all this with minimal impact to the existing website. The documents included here contain sticky notes which explain my contributions to the project.

Tags Information Architecture, Wireframes



Project Artifacts
Client Profile
Personas
Task Flows
Competitor Analysis
Wireframes

Online campus map designed for varied spatial abilities

Client - Graduate Course Project, Rensselaer Polytechnic Institute, Communication Design for the WWW
Timeframe - Summer 2007
My Role - Research, Design, and Evaluation (individual project)

The Project
Redesigned the Rensselaer online campus map - Assigned project called for us to design a website of our choosing.

Method
Designed a solution, authored a design specification, built a prototype, ran a pilot user study, and wrote a paper summarizing results.

Tools
Digital Camera, Dreamweaver, Photoshop, Google Maps

This project was inspired by my frustration with trying to get around campus as a new student and the pretty, but unusable campus map provided by the school. Knowing that I am not the only person out there who has trouble getting around with even normal maps (call me spatially impaired), I set about finding a flexible solution that could help people who needed a more visual representation. Borrowing from the metaphor of driving directions from well-known online map programs, I envisioned a mashup solution for a campus map that incorporated satellite imagery of the campus, photos taken around campus, and data pulled from the university directory. The resulting product would be a map with visual, customized walking directions, the ability to get these directions through searches on people and resources rather than just building name, and ability to send the info to one's mobile phone.

Tags Interaction Design, Web Design, Prototyping, User Studies



Project Artifacts
Design Specification
Pilot Study Results

 

Moving Photography, Conceptual Design of an Automobile Camera

Client - Graduate Course Project, Rensselaer Polytechnic Institute, Introduction to HCI Course
Timeframe - Summer 2007
My Role - Research and Design (individual project)

The Project
Design an interface and describe its characteristics. Create a usability evaluation plan, then use this plan to test and document your findings.

Method
Created prototype, designed and conducted user study, analyzed results

Tools
Walmart (for parts), Laptop, QuickCam, iPod, Word

I am a person who loves to travel, especially going on road trips. Part of the fun is taking pictures along the way. Now, if I stopped every time I wanted a picture of something while in a moving car, I'd never reach my destination. Unfortunately, pictures taken while moving usually turn out poorly due to glare, lack of focus, etc. Additionally if one is the driver it is not really safe to do so. So for this project, I set about coming up with a solution for persons like myself, or for those who might need to take pictures from a car for a living. This prototype is almost embarrassingly rough, as I was creating it from the hotel room I was staying at in Troy, NY for my two-week intensive summer session at RPI. Plus I I have no knowledge of modeling methods. Still the project was a fun exploration into designing for user experience while taking safety and usability into account.

Tags Hardware Design, Low-fidelity prototyping, Usability Studies



Project Artifacts
Study Results - PPT
Study Results - Report

Database Redesign, Filemaker Pro

Client - Undergraduate Course Project, Franklin University, Introduction to HCI
Timeframe - Spring 2006
My Role - research and design (individual project)

The Project
Redesign an existing interface to improve it's user experience

Tools
Filemaker Pro, Photoshop, Word, Powerpoint

At the time of this course, I was working as the IT Administrator for a non-profit organization which advocated for children in the foster-care system. The organization used a home-grown Filemaker Pro database for all case management and record keeping. Over the years, the database had grown in complexity and user frustration, and I spent a great deal of my time as IT person trying to help make it work right. We were actually looking at third-party case management software as a solution, but I thought it a worthy exercise to explore how a redesign might go if the time and resources were there to complete such a project.

Tags Interaction Design, Databases



Project Artifacts
Overview
Task Analysis
Questionnaire
Storyboard