| |
| Advisor: |
Bonnie John
( Carnegie Mellon University)
|
| Duration: |
4 months, HCI Methods project
|
| Team: |
Lalatendu Satpathy
Brian Ellis
Jason Cornwell
Shaelyn Clements
|
| Final Report |
[ PDF Report - 1MB] |
|
|
|
|
Blogger.com is an early example of a website devoted to empowering users to create
and publish their own content. At the time it was launched, it employed an
innovative business model and an attention to the social nature of the Web to
provide users a unique forum to express themselves to a larger community.
Crafing the user experience of a community driven site, it turns out, is quite
diferent from crafing the user experience of a traditional web page. While
innumerable community-driven social websites have sprung up on the web since
Blogger’s launch, and Blogger has beneftted from their innovations and continued
to update itself to stay competitive, there is still ample room for improvement.
Thisdocument describes a project, undertaken by four human-computer
interaction specialists with backgrounds in design, psychology, computer science,
and information systems, to study how users interact with Blogger and redesign the
user experience based on our fndings.
We employed a variety of empirical and analytic techniques to assess Blogger’s
usability and develop a deep understanding of the workfow of its users. These
included contextual inquiry/design, keystroke-level modeling, heuristic evaluation,
cognitive walkthrough, and think-aloud usability testing. The results of these
methods are discussed briefy in the redesign section of the PDF document, compared
and analyzed in the retrospective section.
The redesign focused on addressing issues uncovered from the user research via three principal design themes:
the use of a What-You-See-Is-What-You-Get (WYSIWYG) post editor for creating
and editing posts, a re-conceptualization of the overall organization of the site and
its navigation mechanisms, and a more usable method for inserting pictures and
links into posts.
 |
Figure : Redesigned WYSIWYG Post Editor
|
 |
Figure: Redesigned Blog View |
|
|