chatreez.com

‘Design’ Category

Mozilla Home Tab Design Challenge

Read Craig’s and my Mozilla Labs guest blog post – Collaboration across the Miles

Mozilla awarded Bubblestacks the Best in Class: Innovation award!

Bubble Stacks was the submission of Craig Birchler and Chatree Campiranon to the Home Tab Design Challenge.

“The Mozilla Labs Design Challenge is a series of events to encourage innovation, and experimentation in user interface design for the Web. [Their] aim is to provoke thought, facilitate discussion, and inspire future design directions for Firefox, the Mozilla project, and the Web as a whole.”

Bubble Stacks are an imaginative look into behavioral analysis. Using data browsing habits alone this concept improves the experience of memory access and recall by organizing concepts into logical packages.

A window into your past experiences has the potential to open a world of thought and possibilities. Today, browser history provides no more imagination than a breadcrumb trail sequencing your online experiences. Usefulness extends little further than your memory can reach. Bubbles and stacks open a window to your mind, providing the ability to extend your memory and organize your experiences.

Learn more at www.bubblestacks.com

Aplia Student Home Page

Project Overview: This is the home page for the students after they sign in to Aplia.com. The current design was built more than 3 years ago.
Goal: To improve efficiency addressing major user goals and clean up unnecessary elements on the page, to update the design visually
My Role: User experience designer
Company: Aplia
Year: September 2009 – December 2009 (more…)

Gradebook Analytics

Project Overview: Analytics is an interactive visual representation of students’ performance. Prior to analytics, instructors can only see raw data presented in the spreadsheet-style gradebook.
Goal: To allow instructors to quickly see students’ performance and point out problem areas that they are interested in.
My Role: User experience designer
Company: Aplia
Year: January 2009 – May 2009 (+ongoing iteration) (more…)

ApliaText Online Textbook Reader

Project Overview: ApliaText is an innovative online textbook reader leveraging all the web has to offer to improve reading and learning experience.
Goal: To provide textbook content online and seamlessly integrate with student learning behavior.
My Role: User experience designer
Company: Aplia
Year: October 2008 – May 2009 (+ongoing iteration) (more…)

Gradebook Import Scores

Project Overview: This is one of the major components of the gradebook. Most instructors have more than one source of scores and they want the students to be able to see their scores in one place.
Goal: To allow instructors to import scores from excel or csv to Aplia online gradebook.
My Role: User experience designer
Company: Aplia
Year: September 2008 – November 2008 (more…)

statement series

this is something I’ve been thinking about lately.

statement1

(more…)

Pearson Education Course Management System

Product Tour

Project Overview: This application, Pegasus, is a full scale educational application that allow students and instructors to manage their courses and perform course activities online.
Goal: To design a comprehensive, highly usable course management system.
My Role: Interaction Designer and Usability Specialist
Company: Pearson Education
Year: 2005-2008

(more…)

Le Recipe – Miso Soup

Le Recipe - Miso Soup (Design Idea)

This is my side project on design for cooking. It is still a work in progress. This picture is only a preliminary prototype, not yet a finished design. Basically, I want to design a visual presentation for cooking recipe in a way that it is not intimidating to guys (or gals) who do not know how to cook but want to try. Feel free to leave some comments if you have any suggestion!

More prototypes to come :-)

Masters Thesis: Web-based email management for email overload

CMail - Master’s Thesis Wemail Prototype

Project Overview: The amount of emails on has burgeoned due to the fact that many users use mail in a wide range of activities. Although email was originally designed as a communication application, it is wildly used for additional functions not originally intended for. For example, many users make use of email service for task management and personal archiving. There are many web-based email services such as Yahoo! Mail, Hotmail, and Gmail. These services respond to consumer demands by providing increasingly larger storage space for free. However, it is difficult for users to manage their inbox with the large volume of emails.
Goal: To develop the new web-based email interface that handles email overload problem.
Role: MS in Human-Computer Interaction student
School: Indiana University – Purdue University at Indianapolis
Year: 2005

(more…)

Indianapolis International Airport Redesign

Indianapolis Airport Redesigned - Airport Guide Page

Project Overview: The goal was to redesign the Indianapolis International Airport Web site and conduct usability evaluation on the new design. The evaluation consisted of heuristic inspection, time-on-task and think-aloud, questionnaire, and interview. This project was a part of New Media – Usability Design for the Web class
My Role: MS in Human-Computer Interaction student
School: Indiana University – Purdue University at Indianapolis
Year: 2003

Visit the new Indianapolis Airport prototype

Experience & Storytelling Design Project

Experience & Story Telling Design Project - Typography Experience & Story Telling Design Project - Color Experience & Story Telling Design Project - Final Piece

Project Overview: This project was a part of one of the New Media’s design classes. The goal was to tell my own experience using different design elements, which were typography, color, sound.
My Role: MS in Human-Computer Interaction student
School: Indiana University – Purdue University at Indianapolis
Year: 2003

(more…)

Inspirational Design Project

Notepad Inspired by Audrey Hepburn’s My Fair Lady Calculator Inspired by KSwiss Ads
Media Player Inspired by Liszt’s La Campanella Website Inspired by Yin-Yang Symbol

Project Overview: The goal was to redesign the existing interface from inspirations.
My Role: MS in Human-Computer Interaction student
School: Indiana University – Purdue University at Indianapolis
Year: 2003

(more…)

Indiana Board of Animal Health Project

Indiana Board of Animal Health Presentation

Project Overview: The goal of the project was to create the interactive promotional piece for the Indiana Board of Animal Health in Flash. The final project contains videos and the file is so large that it is not available to download, only a screenshot is shown.
My Role: MS in Human-Computer Interaction student
School: Indiana University – Purdue University at Indianapolis
Year: 2003