Corporate Sustainability Management Online Course
Web-based Online Course Development
Skills Applied:
Scenarios, Storyboards, PowerPoint Prototyping, Paper Prototyping, RITE Studies
The goal of this project was to develop an online course where company executives and managers
could learn about CSM (Corporate Sustainability Management). As part of the instruction design team
at NOW HRD Group, I first created detailed storyboards of the course scenarios based on the scripts
developed by a Content Expert. Then I reviewed the storyboards containing 7 sessions of the CSM
course with another member in the design team, focusing on the organization and presentation of the
content. During my collaboration with the graphic design team, I participated in constructing
paper sketches of the prototype website.
In terms of its design, our focus was on creating
an interesting and dynamic interface that would facilitate the learners' learning as well as
their motivation. In addition to using various visual contents, we employed multimedia such
as sounds and animations. While including most of the important information regarding CSM,
we tried to present the concept in ways that are simple and clear so that an effective learning
could take place. We also tried to maximize the interaction between the learner and the content
by enabling the learners to choose particular tasks (e.g., quizzes, reviews, previews, etc.)
that they would like to engage in at each session.
Artifacts:
Storyboard,
Flash prototype
Teaching Graphic Tools Online
Usability Analysis and Interaction Design of Web-based Online Course
Skills Applied:
Scenarios, Storyboards, PowerPoint Prototyping
While I was working at e-RUN.net, I analyzed the usability of an online course website that
deals with new employees' adjustment issues to corporate culture. This experience helped me
enhance my understanding of the interactions that occur in an online course website and the
possible approaches I could take in creating a multimedia online course. Based on this experience,
I developed a series of storyboards (10 course sessions) to create an internet-based online training
course on how to use Paint pads and Photoshop.
For this particular project, I did an extensive
research on the topic and independently developed all contents, graphics, and designs for the website.
Since the target population was school-aged children and teenagers, I particularly focused
on making the website visually attractive, eye-catching, and easy to use.
Artifacts:
Storyboard for Photoshop,
Storyboard for Paint Pad
Information & Communication Technology in EDUNET
User Centered Redesign of the EDUNET Website
Skills Applied:
Personas, Scenarios, Storyboards, Competitive Analysis, PowerPoint Prototyping
In collaboration with a research member at KERIS (Korea Education Research and Information Service),
the National Education and Research Information Center in Korea, I participated in redesigning
part of EDUNET, an education information service portal run by KERIS for students and teachers
in Korea. EDUNET was in the process of testing out a web service for teachers who wanted to learn
the latest information and communication technologies that can be used in classroom education.
The website required improvement in many aspects, and before our initial redesigning, we performed
a competitive analysis of other educational websites (e.g., classroom.com, ePALS, etc.) in order to
discover ways to effectively present educational contents and provide support for active online
communication among teachers. This included analyzing menu structure and website design.
Considering that many school teachers had very limited technological proficiency, our effort focused
on redesigning the website into one with simple navigation and quick access to all areas of the site.
The redesigning process involved developing use-case scenarios and storyboards.
Artifacts:
Web Design Prototype,
Menu Structure Analysis,
Web Manual
Bus Route Map Redesign
Information Visualization
Skills Applied:
Information Design, Usability Analysis
As a part of a class project, I applied information visualization techniques to redesign San Diego's
bus route map. The project aimed at 1) designing a better representation of information, a challenge
that has persisted in information visualization, and 2) understanding how people interact with text
and images.
For this particular project, I employed Ben Shneiderman's Interface Design Principles to
enhance readability of the map by grouping information, providing clear and concise display of texts
and images, and rearranging and relocating items. In the process, I constantly tried to maintain a
balance between graphical and textual information to effectively convey the information to the bus
users.
Artifacts:
Redesign Paper
Collaborative Exchange of Knowledge
Interface Design for CSCW
Skills Applied:
Flash/HTML Prototyping, Functional & Technical Specifications
The aim of this project, Brain Korea 21 for CSCW (Computer Supported Cooperative Work), was to explore ways to use computer/web techniques to allow distant users to work together in a virtual environment. We focused on developing web-based software that assists the effective sharing of knowledge and information as well as establishment of efficient communication. I was responsible in investigating how distant users can interact using an online whiteboard. I developed an interface design of the whiteboard with two other members in the team, focusing on creating a toolbox-like interface using graphical notation.
