<?xml version="1.0" encoding="utf-8"?>
<feed
    xmlns="http://www.w3.org/2005/Atom"
    xmlns:at="http://www.sixapart.com/ns/at"
    xmlns:icbm="http://postneo.com/icbm"
    xmlns:rvw="http://purl.org/NET/RVW/0.2/"
    xml:lang="en">
    <title>Belle Huang’s blog</title>
    <link rel="self" type="application/atom+xml" title="Belle Huang’s blog (Atom)" href="http://bellehuang.vox.com/library/posts/page/1/atom.xml" />
    <link rel="alternate" type="text/html" title="Belle Huang’s blog" href="http://bellehuang.vox.com/library/posts/page/1/"/> 
    <link rel="service.post" type="application/atom+xml" title="Belle Huang’s blog" href="http://www.vox.com/services/atom/svc=post/collection_id=6a00d41438886d685e00d4143ca9326a47" /> 
    <link rel="service.subscribe" type="application/atom+xml" title="Belle Huang’s blog" href="http://bellehuang.vox.com/library/posts/atom.xml" />    
    <link rel="next" type="application/atom+xml" title="Belle Huang’s blog" href="http://bellehuang.vox.com/library/posts/page/2/atom.xml" /> 
    <link rel="last" type="application/atom+xml" title="Belle Huang’s blog" href="http://bellehuang.vox.com/library/posts/page/2/atom.xml" />  
    <generator uri="http://www.vox.com/">Vox</generator>
    <updated>2007-11-07T18:48:13Z</updated> 
    <author>
        <name>Belle Huang</name>
        <uri>http://bellehuang.vox.com/?_c=feed-atom-full</uri>
    </author> 
    <id>tag:vox.com,2006:6p00d41438886d685e/</id>  
    
    <entry>
        <title>Journal 5: Mobile Interactive Design in Gphone</title>   
        <link rel="alternate" type="text/html" title="Journal 5: Mobile Interactive Design in Gphone" href="http://bellehuang.vox.com/library/post/journal-5-mobile-interactive-design-in-gphone.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Journal 5: Mobile Interactive Design in Gphone" href="http://bellehuang.vox.com/library/post/journal-5-mobile-interactive-design-in-gphone.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Journal 5: Mobile Interactive Design in Gphone" href="http://www.vox.com/atom/svc=post/asset_id=6a00d41438886d685e00e398bb1a7b0003" />                <id>tag:vox.com,2007-11-07:asset-6a00d41438886d685e00e398bb1a7b0003</id>
        <published>2007-11-07T07:15:31Z</published>
        <updated>2007-11-07T18:48:13Z</updated>
    
        <author>
            <name>Belle Huang</name>
            <uri>http://bellehuang.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://bellehuang.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Belle (Ying-Tzu) Huang</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Com 597: Theories and Practice of
Interactivity</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Autumn 2007</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Nov. 7 2007</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Journal 5</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Mobile Interactive Design in Gphone</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Let’s talk
about the big technology story this week. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal">
    
    
    
</p>
    
    
    

    
    
    
<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398bb2d180002" at:format="large" at:align="left"
    class="enclosure enclosure-left enclosure-large photo-enclosure" 
     style="text-align: center; float: left;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 0 20px 20px 0;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398bb2d180002.html"><img src="http://a0.vox.com/6a00d41438886d685e00e398bb2d180002-320pi" alt="Google_plus_phone" title="Google_plus_phone" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398bb2d180002.html" title="Google_plus_phone">Google_plus_phone</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->


<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">A broad
alliance of leading technology and wireless companies today joined forces to
announce the development of Android, the first truly open and comprehensive
platform for mobile devices. Google Inc., T-Mobile, HTC, Qualcomm, Motorola and
others have collaborated on the development of Android through the Open Handset
Alliance, a multinational alliance of technology and mobile industry leaders.<a name="_ftnref1" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[1]</span></span></span></span></a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Nokia
wasn’t in this list before Google first time announced the Open Handset
Alliance. However, one day after, the biggest handset company in the world, Nokia,
said that they would welcome Google’s plans to provide software for use in
mobile phones, saying access to third-party applications is part of the Finnish
telecommunications company&#39;s core strategy.<a name="_ftnref2" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[2]</span></span></span></span></a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Open Platform</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Google estimated
that Open Handset Alliance will address a set of completed” Software
Development Kit” from Android next week. This time, Google is trying to change
the ecology of our handsets and most of mobile telecommunication system.
Although the level of “open” in World Wide Web was taken as a matter of course,
our handsets and all kinds of telecommunication devices are basically
individual and separated. Every device has its own operating system and
developing environment. A package of mobile software could never be used on
different handsets. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Today,
there are 1.5 billion television sets in use around the world. 1 billion people
are on the Internet. But nearly 3 billion people have a mobile phone, making it
one of the world&#39;s most successful consumer products.<a name="_ftnref3" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[3]</span></span></span></span></a> Building
a better mobile phone with better interactive interface would enrich the lives
of countless people across the globe.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><span style="">&#160;</span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Android was
built from the ground-up to enable developers to create compelling mobile
applications that take full advantage of all a handset has to offer. It is built
to be truly open. For example, an application could call upon any of the
phone&#39;s core functionality such as making calls, sending text messages, or
using the camera, allowing developers to create richer and more cohesive
experiences for users. Android is built on the open Linux Kernel. Furthermore,
it utilizes a custom virtual machine that has been designed to optimize memory
and hardware resources in a mobile environment. Android will be open source; it
can be liberally extended to incorporate new cutting edge technologies as they
emerge. The platform will continue to evolve as the developer community works
together to build innovative mobile applications.<a name="_ftnref4" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[4]</span></span></span></span></a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Video of
introducing Android: <a href="http://www.youtube.com/watch?v=6rYozIZOgDk">http://www.youtube.com/watch?v=6rYozIZOgDk</a></span></p>

<p class="MsoNormal">
    
    
    

</p>
    
    
    

<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398bb46180005" at:format="auto" at:align="center"
    class="enclosure enclosure-center enclosure-auto embed-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="width: 425px;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item embed-asset last">
    
            <div class="enclosure-embed">
        
                <iframe class="enclosure-iframe" frameborder="0" scrolling="no" src="http://a0.vox-data.com/6a00d41438886d685e00e398bb46180005-html" style="width: 425px; height: 355px;"></iframe>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name">Intruducing Android</div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Before the
Android, Google announced the “OpenSocial” software platform on Nov. 5<sup>th</sup>.<a name="_ftnref5" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[5]</span></span></span></span></a> It’s the
same spirit of “truly sharing.” <span style="">&#160;</span>OpenSocial
is a set of common APIs for building social applications across the web. The partnership
spearheads an initiative to standardize and simplify the development of social
applications. Google&#39;s announcement underscored MySpace&#39;s commitment to
supporting standards that foster innovation in an increasingly social Web. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Google
hopes that OpenSocial could share users’ information and create value through
the distribution. I believe that more people write the application programs,
more system developers will focus on what users’ real needs. Thus, it is an
ideal way to improve interaction design in mobile industry.<span style="">&#160; </span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Software Adoption</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Back to
Nokia, my target in the final project. Last November, YouTube announced YouTube
Mobile, a project that will allow mobile phones access to the massive database
of YouTube movies. Verizon was first on board; and now, the much popular Nokia
wants to join the excitement. <a name="_ftnref6" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[6]</span></span></span></span></a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Many mobile
phone browsers are not compatible with Flash 9, the same format behind all the
current YouTube content; however, Youtube Mobile bridges the gap between the
phone and the format. Users no longer need to send their friends a URL or even
have access to a computer to share videos.<span style="">&#160;
</span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Nokia and
Youtube have worked out a deal that will let Nokia’s N-series of Internet
capable phones to access the YouTube Mobile website<a name="_ftnref7" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[7]</span></span></span></span></a>, through
the Nokia Web Browser. The N-series phones will support YouTube RSS feeds;
allowing users to view such feeds as the most recent or highest rated videos on
the system, or specific RSS feeds modeled around a certain genre. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Ten Usability Heuristics for Nokia’s
Review</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">What if I
had a magic cell phone?<a name="_ftnref8" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[8]</span></span></span></span></a> What
will I wish an ideal mobile handset could bring to me? According to Jakob
Nielsen’s “Ten Usability Heuristics,” ten general principles for user interface
design, I came out some suggestions for Nokia’s review in the future
interactive usability design. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">1. Visibility of system status</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">A good
mobile phone should always keep users informed about what is going on. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Ex. Dialog
window, Red/green button, Navi-Key, Page-up</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">2. Match between system and the real
world</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">A good
mobile phone should speak the users&#39; language. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Ex. Daily
conversation, Graphic icons, Touch screen, Wi-fi</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">3. User control and freedom</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Users often
choose system functions by mistake.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Ex. Support
undo and redo, Dialog window, Clear exit option </span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">4. Consistency and standards</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Users
should not have to wonder whether different words, situations, or actions mean
the same thing. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">That is one
of the benefits on Open Handset Alliance, if the application is common, once people
learn how to use an individual application, they could always </span><span style="font-size: 11pt; font-family: Arial;">completely
imitate to other handset.</span><span style="font-size: 11pt; font-family: Arial;">
Since Nokia represented that they would like to join; now their problem is how
to drag in those applications with consistency in their original HCI
design.<span style="">&#160; </span><span style="">&#160;</span><span style="">&#160;</span></span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">5. Error prevention</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Even better
than good error messages is a careful design which prevents a problem from
occurring in the first place. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Ex. Dialog
window, Page-up, Clear error message with visual and audio feedback</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">6. Recognition rather than recall</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Minimize
the user&#39;s memory load by making objects, actions, and options visible. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Ex. Graphic
icons which is map to the real-world, Visible actions (like countdown bar,
processing bar)</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">7. Flexibility and efficiency of use</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Accelerators
may often speed up the interaction for the expert user such that the system can
cater to both inexperienced and experienced users. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Ex. Allow users
to tailor frequent actions, Menu, Frequently call list, Hot-key, Dock bar </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">8. Aesthetic and minimalist design</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Dialogues
should not contain information which is irrelevant or rarely needed. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">9. Help users recognize, diagnose,
and recover from errors</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Error
messages should be expressed in plain language, precisely indicate the problem,
and constructively suggest a solution. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">10. Help and documentation</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Documentation
should be easy to search, focused on the user&#39;s task, list concrete steps to be
carried out, and not be too large.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Reference</span></strong></p>

<p class="MsoNormal">&#160;</p>

<p class="MsoNormal">
    
    
    
</p>
    
    
    

    
    
    
<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398bb2d2b0002" at:format="large" at:align="center"
    class="enclosure enclosure-center enclosure-large photo-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 10px auto;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398bb2d2b0002.html"><img src="http://a3.vox.com/6a00d41438886d685e00e398bb2d2b0002-320pi" alt="Google on mobile market" title="Google on mobile market" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398bb2d2b0002.html" title="Google on mobile market">Google on mobile market</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->


<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Picture
comes from: REUTERS/Google/Handout </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The Google
Personalized Home page is seen on a mobile phone in this undated handout.
Google Inc. said on Monday it would offer a software system to make the
Internet work as smoothly on mobile phones as it does on computers, seeking to
spur change in a tightly controlled industry. </span></p>

<p class="MsoNormal">
    
    
    
</p>
    
    
    

    
    
    
<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398bb3f100004" at:format="large" at:align="center"
    class="enclosure enclosure-center enclosure-large photo-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 10px auto;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398bb3f100004.html"><img src="http://a0.vox.com/6a00d41438886d685e00e398bb3f100004-320pi" alt="Nokia n810" title="Nokia n810" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398bb3f100004.html" title="Nokia n810">Nokia n810</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->


<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"> <br /></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Picture
comes from: REUTERS/Kimberly White </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The Nokia
N810 Internet Tablet sits on display at the Web. 2.0 Summit
in San Francisco, California October 18, 2007. Nokia would not
rule out taking part in Google Inc&#39;s new mobile software alliance, which is
seen rivaling Nokia&#39;s own plans, a spokesman for the world&#39;s top mobile phone
maker said on Tuesday. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Industry
Leaders Announce Open Platform for Mobile Devices, Google Press
 Center, Nov. 5, 2007</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><a href="http://www.google.com/intl/en/press/pressrel/20071105_mobile_open.html">http://www.google.com/intl/en/press/pressrel/20071105_mobile_open.html</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Introducing
the Gphone: Google enters the mobile phone market, The Daily Mail, Nov. 5, 2007</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><a href="http://www.dailymail.co.uk/pages/live/articles/news/worldnews.html?in_article_id=491899&amp;in_page_id=1811">http://www.dailymail.co.uk/pages/live/articles/news/worldnews.html?in_article_id=491899&amp;in_page_id=1811</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Google:
Android Has No Built-in Business Model, Wired.com, Nov. 5, 2007</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><a href="http://blog.wired.com/business/2007/11/google-android-.html">http://blog.wired.com/business/2007/11/google-android-.html</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Google gets
into Smartphone Linux OS game, Computer Business Review, Nov. 6, 2007</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><a href="http://www.cbronline.com/article_news.asp?guid=60E3B9B8-B32D-4095-9C60-698CA1EBDDE8">http://www.cbronline.com/article_news.asp?guid=60E3B9B8-B32D-4095-9C60-698CA1EBDDE8</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">MySpace and
Google Join Forces to Launch Open Platform for Social Application Development, Google Press
 Center, Nov. 1, 2007</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><a href="http://www.google.com/intl/en/press/pressrel/myspace_opensocial.html">http://www.google.com/intl/en/press/pressrel/myspace_opensocial.html</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Google
pitches Gphones to Verizon, CNET News.com, Oct. 30, 2007</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><a href="http://www.news.com/8301-10784_3-9808106-7.html?tag=nefd.blgs">http://www.news.com/8301-10784_3-9808106-7.html?tag=nefd.blgs</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Nokia says
door open to Google alliance, Reuter, Nov. 6, 2007</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><a href="http://www.reuters.com/article/internetNews/idUSL0617473720071106">http://www.reuters.com/article/internetNews/idUSL0617473720071106</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Nokia
Welcomes Google&#39;s Android Platform, Says Openness Is Key, CNNMoney.com, Nov. 6,
2007</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><a href="http://money.cnn.com/news/newsfeeds/articles/djf500/200711061024DOWJONESDJONLINE000433_FORTUNE5.htm">http://money.cnn.com/news/newsfeeds/articles/djf500/200711061024DOWJONESDJONLINE000433_FORTUNE5.htm</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Nokia
interested in Google’s Android mobile phone OS?, Danny Mendez, Nov. 6, 2007</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><a href="http://tech.blorge.com/Structure:%20/2007/11/06/nokia-interested-in-googles-android-mobile-phone-os/">http://tech.blorge.com/Structure:%20/2007/11/06/nokia-interested-in-googles-android-mobile-phone-os/</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Nokia
challenges iPhone with direct-to-mobile music store, Arnold Zafra, Aug. 29,
2007</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><a href="http://tech.blorge.com/Structure:%20/2007/08/29/nokia-challenges-iphone-with-direct-to-mobile-music-store/">http://tech.blorge.com/Structure:%20/2007/08/29/nokia-challenges-iphone-with-direct-to-mobile-music-store/</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Nokia to
help YouTube win mobile market, George Gardner, Feb. 12, 2007</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><a href="http://tech.blorge.com/Structure:%20/2007/02/12/nokia-to-help-youtube-win-mobile-market/">http://tech.blorge.com/Structure:%20/2007/02/12/nokia-to-help-youtube-win-mobile-market/</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Google&#39;s
View of Our Cell Phone Future Isn&#39;t a GPhone, TidBits.com, Glenn Fleishman, Nov.
5, 2007 <a href="http://db.tidbits.com/article/9291">http://db.tidbits.com/article/9291</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal">&#160;</p>

<div style=""><br />

<hr style="font-size: x-small; text-align: left; width: 33%" />



<div id="ftn1" style="">

<p class="MsoNormal"><a name="_ftn1" style="" title=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[1]</span></span></span></span></span></a><span style="font-size: 10pt; font-family: Arial;"> Source from: Industry Leaders
Announce Open Platform for Mobile Devices, Google Press
 Center, Nov. 5, 2007 <a href="http://www.google.com/intl/en/press/pressrel/20071105_mobile_open.html">http://www.google.com/intl/en/press/pressrel/20071105_mobile_open.html</a></span></p>

</div>

<div id="ftn2" style="">

<p class="MsoNormal"><a name="_ftn2" style="" title=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[2]</span></span></span></span></span></a><span style="font-size: 10pt; font-family: Arial;"> Source from: Nokia Welcomes
Google&#39;s Android Platform, Says Openness Is Key, CNNMoney.com, Nov. 6, 2007 <a href="http://money.cnn.com/news/newsfeeds/articles/djf500/200711061024DOWJONESDJONLINE000433_FORTUNE5.htm">http://money.cnn.com/news/newsfeeds/articles/djf500/200711061024DOWJONESDJONLINE000433_FORTUNE5.htm</a></span></p>

</div>

<div id="ftn3" style="">

<p class="MsoFootnoteText"><a name="_ftn3" style="" title=""><span class="MsoFootnoteReference"><span style="font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[3]</span></span></span></span></span></a><span style="font-family: Arial;"> Source from: Open Handset Alliance <a href="http://www.openhandsetalliance.com/">http://www.openhandsetalliance.com/</a></span></p>

</div>

<div id="ftn4" style="">

<p class="MsoFootnoteText"><a name="_ftn4" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: &quot;Times New Roman&quot;;">[4]</span></span></span></span></a>
<span style="font-family: Arial;">Source from: Open Handset Alliance <a href="http://www.openhandsetalliance.com/">http://www.openhandsetalliance.com/</a></span></p>

</div>

<div id="ftn5" style="">

<p class="MsoNormal"><a name="_ftn5" style="" title=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[5]</span></span></span></span></span></a><span style="font-size: 10pt; font-family: Arial;"> Source from: MySpace and Google
Join Forces to Launch Open Platform for Social Application Development, Google
Press Center, Nov. 1, 2007 <a href="http://www.google.com/intl/en/press/pressrel/myspace_opensocial.html">http://www.google.com/intl/en/press/pressrel/myspace_opensocial.html</a></span></p>

</div>

<div id="ftn6" style="">

<p class="MsoNormal"><a name="_ftn6" style="" title=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[6]</span></span></span></span></span></a><span style="font-size: 10pt; font-family: Arial;"> Source from: Nokia to help YouTube
win mobile market, George Gardner, Feb. 12, 2007</span></p>

<p class="MsoNormal"><span style="font-size: 10pt; font-family: Arial;"><a href="http://tech.blorge.com/Structure:%20/2007/02/12/nokia-to-help-youtube-win-mobile-market/">http://tech.blorge.com/Structure:%20/2007/02/12/nokia-to-help-youtube-win-mobile-market/</a></span><span style="font-size: 11pt; font-family: Arial;"></span></p>

</div>

<div id="ftn7" style="">

<p class="MsoFootnoteText"><a name="_ftn7" style="" title=""><span class="MsoFootnoteReference"><span style="font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[7]</span></span></span></span></span></a><span style="font-family: Arial;"> <a href="http://www.youtube.com/mobile">http://www.youtube.com/mobile</a></span></p>

</div>

<div id="ftn8" style="">

<p class="MsoFootnoteText"><a name="_ftn8" style="" title=""><span class="MsoFootnoteReference"><span style="font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[8]</span></span></span></span></span></a><span style="font-family: Arial;"> Refer to: If I Had A Magic Phone… <a href="http://www.youtube.com/watch?v=jWtFeIw8MVM">http://www.youtube.com/watch?v=jWtFeIw8MVM</a>
</span></p>

</div>

</div>

   <p style="clear:both;"> 
    <a href="http://bellehuang.vox.com/library/post/journal-5-mobile-interactive-design-in-gphone.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00d41438886d685e00e398bb1a7b0003?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="mobile" scheme="http://bellehuang.vox.com/tags/mobile/" label="mobile" /> 
    <category term="nokia" scheme="http://bellehuang.vox.com/tags/nokia/" label="nokia" /> 
    <category term="interactive design" scheme="http://bellehuang.vox.com/tags/interactive+design/" label="interactive design" /> 
    <category term="gphone" scheme="http://bellehuang.vox.com/tags/gphone/" label="gphone" /> 
    </entry> 
    
    <entry>
        <title>Journal 4: Introduction of Digital Artist: Joy Mountford</title>   
        <link rel="alternate" type="text/html" title="Journal 4: Introduction of Digital Artist: Joy Mountford" href="http://bellehuang.vox.com/library/post/journal-4-introduction-of-digital-artist-joy-mountford.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Journal 4: Introduction of Digital Artist: Joy Mountford" href="http://bellehuang.vox.com/library/post/journal-4-introduction-of-digital-artist-joy-mountford.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Journal 4: Introduction of Digital Artist: Joy Mountford" href="http://www.vox.com/atom/svc=post/asset_id=6a00d41438886d685e00e398b868f20003" />            <id>tag:vox.com,2007-10-30:asset-6a00d41438886d685e00e398b868f20003</id>
        <published>2007-10-30T21:56:08Z</published>
        <updated>2007-10-31T19:51:05Z</updated>
    
        <author>
            <name>Belle Huang</name>
            <uri>http://bellehuang.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://bellehuang.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        

<p class="MsoNormal" style=""><strong><span style="font-size: 11pt; font-family: Arial;">Belle (Ying-Tzu) Huang</span></strong></p>

<p class="MsoNormal" style=""><strong><span style="font-size: 11pt; font-family: Arial;">Com 597: Theories and Practice of
Interactivity</span></strong></p>

<p class="MsoNormal" style=""><strong><span style="font-size: 11pt; font-family: Arial;">Autumn 2007</span></strong></p>

<p class="MsoNormal" style=""><strong><span style="font-size: 11pt; font-family: Arial;">Oct. 31 2007</span></strong></p>

<p class="MsoNormal" style=""><strong><span style="font-size: 11pt; font-family: Arial;">&#160;</span></strong></p>

<p class="MsoNormal" style=""><strong><span style="font-size: 11pt; font-family: Arial;">Journal 4 </span></strong></p>

<p class="MsoNormal" style=""><strong><span style="font-size: 11pt; font-family: Arial;">Introduction of Digital Artist: Joy
Mountford</span></strong></p>

<p class="MsoNormal" style="">&#160;</p>



<p class="MsoNormal" style=""><strong><span style="font-size: 11pt; font-family: Arial;">Brief
Biography</span></strong></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;&#160;&#160; * Undergraduate
work at University College, London.</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;&#160;&#160; * Graduate work
at University of Illinois in Engineering Psychology.</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;&#160;&#160; * Designed
advanced user interfaces for military avionics system at Honeywell.</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;&#160;&#160; * Worked at MCC, America&#39;s 5th
generation computer consortium.</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;&#160;&#160; * Manager of the
Human Interface Group at Apple Computer for nearly 8 years.</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;&#160;&#160; * Joined Interval
Research Corporation. </span></p>

<p class="MsoNormal" style="">
    
    
    
</p>
    
    
    
<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398b8bd520005" at:format="large" at:align="center"
    class="enclosure enclosure-center enclosure-large photo-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 10px auto;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b8bd520005.html"><img src="http://a2.vox.com/6a00d41438886d685e00e398b8bd520005-320pi" alt="Joy Mountford" title="Joy Mountford" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b8bd520005.html" title="Joy Mountford">Joy Mountford</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">The idea that someone with a
psychology background was making computers easier to use was revolutionary for
users. Joy’s education was in psychology, and her practical training experience
primarily in aviation. Joy Mountford came to US to understand how pilots
multi-task influence flights and how pilots get their jobs done more
successfully and safely. She began her career in HCI at Honeywell where she
designed user interfaces for military avionics systems. The &quot;man-machine
systems&quot; was looking at how to make that coupling more effective, which is
related to &quot;human factors&quot;, or now we call it ergonomics. </span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">Then she moved into artificial
intelligence at <em>MCC</em>, a research consortium in Austin, Texas,
and started to look at a similar kind of display world, one used not by a pilot
but by a knowledge worker involved with navigating large data sets in 3D.</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">Next step she moved to the
taking-off company—<em>Apple</em>. In &#39;86, Apple started a Human Interface Group.
Joy ended up at Apple managing what ended up being a large and successful
group, probably during a heyday of Apple. She was there from &#39;86 to &#39;94. </span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">One of the things that Joy’s group
at Apple pioneered was the design and uses of <strong>QuickTime</strong>. They helped
create Navigable Movies, which was the precursor to <strong>QuickTime VR</strong>, along
with content illustrations of what you could do with video on a computer. They
kept pushing and finally computer users started to realize that they can see
new things happening on a computer, and make hypertexted information come to
life in a more consumer manner. </span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">Facing and making the change of
people’s using experiences, Joy once made a comment as follow, “I believe
interface people should foster such creativity and experiments by encouraging
some different things to happen. Sometimes distracting things happen but also
sometimes that is a very good thing too. Unless you keep that cross-pollination
going, you won&#39;t make a lot of progress with making technology capabilities
pervasive.”<a name="_ftnref1"></a><a title=""><span style=""><span class="MsoFootnoteReference"><span style="font-family: Arial;">[1]</span></span></span><span style=""></span></a></span><span style=""></span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">In &#39;94, Joy determined to work at <em>Interval
research</em>, funded by co-founder of Microsoft, Paul Allen. David had the
charter to create an open-ended research consortium of people who were trying
to design new industries.</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">Joy led a team in Interval Called
Soundscapes to study the creation and use of music. The “Bead Box” was their
achievements. The toy-like device is developed for people who want to make
music but have not mastered a conventional instrument notation or the meaning
of a score. A person could create a collage of different sound samples by
placing beads and vary them dynamically by removing and repositioning the
beads.</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">But a good product sometimes doesn’t
fit the consuming market. Bill Moggridge mentioned about Bead Box in his book
“Designing Interactions,” “The Bead Box project succeeded in this (developing a
well product which is based on a deep understanding of latent user needs and
opportunities for innovation,) but it was not particularly well positioned for
retail and business issues necessary for succeed in the market.”</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><strong><span style="font-size: 11pt; font-family: Arial;">Related Links:</span></strong></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">Joy Mountford’s Video Interview: <a href="http://www.designinginteractions.com/interviews/JoyMountford">http://www.designinginteractions.com/interviews/JoyMountford</a></span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">Samples of QuickTime VR:</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;"><a href="http://youtube.com/watch?v=34EzOPUkpc4">http://youtube.com/watch?v=34EzOPUkpc4</a></span></p>


    
    
    

<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398b8807f0004" at:format="auto" at:align="center"
    class="enclosure enclosure-center enclosure-auto embed-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="width: 425px;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item embed-asset last">
    
            <div class="enclosure-embed">
        
                <iframe class="enclosure-iframe" frameborder="0" scrolling="no" src="http://a7.vox-data.com/6a00d41438886d685e00e398b8807f0004-html" style="width: 425px; height: 355px;"></iframe>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name">Sample of QuickTime VR</div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->




<p class="MsoNormal" style="">&#160;</p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;"><a href="http://youtube.com/watch?v=Pd7qqXxPZNI">http://youtube.com/watch?v=Pd7qqXxPZNI</a><br />
&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">More about Bead Box:</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">Methods and systems for providing
programmable computerized interactors, <a href="http://www.freepatentsonline.com/6556184.html">http://www.freepatentsonline.com/6556184.html</a></span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><strong><span style="font-size: 11pt; font-family: Arial;">Reference:</span></strong></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial; color: black;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial; color: black;">1. Idbias, People: S.
Joy Mountford </span><span style="font-size: 11pt; font-family: Arial;"><a href="http://www.idbias.com/people.html">http://www.idbias.com/people.html</a></span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">2. Georgia Tech, College of Computing,
HCI Resources: <a href="http://www.cc.gatech.edu/fac/Gregory.Abowd/hci-resources/bios/jeff/Joy.htm">http://www.cc.gatech.edu/fac/Gregory.Abowd/hci-resources/bios/jeff/Joy.htm</a></span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">3. <em><span style="color: black;">Joy
Mountford</span> Interview</em>, Noise Between Stations, <a href="http://www.noisebetweenstations.com/personal/weblogs/?p=1414">http://www.noisebetweenstations.com/personal/weblogs/?p=1414</a></span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">4. <em>S. Joy Mountford on Interface
Design</em>, ACM IT Magazine and Forum,&#160; <a href="http://www.acm.org/ubiquity/interviews/v5i19_mountford.html">http://www.acm.org/ubiquity/interviews/v5i19_mountford.html</a></span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal" style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<div class="MsoNormal">

<hr style="font-size: x-small; text-align: left; width: 33%" />

</div>

<p class="MsoFootnoteText"><a name="_ftn1"></a><a title=""><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[1]</span></span></span><span style=""></span></a><span style=""></span><span style="font-family: Arial;"> Refer to: <em>S. Joy Mountford on Interface Design</em>,
ACM IT Magazine and Forum, &#160;<a href="http://www.acm.org/ubiquity/interviews/v5i19_mountford.html">http://www.acm.org/ubiquity/interviews/v5i19_mountford.html</a></span></p>

<p class="MsoNormal">&#160;</p>

   <p style="clear:both;"> 
    <a href="http://bellehuang.vox.com/library/post/journal-4-introduction-of-digital-artist-joy-mountford.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00d41438886d685e00e398b868f20003?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="digital art" scheme="http://bellehuang.vox.com/tags/digital+art/" label="digital art" /> 
    <category term="joy mountford" scheme="http://bellehuang.vox.com/tags/joy+mountford/" label="joy mountford" /> 
    </entry> 
    
    <entry>
        <title>Final Project Proposal: Mobile Usability- How NOKIA Changed the Face of the Mobile Phone</title>   
        <link rel="alternate" type="text/html" title="Final Project Proposal: Mobile Usability- How NOKIA Changed the Face of the Mobile Phone" href="http://bellehuang.vox.com/library/post/final-project-proposal-mobile-usability--how-nokia-changed-the-face-of-the-mobile-phone.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Final Project Proposal: Mobile Usability- How NOKIA Changed the Face of the Mobile Phone" href="http://bellehuang.vox.com/library/post/final-project-proposal-mobile-usability--how-nokia-changed-the-face-of-the-mobile-phone.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Final Project Proposal: Mobile Usability- How NOKIA Changed the Face of the Mobile Phone" href="http://www.vox.com/atom/svc=post/asset_id=6a00d41438886d685e00e398b65adb0002" />              <id>tag:vox.com,2007-10-25:asset-6a00d41438886d685e00e398b65adb0002</id>
        <published>2007-10-25T01:20:57Z</published>
        <updated>2007-10-25T01:22:27Z</updated>
    
        <author>
            <name>Belle Huang</name>
            <uri>http://bellehuang.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://bellehuang.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Belle (Ying-Tzu) Huang</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Com 597: Theories and Practice of
Interactivity</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Autumn 2007</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Oct. 24 2007</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Final Project Proposal</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Book Review</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></strong></p>

<p class="MsoNormal" style="text-align: center; text-align: center;"><span style="font-size: 22pt; font-family: &quot;Cooper Black&quot;; color: navy;">Mobile Usability</span></p>

<p class="MsoNormal" style="text-align: center; text-align: center;">
    
    
    
</p>


<p class="MsoNormal" style="text-align: right; text-align: right;">

</p><p class="MsoNormal" style="text-align: center; text-align: center;"><span style="font-size: 14pt; font-family: Arial; color: navy;">How NOKIA Changed the
Face of the Mobile Phone</span></p>

<p class="MsoNormal" style="text-align: right; text-align: right;"><span style="font-size: 14pt; font-family: Arial;"> <br /></span></p>

<p class="MsoNormal" style="text-align: center; text-align: center;"><strong style=""><span style="font-family: Arial;">By Christian Lindholm, Turkka Keinonen,
Harri Kiljander</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">I. Motivation</span></strong></p>

<p class="MsoNormal">
    
    
    
</p>
    
    
    

    
    
    

    
    
    
<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398b66e300004" at:format="large" at:align="right"
    class="enclosure enclosure-right enclosure-large photo-enclosure" 
     style="text-align: center; float: right;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 0 0 20px 20px;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b66e300004.html"><img src="http://a0.vox.com/6a00d41438886d685e00e398b66e300004-320pi" alt="COVER2" title="COVER2" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b66e300004.html" title="COVER2">COVER2</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->



<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"> <br /></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">When I
think about what is the best topic for researching an interface design with
nice interaction between human beings and machines. I thought about my Nokia. </span></p>

<p class="MsoNormal">
    
    
    
</p>
<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"> <br /></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">I had my
first cell phone when I was seventeen years old. Since then, I’ve used four
different cell phones which were produced from Nokia. On the other words, I am
a huge fan of Nokia. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">As Nokia’s
slogan, “Connecting People,” I believe that mobile phones were invented because
human beings have desires to connecting with people, any time, any where.<span style="">&#160; </span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The slogan
Nokia uses in Taiwan
is “Technology comes from humanity all the time,” which also shows that
humanity is what interface designers focus on. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Like the
cover of this book, there are only three buttons which control all the functions
on entire Nokia 3310.<span style="">&#160; </span>The “C” button
represents “make a phone call.” Also, the combination of main blue button and
up-and-down button can nearly complete all the commands on menu or cell phone
setting. We don’t need tons of buttons any more. Simplicity radically changed
people’s user behaviors. <span style="">&#160;&#160;</span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Written by
present and former Nokia employees, this book mainly discusses about the
process and working methods that have enabled Nokia to revolutionize the usability,
which was fully explained first time. That’s why this book interests me. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">II. Significance</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Sociologists
talk about how mobile phones change the tempo of our lives, culture, social
structure, communication model, concepts to time and space, interpersonal
relationship, identity, digital divide, and dependence on it. Even famous
writer Stephen King wrote a horrific novel “<em style="">Cell</em>”
to imagine the technological warfare and terrorism that cell phone might cause.<span style="">&#160; </span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Since
mobile phones made foregoing changes, interface designers were eager to find a
better way to make less education when people first time use their products.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Seeking for
a better user interface (UI) design might be a solution to it. Interface design
is all about understanding users’ life style. It&#39;s not about technology; it&#39;s
about human life experience.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">UI, user
interface (or Human Machine Interface) is the aggregation of how users interact
with a particular machine, digital device, computer program or system. User
interface contains: (1) Input, which allows users to manipulate a system; (2) Output,
which allows the system to produce the effects of the users&#39; manipulation.</span></p>

<p class="MsoNormal" style="text-align: justify;"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Foe
advanced, a graphical user interface (GUI) might perform better understanding
on mobile design. GUI is a type of user interface which allows people to interact
with a computer and computer-controlled devices. The application implements
graphical icons, visual indicators or special graphical elements called
&quot;widgets&quot;, along with text, labels or text navigation to represent
the information and actions available to a user.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The goal of
graphical user interface design is to enhance the usability of the underlying
logical design of a stored program. The visible graphical interface features
include graphical elements (widgets) that may be used to interact with the program.
Common widgets we apply everyday could be: windows, buttons, menus, and scroll
bars. Larger widgets, such as windows, usually provide a frame or container for
the main presentation content such as a web page, email message or drawing.
Smaller ones usually act as a user-input tool.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Giant Ant
Co. addressed an article “The Context of Mobile Interaction” and a “Mobile
Context Model” for mobile interaction design<a name="_ftnref1" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[1]</span></span></span></span></a>. It describes
how interface plays an important role in users’ daily life. With so many tasks
and environment interferences, </span></p>

<p class="MsoNormal">
    
    
    
</p>
    
    
    

    
    
    

    
    
    
<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398b670f00005" at:format="large" at:align="center"
    class="enclosure enclosure-center enclosure-large photo-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 10px auto;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b670f00005.html"><img src="http://a0.vox.com/6a00d41438886d685e00e398b670f00005-320pi" alt="Mobile_context_model" title="Mobile_context_model" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b670f00005.html" title="Mobile_context_model">Mobile_context_model</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->



<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"> <br /></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Nokia, as
the leading brand in mobile phone sales<a name="_ftnref2" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[2]</span></span></span></span></a>, should
provide more completed interface design in the mobile market to engage users. I
will also apply this model to exam if Nokia’s cell phones could achieve those
tasks in daily life.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">III. Topics in the Book</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><em style=""><span style="font-size: 11pt; font-family: Arial;">Mobile Usability: How Nokia Changed
the Face of the Mobile Phone</span></em><span style="font-size: 11pt; font-family: Arial;"> was written by the team that brought us the Nokia user
interface that a lot of users have come to know and love. I will make a
succinct summary in this section to point out several design concepts Nokia
applies.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The first
part of this book reveals the framework of Nokia user interfaces. User
interface styles, according to Nokia&#39;s internal definition, are combinations of
the user interaction conventions, audiovisual-tactile appearance, and interface
hardware.
</p><p>
The second part authors discussed about how living styles and culture make the
mobile interface design different. Katja Konkka, drew a panorama picture of
people&#39;s living style in Mobai,
 India. Then authors
used several case studies, prototypes, and work flows to map their design
concepts.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The key to
Nokia&#39;s UI development strategy was market segmentation to target user
interfaces to specific demographics and types of users, and today we have the
Nokia Series 40 for mass market consumers, the Series 60 smartphone for
sophisticated consumers desiring PDA functionality, and Series 80 for
enterprise users. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">In the
book, the authors describe the psychographics of groups they designed for. UI
attributes for &quot;Balancers&quot; include intuitiveness, personalization and
simplicity. Phones designed for &quot;Controllers&quot; have attributes of
efficiency and productivity. &quot;Experiencers&quot; get phones that express
individuality, appearance and fashionability, and &quot;Impressers&quot; need
exclusivity, individuality and attention to details. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The common
goal of usability professionals working on Nokia mobile phones is to develop
devices from the end-user needs’ perspective, and not only based on technical
possibilities. Their task is to ensure that the target user group of each model
can operate the device fluently and with joy.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Nokia
investigates all phases in the device lifecycle: taking the device into use,
learning to use it, and daily use. The variety of different cultures and
contexts of use make usability work especially interesting and challenging.
Compared to PC application development or Web site authoring, mobile phone
manufacturing requires a much wider range of usability investigation. Some
examples in this book discuss about the principles of usability and Research
&amp; Development process that Nokia experts investigate.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Virpi Roto,
senior usability specialist in Nokia
 Research Center,
addressed the sample<span style=""> research topics
in mobile device usability</span> they use in Nokia<a name="_ftnref3" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[3]</span></span></span></span></a>: </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<table class="MsoTableGrid" style="border: medium none ; border-collapse: collapse;">
 <tbody><tr style="">
  <td style="width: 148px; border: 1pt solid windowtext; padding: 0in 5.4pt; background: rgb(255, 204, 153) none repeat scroll 0% 50%; width: 110.7pt; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Input</span></p>
  </td>
  <td style="width: 148px; border-style: solid solid solid none; border-color: windowtext windowtext windowtext -moz-use-text-color; border-width: 1pt 1pt 1pt medium; padding: 0in 5.4pt; background: rgb(255, 204, 153) none repeat scroll 0% 50%; width: 110.7pt; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Output</span></p>
  </td>
  <td style="width: 148px; border-style: solid solid solid none; border-color: windowtext windowtext windowtext -moz-use-text-color; border-width: 1pt 1pt 1pt medium; padding: 0in 5.4pt; background: rgb(255, 204, 153) none repeat scroll 0% 50%; width: 110.7pt; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Software</span></p>
  </td>
  <td style="width: 148px; border-style: solid solid solid none; border-color: windowtext windowtext windowtext -moz-use-text-color; border-width: 1pt 1pt 1pt medium; padding: 0in 5.4pt; background: rgb(255, 204, 153) none repeat scroll 0% 50%; width: 110.7pt; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Other</span></p>
  </td>
 </tr>
 <tr style="">
  <td style="width: 148px; border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt; padding: 0in 5.4pt; width: 110.7pt;" valign="top">
  <p class="eulistbullet1"><span style="font-size: 11pt; font-family: Arial;">-
  Ergonomics of&#160; keys &amp; the whole device<br />
  - Key discovery<br />
  - Text input<br />
  - Touch screen input<br />
  - Speech input<br />
  - Motion gestures</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  </td>
  <td style="width: 148px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 110.7pt;" valign="top">
  <p class="eulistbullet1"><span style="font-size: 11pt; font-family: Arial;">-&#160;Display
  qualit</span><span style="font-size: 11pt; font-family: Arial;">y</span><span style="font-size: 11pt; font-family: Arial;"><br />
  - Audio quality<br />
  - Haptic feedback</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  </td>
  <td style="width: 148px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 110.7pt;" valign="top">
  <p class="eulistbullet1"><span style="font-size: 11pt; font-family: Arial;">-
  User interface consistency<br />
  - Information visualization<br />
  -&#160;Usability within single applications<br />
  -&#160;Application </span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  </td>
  <td style="width: 148px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 110.7pt;" valign="top">
  <p class="eulistbullet1"><span style="font-size: 11pt; font-family: Arial;">-
  Mechanics (e.g. battery change)<br />
  - Cover material<br />
  - Graceful power saving<br />
  - Accessories</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  </td>
 </tr>
</tbody></table>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">IV. Extended Reading </span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><em style=""><span style="font-size: 11pt; font-family: Arial;">Designing Interfaces</span></em></strong><strong style=""><span style="font-size: 11pt; font-family: Arial;"> by Jenifer Tidwell</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Like the
author said, “Designing a good interface isn&#39;t easy.” Users expect software
that is well-behaved, good-looking, and easy to use. UI designers over the
years have refined the art of interface design, evolving many best practices
and reusable ideas.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">This is a
good book which addresses almost a hundred principles and patterns in designing
interfaces, including the solutions to common design problems, tailored to the
situation at hand. Each pattern contains practical advice that you can put to
use immediately, plus a variety of examples illustrated in full color. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Each
chapter describes key design concepts that are often misunderstood, such as
affordances, visual hierarchy, navigational distance, and the use of color. I
would like to capture some design ideas as background knowledge to check
Nokia’s design and development process.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><em style=""><span style="font-size: 11pt; font-family: Arial;">Mobile Interaction
Design</span></em></strong><strong style=""><span style="font-size: 11pt; font-family: Arial;"> By Matt Jones, Gary Marsden</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Mobile
Interaction Design shifts the design perspective away from the technology and
concentrates on usability; in other words the book concentrates on&#160;developing
interfaces and devices with a great deal of sensitivity to human needs, desires
and capabilities li&gt;Presents key interaction design ideas and successes in
an accessible, relevant wa Exercises, case studies and study questions make
this book ideal for students Provides ideals and techniques which will enable
designers to create the next generation of effective mobile applications
Critiques current mobile interaction design (bloopers) to help designers avoid
pitfalls Design challenges and worked examples are given to reinforce ideas
Discusses the new applications and gadgets requiring knowledgeable and inspired
thinking about usability and design Authors have extensive experience in mobile
interaction design, research, industry and teaching</span></p>

<p class="MsoNormal">&#160;</p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">How complex can mobile interface
design be: iPhone, Enemy or Partner?</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">When Apple
Co. made their iPhone enter the market on June 2007, the battle on mobile interface
design went to a peak. Facing to the threat, Nokia also developed their “GoPlay
event” for fulfill the interaction and graphical 3D interface. The new version
of cell phone interface will enter the market next year. From users’ aspect, we
indeed hope that digital devices come from different could make the best
performance and satisfy consumers’ needs. In this part, I will discuss about
the advantages and disadvantages in iPhone interface. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">How simple can mobile interface
design be: One Laptop per Child<a name="_ftnref4" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><strong style=""><span style="font-size: 11pt; font-family: Arial;">[4]</span></strong></span></span></span></a></span></strong><span style="font-size: 11pt; font-family: Arial;"> </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The project
was originated by Nicholas Negroponte to provide children around the world,
especially nearly two–billion children in the developing world, with new
opportunities to explore and express themselves. The desktop metaphor is so
entrenched in personal computer users&#39; collective consciousness that it is easy
to forget what a bold and radical innovation the Graphical User Interface (GUI)
was and how it helped free the computer from the “professionals” who were
appalled at the idea of computing for everyone. Through a simple and clear
interface design, scientists are hoping to reduce the digital divide in the
developing world.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><span style="">&#160;</span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">V. Reference Materials</span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><em style=""><span style="font-size: 11pt; font-family: Arial;">Emotional Design</span></em><span style="font-size: 11pt; font-family: Arial;">, Donald A. Norman </span></p>

<p class="MsoNormal"><em style=""><span style="font-size: 11pt; font-family: Arial;">Designing Interfaces</span></em><span style="font-size: 11pt; font-family: Arial;">, Jenifer Tidwell</span></p>

<p class="MsoNormal"><em style=""><span style="font-size: 11pt; font-family: Arial;">Mobile Interaction Design</span></em><span style="font-size: 11pt; font-family: Arial;">, Matt Jones and Gary Marsden</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">TdAic
Taiwan Digital Arts, <a href="http://www.digiarts.org.tw/en/indextw.aspx">http://www.digiarts.org.tw/en/indextw.aspx</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Engadget
Discussion Forum<a href="http://www.engadget.com/">http://www.engadget.com/</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Graphical
User Interface Gallery <a href="http://www.guidebookgallery.org/">http://www.guidebookgallery.org/</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Information
Architects Japan
<a href="http://www.informationarchitects.jp/">http://www.informationarchitects.jp/</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Giant Ant Co. <a href="http://www.giantant.com/">http://www.giantant.com/</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">One Laptop
per Child <a href="http://www.laptop.org/en/index.shtml">http://www.laptop.org/en/index.shtml</a></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">MOSH <a href="http://mosh.nokia.com/" target="_blank">http://mosh.nokia.com/ </a></span></p>

<p class="MsoNormal">&#160;</p>

<p class="MsoNormal">&#160;</p>

<div style=""><br />

<hr style="font-size: x-small; text-align: left; width: 33%" />



<div id="ftn1" style="">

<p class="MsoNormal"><a name="_ftn1" style="" title=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[1]</span></span></span></span></span></a><span style="font-size: 10pt; font-family: Arial;"> Source from: Giant Ant Co. <a href="http://www.giantant.com/publications/mobile_context_model.pdf">http://www.giantant.com/publications/mobile_context_model.pdf</a></span></p>

</div>

<div id="ftn2" style="">

<p class="MsoFootnoteText"><a name="_ftn2" style="" title=""><span class="MsoFootnoteReference"><span style="font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[2]</span></span></span></span></span></a><span style="font-family: Arial;"> Source from: <em style="">Mobile
Phone Sales up 14%, Nokia Leading</em>, Technology News Daily, June 3<sup>rd</sup>,
2007,<span style="">&#160;&#160; </span><a href="http://www.technologynewsdaily.com/node/7082">http://www.technologynewsdaily.com/node/7082</a></span></p>

</div>

<div id="ftn3" style="">

<p class="MsoNormal"><a name="_ftn3" style="" title=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[3]</span></span></span></span></span></a><span style="font-size: 10pt; font-family: Arial;"> Source from: <span style="color: black;">Developing usable mobile phones</span></span></p>

<p class="MsoFootnoteText"><span style="font-family: Arial;">, <a href="http://www.eurescom.de/message/messageDec2004/Developing_usable_mobile_phones.asp">http://www.eurescom.de/message/messageDec2004/Developing_usable_mobile_phones.asp</a></span></p>

</div>

<div id="ftn4" style="">

<p class="MsoNormal"><a name="_ftn4" style="" title=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[4]</span></span></span></span></span></a><span style="font-size: 11pt; font-family: Arial;"> Source from: One Laptop per Child <a href="http://www.laptop.org/en/index.shtml">http://www.laptop.org/en/index.shtml</a></span></p>

</div>

</div>

    <p style="clear:both;"> 
    <a href="http://bellehuang.vox.com/library/post/final-project-proposal-mobile-usability--how-nokia-changed-the-face-of-the-mobile-phone.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00d41438886d685e00e398b65adb0002?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="mobile" scheme="http://bellehuang.vox.com/tags/mobile/" label="mobile" /> 
    <category term="nokia" scheme="http://bellehuang.vox.com/tags/nokia/" label="nokia" /> 
    <category term="interaction design" scheme="http://bellehuang.vox.com/tags/interaction+design/" label="interaction design" /> 
    <category term="interface design" scheme="http://bellehuang.vox.com/tags/interface+design/" label="interface design" /> 
    </entry> 
    
    <entry>
        <title>Musicovery.com--Graphical Interface Design in Webradio</title>   
        <link rel="alternate" type="text/html" title="Musicovery.com--Graphical Interface Design in Webradio" href="http://bellehuang.vox.com/library/post/musicoverycom--graphical-interface-design-in-webradio.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Musicovery.com--Graphical Interface Design in Webradio" href="http://bellehuang.vox.com/library/post/musicoverycom--graphical-interface-design-in-webradio.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Musicovery.com--Graphical Interface Design in Webradio" href="http://www.vox.com/atom/svc=post/asset_id=6a00d41438886d685e00e398b609590002" />            <id>tag:vox.com,2007-10-24:asset-6a00d41438886d685e00e398b609590002</id>
        <published>2007-10-24T03:54:32Z</published>
        <updated>2007-10-24T03:54:32Z</updated>
    
        <author>
            <name>Belle Huang</name>
            <uri>http://bellehuang.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://bellehuang.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        
    
    
    

    
    
    
<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398b609410002" at:format="large" at:align="center"
    class="enclosure enclosure-center enclosure-large photo-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 10px auto;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b609410002.html"><img src="http://a1.vox.com/6a00d41438886d685e00e398b609410002-320pi" alt="Musicovery" title="Musicovery" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b609410002.html" title="Musicovery">Musicovery</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->

<p><br /><a href="http://musicovery.com/index.php">Musicovery.com</a></p><p>Choose
the music genre you like, and describe your mood right now. Then you
could have your own webradio, even a favorite music list. Different
rainbow-like colors will help you categorize the music genres. The
random play by mathematical calculation will do a great help to find
the specific type of music you like. Wanna buy the album? Links to
different online music would help you immediately. <div><br /></div></p>   <p style="clear:both;"> 
    <a href="http://bellehuang.vox.com/library/post/musicoverycom--graphical-interface-design-in-webradio.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00d41438886d685e00e398b609590002?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="musicovery.com" scheme="http://bellehuang.vox.com/tags/musicovery.com/" label="musicovery.com" /> 
    </entry> 
    
    <entry>
        <title>Top stories @ Newser.com</title>   
        <link rel="alternate" type="text/html" title="Top stories @ Newser.com" href="http://bellehuang.vox.com/library/post/top-stories-newsercom.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Top stories @ Newser.com" href="http://bellehuang.vox.com/library/post/top-stories-newsercom.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Top stories @ Newser.com" href="http://www.vox.com/atom/svc=post/asset_id=6a00d41438886d685e00e398b5d43e0004" />          <id>tag:vox.com,2007-10-23:asset-6a00d41438886d685e00e398b5d43e0004</id>
        <published>2007-10-23T07:23:39Z</published>
        <updated>2007-10-23T07:23:39Z</updated>
    
        <author>
            <name>Belle Huang</name>
            <uri>http://bellehuang.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://bellehuang.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        
    
    
    


    
    
    

<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398b5b9810001" at:format="auto" at:align="center"
    class="enclosure enclosure-center enclosure-auto embed-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="width: 500px;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item embed-asset last">
    
            <div class="enclosure-embed">
        
                <iframe class="enclosure-iframe" frameborder="0" scrolling="no" src="http://a1.vox-data.com/6a00d41438886d685e00e398b5b9810001-html" style="width: 500px; height: 500px;"></iframe>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name">Newser.com</div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->

 <div><br /></div>   <p style="clear:both;"> 
    <a href="http://bellehuang.vox.com/library/post/top-stories-newsercom.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00d41438886d685e00e398b5d43e0004?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="newser.com" scheme="http://bellehuang.vox.com/tags/newser.com/" label="newser.com" /> 
    </entry> 
    
    <entry>
        <title>Journal 3: Interaction Interface Design in NYtimes.com and LAtimes.com</title>   
        <link rel="alternate" type="text/html" title="Journal 3: Interaction Interface Design in NYtimes.com and LAtimes.com" href="http://bellehuang.vox.com/library/post/journal-3-interaction-interface-design-in-nytimescom-and-latimescom.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Journal 3: Interaction Interface Design in NYtimes.com and LAtimes.com" href="http://bellehuang.vox.com/library/post/journal-3-interaction-interface-design-in-nytimescom-and-latimescom.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Journal 3: Interaction Interface Design in NYtimes.com and LAtimes.com" href="http://www.vox.com/atom/svc=post/asset_id=6a00d41438886d685e00e398b5d6630003" />                  <id>tag:vox.com,2007-10-23:asset-6a00d41438886d685e00e398b5d6630003</id>
        <published>2007-10-23T07:20:20Z</published>
        <updated>2007-10-24T04:01:19Z</updated>
    
        <author>
            <name>Belle Huang</name>
            <uri>http://bellehuang.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://bellehuang.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Belle (Ying-Tzu) Huang</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Com 597: Theories and Practice of
Interactivity</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Autumn 2007</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Oct. 24 2007</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">&#160;</span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Journal 3 </span></strong></p>

<p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Interaction Interface Design in <em style="">NYtimes.com</em> and <em style="">LAtimes.com</em></span></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">I pick two
mainstream news websites to make a comparison in this journal. One is <em style=""><a href="http://nytimes.com/">NYtimes.com</a></em>
which is based on New York City; the other one
is <em style=""><a href="http://www.latimes.com/">LAtimes.com</a></em>
which is based on Los Angeles
 City. Both of them have huge
circulation, <em style="">New York Times</em>, with the
<span style="">largest reported circulation went up to
1,623,697,</span></span><strong> </strong><span style="font-size: 11pt; font-family: Arial;">was
ranked as the third largest newspaper publication in US; <em style="">Los Angeles Times</em>, with the <span style="">largest
reported circulation went up to 1,172,005,</span> was ranked as the forth
largest<a name="_ftnref1" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[1]</span></span></span></span></a>. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><em style=""><span style="font-size: 11pt; font-family: Arial;">NYtimes.com</span></em></strong></p><p class="MsoNormal">
    
    
    
</p>
    
    
    

    
    
    
<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398b61d830004" at:format="large" at:align="center"
    class="enclosure enclosure-center enclosure-large photo-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 10px auto;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b61d830004.html"><img src="http://a3.vox.com/6a00d41438886d685e00e398b61d830004-320pi" alt="Nytimes" title="Nytimes" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b61d830004.html" title="Nytimes">Nytimes</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->


<p class="MsoNormal"><br /><strong style=""><em style=""><span style="font-size: 11pt; font-family: Arial;"></span></em></strong><strong style=""><span style="font-size: 11pt; font-family: Arial;"> </span></strong></p>

<p class="MsoNormal">
    
    
    
</p><p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Displayed
with a clear index background, NYtimes.com applies a text based webpage design
concept fro mapping their image as a traditional and classical newspaper since
1851<a name="_ftnref2" style="" title=""><span class="MsoFootnoteReference"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 11pt; font-family: Arial;">[2]</span></span></span></span></a>. The
structure is three columns for navigation on the left, articles and photos in
the middle, and advertisement on the right. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The
navigation column is categorized by very detail genres of news, then blog or
weekly comments, then digital mobile devices, and general information. Be
honest, this navigation is explicit but blurred. Where can I type in the address
of my house and get a one-year subscription of the New Your Times? How will I
know that I have to find the “customer care” from the navigation bar first?</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The middle
column includes news articles, pictures, videos and audios. The interface here
is combined by several chunks of content, such as the traditional newspaper we
get used to. The advertisement area is not that annoying, comparing with many
flash and pre-roll ads.<span style="">&#160; </span><span style="">&#160;</span><span style="">&#160;</span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Although
NYtimes.com starts with a news website, they have great ambitions to make their
website as a major portal website with integrated information. They implement
almost all the text from paper version, news pictures (sometimes display as
slide shows), new videos, and news audios (mp3). However, it is not an easy
thing for initial users to find what they want from the website.<span style="">&#160; </span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">As to the interaction
design, NYtimes.com provides RSS feeds, e-mail subscription, “<a href="http://www.nytimes.com/membercenter/">My Account</a>” as a web management
center to set up users’ information and preferences, “<a href="http://my.nytimes.com/">My Times</a>” as a customized page, “<a href="http://www.nytimes.com/gst/mostpopular.html">Most Popular</a>” were
articles or movie clips selected by largest traffic in e-mail, blog, or search
area. “My Times” page also provide diverse news resources and widgets, such as
Yahoo! News, Washington Post, Times, and BBC News.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal">
    
    
    
</p>
    
    
    

    
    
    
<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398b61d950004" at:format="medium" at:align="left"
    class="enclosure enclosure-left enclosure-medium photo-enclosure" 
     style="text-align: center; float: left;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 0 20px 20px 0;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b61d950004.html"><img src="http://a5.vox.com/6a00d41438886d685e00e398b61d950004-200pi" alt="Function" title="Function" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b61d950004.html" title="Function">Function</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->


<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The
function area for each article can help readers e-mail this article to their
friends, print or reprint the article, save the article to your own NYtime file
folder, and share it to many social tagging systems. Which is also considerate,
the system allows readers divide a long piece of article into several pages,
but they can also combine it into a single page.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">What
NYtimes.com is lacking is the area for readers to leave a piece of feedback or
grade the movie clips. The only clue they measure if an article is popular or
not is through the traffic. But we all know that it would be a dangerous and biased
view.<span style="">&#160; </span><span style="">&#160;</span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Even
though, what caught my eyes is the “<a href="http://www.nytimes.com/2007/10/23/us/fire-video.html">Submit Your Video
for California Wildfires</a>,” the UGC (User-Generated Content) technique
NYtimes.com applies was great. Like “<a href="http://www.cnn.com/exchange/">iReport</a>”
from CNN.com, the collection of stories, photos, and videos from local people
could enhance the community participation, also the interaction between
publishers and readers.<span style="">&#160;&#160; </span><span style="">&#160;</span><span style="">&#160;</span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><em style=""><span style="font-size: 11pt; font-family: Arial;">LAtimes.com</span></em></strong><span style="font-size: 11pt; font-family: Arial;"> </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Then I
would like to talk about LAtimes.com. Comparing with NYtimes.com, LAtimes.com
implements a graphical interface design in their index. They also have
three-column design. Navigation bar on the left, articles and graphics in the
center, and advertisement on the right. </span></p>

<p class="MsoNormal">
    
    
    
</p>
    
    
    

    
    
    
<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398b621600005" at:format="large" at:align="center"
    class="enclosure enclosure-center enclosure-large photo-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 10px auto;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b621600005.html"><img src="http://a0.vox.com/6a00d41438886d685e00e398b621600005-320pi" alt="Latimes" title="Latimes" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b621600005.html" title="Latimes">Latimes</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->


<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><span style=""> </span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">LAtime.com
indeed provides a refreshing index with succinct and bigger front and graphic.
I am really appreciated with the slide show they present in the front page.
Readers could go to the next page by clicking the buttons. In this way, editors
save more spaces in presenting information; also readers wouldn’t be bothered
by the glittery photos. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">It’s easy
to find the subscription/home delivery by scrolling down the navigation bar;
while it is a little difficult to find the paper version of today’s newspaper
because the link is hidden like a category of news in the navigation bar. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The member
log in entrance is hard to reach as well; readers have to go to “My Settings”
to access their customized page. However, LAtimes.com offers a handy <a href="http://my.latimes.com/">MyLATimes</a> to customize each reader’s favorite
news topic. Readers can edit or modify the feeds by dragging the box. The
process is as easy/fun as using iGoogle. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">LAtimes.com
provides related news photos and videos beside news articles. Which is also considerate,
the system allows readers divide a long piece of article into several pages,
but they can also combine it into a single page. In addition, besides tagging
function, e-mail subscription, and RSS feeds, LAtimes.com allows readers to
leave comments on the forum (while only some of the articles could be added
feedback buy readers, the rest couldn’t.) <span style="">&#160;</span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><em style=""><span style="font-size: 11pt; font-family: Arial;">Eight Golden Rules of
Interface Design</span></em></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><span style="">&#160;</span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Next step, I
would like to apply Shneiderman’s “<em style="">Eight
Golden Rules of Interface Design</em>” to exam the interaction interface design
in Nytimes.com and Latimes.com.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<table class="MsoTableGrid" style="width: 607px; border: medium none ; width: 455.4pt; border-collapse: collapse;">
 <tbody><tr style="">
  <td style="width: 247px; border: 1pt solid windowtext; padding: 0in 5.4pt; width: 185.4pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Eight Golden Rules of Interface
  Design by Shneiderman</span></strong></p>
  </td>
  <td style="width: 180px; border-style: solid solid solid none; border-color: windowtext windowtext windowtext -moz-use-text-color; border-width: 1pt 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">NYtimes.com</span></strong></p>
  </td>
  <td style="width: 180px; border-style: solid solid solid none; border-color: windowtext windowtext windowtext -moz-use-text-color; border-width: 1pt 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">LAtimes.com</span></strong></p>
  </td>
 </tr>
 <tr style="">
  <td style="width: 247px; border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt; padding: 0in 5.4pt; width: 185.4pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">1. Strive for consistency</span></strong></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">(Navigation
  bar and title hierarchy is consistent.)</span></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">(Navigation
  bar and title hierarchy is clear and consistent.)</span></p>
  </td>
 </tr>
 <tr style="">
  <td style="width: 247px; border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt; padding: 0in 5.4pt; width: 185.4pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">2. Enable frequent users to use
  shortcuts</span></strong></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><span style="">&#160;</span>(Allow readers to sign up an account and
  customize their own news page.)</span></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><span style="">&#160;</span>(Allow readers to sign up an account and
  customize their own news page.)</span></p>
  </td>
 </tr>
 <tr style="">
  <td style="width: 247px; border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt; padding: 0in 5.4pt; width: 185.4pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">3. Offer informative feedback</span></strong></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">(On the </span><span style="font-size: 11pt; font-family: Arial;">“My Times” page, news articles, photos, videos display at
  the same time.)</span></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">(On the </span><span style="font-size: 11pt; font-family: Arial;">“MyLATimes” page, news will display only when users roll
  over the titles. This can save lots spaces.</span><span style="font-size: 11pt; font-family: Arial;">)</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  </td>
 </tr>
 <tr style="">
  <td style="width: 247px; border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt; padding: 0in 5.4pt; width: 185.4pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">4. Design dialog to yield closure</span></strong></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">(The
  design of function bar beside every article is clear.)</span></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">(The
  design of function bar beside every article is clear.)</span></p>
  </td>
 </tr>
 <tr style="">
  <td style="width: 247px; border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt; padding: 0in 5.4pt; width: 185.4pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">5. Offer simple error handling</span></strong></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">(“My
  Times” allow users to customize their own news page and RSS feeds.)</span></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">(“MyLATimes”
  allow users to customize their own news page and RSS feeds.)</span></p>
  </td>
 </tr>
 <tr style="">
  <td style="width: 247px; border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt; padding: 0in 5.4pt; width: 185.4pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">6. Permit easy reversal of actions</span></strong></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">(Videos will auto-play.)</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><span style="">&#160;</span>(Readers could know the path how did they
  come from on the top of each article.)</span></p>
  </td>
 </tr>
 <tr style="">
  <td style="width: 247px; border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt; padding: 0in 5.4pt; width: 185.4pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">7. Support internal locus of
  control</span></strong></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><span style="">&#160;</span>(Allow readers to sign up an account and
  customize their own news page.)</span></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><span style="">&#160;</span>(Allow readers to sign up an account and
  customize their own news page.)</span></p>
  </td>
 </tr>
 <tr style="">
  <td style="width: 247px; border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt; padding: 0in 5.4pt; width: 185.4pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">8. Reduce short-term memory load</span></strong></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">(Navigation
  bar and categories are too detailed.)</span></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">(Navigation
  bar and categories are clear.)</span></p>
  </td>
 </tr>
 <tr style="">
  <td style="width: 247px; border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt; padding: 0in 5.4pt; width: 185.4pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">** Quantity and influence of
  information</span></strong></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: 新細明體;">★★★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>
  </td>
 </tr>
 <tr style="">
  <td style="width: 247px; border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt; padding: 0in 5.4pt; width: 185.4pt;" valign="top">
  <p class="MsoNormal"><strong style=""><span style="font-size: 11pt; font-family: Arial;">Overall</span></strong></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">3.8</span><span style="font-size: 11pt; font-family: 新細明體;">★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  </td>
  <td style="width: 180px; border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0in 5.4pt; width: 135pt;" valign="top">
  <p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">4</span><span style="font-size: 11pt; font-family: 新細明體;">★</span><span style="font-size: 11pt; font-family: Arial;"></span></p>
  </td>
 </tr>
</tbody></table>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Overall,
LAtimes.com provide not as much information as NYtimes.com does, but the
interface LAtimes.com display news information is more reader-friendly.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><strong style=""><em style=""><span style="font-size: 11pt; font-family: Arial;">Newser.com</span></em></strong></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Finally, I
want to introduce one of my favorite news website, <em style=""><a href="http://www.newser.com/">Newser.com</a></em>, which I think is a
new way to edit news website with graphical interface design. Less
advertisement on the index page makes the page more clear and “under-controlled.”
Readers can also customize their news page with different topics and numbers to
display. </span></p>

<p class="MsoNormal">
    
    
    
</p>
    
    
    

    
    
    
<div at:enclosure="asset" at:xid="6a00d41438886d685e00e398b6026d0001" at:format="large" at:align="center"
    class="enclosure enclosure-center enclosure-large photo-enclosure" 
     style="text-align: center;">
<div class="enclosure-inner"
    
        style="padding: 9px; border: 1px solid; width: px; margin: 10px auto;"
    >
    <div class="enclosure-list">
        <div class="enclosure-item photo-asset last">
    
            <div class="enclosure-image">
        
                <a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b6026d0001.html"><img src="http://a5.vox.com/6a00d41438886d685e00e398b6026d0001-320pi" alt="Newser" title="Newser" /></a>
        
            </div>
            <div class="enclosure-meta">
                <div class="enclosure-asset-name"><a href="http://bellehuang.vox.com/library/photo/6a00d41438886d685e00e398b6026d0001.html" title="Newser">Newser</a></div>
            </div>
    
        </div>
    </div>
</div>
</div><!-- end enclosure -->


<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"> <br /></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The index
is constructed by several pieces of news graphic with few words. The first
paragraph of news articles will display only when users roll over the titles.
Of course, you can choose not to display the dialog box unless you click into
the exact news articles. This can save lots spaces. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;"><span style="">&#160;</span></span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">Newser.com
provides related articles, photos and videos beside every news article. Sharing
and tagging system are embedded beside every article as well. What is the best
part, Newser.com doesn’t really have a group of reporters, on the contrary,
they recruit a group of advanced editors to summarize every piece of news comes
from their news partners. When editors concentrate the long articles into
one-hundred-words articles, things become earlier to be understood. </span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">The tiny
news and graphical interface design are exactly what people need in this
information over-loaded age.</span></p>



<div style=""><br />

<hr style="font-size: x-small; text-align: left; width: 33%" />



<div id="ftn1" style="">

<p class="MsoFootnoteText"><a name="_ftn1" style="" title=""><span class="MsoFootnoteReference"><span style="font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[1]</span></span></span></span></span></a><span style="font-family: Arial;"> Source from: Audit Bureau of Circulation FAS-FAX
ending September 30, 2006, <a href="http://nyjobsource.com/papers.html">http://nyjobsource.com/papers.html</a></span></p>

</div>

<div id="ftn2" style="">

<p class="MsoFootnoteText"><a name="_ftn2" style="" title=""><span class="MsoFootnoteReference"><span style="font-family: Arial;"><span style=""><span class="MsoFootnoteReference"><span style="font-size: 10pt; font-family: Arial;">[2]</span></span></span></span></span></a><span style="font-family: Arial;"> Source from: <a href="http://www.nytco.com/company/milestones/timeline_1851.html">http://www.nytco.com/company/milestones/timeline_1851.html</a></span></p>

</div>

</div>

   <p style="clear:both;"> 
    <a href="http://bellehuang.vox.com/library/post/journal-3-interaction-interface-design-in-nytimescom-and-latimescom.html?_c=feed-atom-full#comments">Read and post comments</a>   |   
    <a href="http://www.vox.com/share/6a00d41438886d685e00e398b5d6630003?_c=feed-atom-full">Send to a friend</a> 
</p>

                </div>
            ]]>
        </content> 
    <category term="interaction design" scheme="http://bellehuang.vox.com/tags/interaction+design/" label="interaction design" /> 
    <category term="interface design" scheme="http://bellehuang.vox.com/tags/interface+design/" label="interface design" /> 
    <category term="nytimes.com" scheme="http://bellehuang.vox.com/tags/nytimes.com/" label="nytimes.com" /> 
    <category term="latimes.com" scheme="http://bellehuang.vox.com/tags/latimes.com/" label="latimes.com" /> 
    <category term="newser.com" scheme="http://bellehuang.vox.com/tags/newser.com/" label="newser.com" /> 
    </entry> 
    
    <entry>
        <title>Shneiderman: Eight Golden Rules of Interface Design</title>   
        <link rel="alternate" type="text/html" title="Shneiderman: Eight Golden Rules of Interface Design" href="http://bellehuang.vox.com/library/post/shneiderman-eight-golden-rules-of-interface-design.html?_c=feed-atom-full" />  
        <link rel="service.post" type="application/atom+xml" title="Shneiderman: Eight Golden Rules of Interface Design" href="http://bellehuang.vox.com/library/post/shneiderman-eight-golden-rules-of-interface-design.html?_c=feed-atom-full#comments" /> 
        <link rel="service.edit" type="application/atom+xml" title="Shneiderman: Eight Golden Rules of Interface Design" href="http://www.vox.com/atom/svc=post/asset_id=6a00d41438886d685e00e398b5c0080002" />          <id>tag:vox.com,2007-10-23:asset-6a00d41438886d685e00e398b5c0080002</id>
        <published>2007-10-23T07:17:30Z</published>
        <updated>2007-10-23T07:17:30Z</updated>
    
        <author>
            <name>Belle Huang</name>
            <uri>http://bellehuang.vox.com/?_c=feed-atom-full</uri>
        </author>
    
        
        <content type="html" xml:base="http://bellehuang.vox.com/?_c=feed-atom-full">
            <![CDATA[
                <div xmlns="http://www.w3.org/1999/xhtml" xmlns:at="http://www.sixapart.com/ns/at">
        

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">1. Strive
for consistency.</span></p>

<p class="MsoNormal" style="margin-left: 0.5in;"><span style="font-size: 11pt; font-family: Arial;">Consistent sequences of actions should be required in
similar situations; identical terminology should be used in prompts, menus, and
help screens; and consistent commands should be employed throughout.</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: Arial;">&#160;</span></p>

<p class="MsoNormal"><span style="font-size: 11pt; font-family: 