tag:blogger.com,1999:blog-54119672054860333362024-02-07T01:49:15.617-08:00Iowa State University HCI 596This blog is for the HCI 596 course being taught at Iowa State University through it's Human-Computer Interaction program.Mike Orenhttp://www.blogger.com/profile/00613391845005047738noreply@blogger.comBlogger147125tag:blogger.com,1999:blog-5411967205486033336.post-85385869972755969442012-09-16T08:46:00.003-07:002012-09-16T08:46:44.380-07:00What Successful People Do With The First Hour Of Their Work Day | Fast Company<a href="http://www.fastcompany.com/3000619/what-successful-people-do-first-hour-their-work-day">What Successful People Do With The First Hour Of Their Work Day | Fast Company</a>Andrea Peerhttp://www.blogger.com/profile/17632283402907786174noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-53481770046459567262012-09-16T08:46:00.001-07:002012-09-16T08:46:44.064-07:00What Successful People Do With The First Hour Of Their Work Day | Fast Company<a href="http://www.fastcompany.com/3000619/what-successful-people-do-first-hour-their-work-day">What Successful People Do With The First Hour Of Their Work Day | Fast Company</a>Andrea Peerhttp://www.blogger.com/profile/17632283402907786174noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-55284863441572303272011-11-13T19:13:00.001-08:002011-11-13T19:13:55.528-08:00Encoding Emotion<div class='posterous_autopost'><p><em><span style="font-size: xx-small;">This post is in response to Brave and Nass's question "How does emotion play out in computer-mediated communication (CMC)?" in Chapter 4 of The Human-Computer Interaction Handbook...</span></em></p> <p>Emotion certainly plays a significant role in how we communicate with one another by providing a "social context" that seems to define the ways we communicate with one another. A smile on your face indicates to me you are feeling positive and are therefore likely more approachable and receptive to conversation than an individual with a grimace. It seems strange that computers have remained rather removed from needing to understand and convey their user's emotional experience. In many ways, computers have mostly been viewed as a cognitive tool but since computers are now being more and more used as mediums for creativity, connectivity, and interaction among people, we need to consider ways emotion can be encoded into the experience. <p /> Emoticons became necessary because the types of interaction made possible via the Internet could not alone provide the context necessary for the communication. There are still, however, many emotions that cannot or effectively be conveyed through emoticons alone (e.g. sarcasm). Avatars in 3D games have employed emoticon type gestures that allow their character to exhibit behaviors that demonstrate one's mood (e.g. World of Warcraft characters can cheer or dance to celebrate a significant event) but these too often fall short. Emoticons of this type are low-bandwidth emotion conveyers. What's missing is the continuous and high-bandwidth emotional expression one can perceive from direct interaction with one another. Video communication (e.g. Skype) is highly effective, but video communication cannot as easily be shared, transmitted, or processed as text. <p /> An important realization I've had is that emotions are experienced; they are not static. Emoticons are attempting to use another mode or dimension of textual interaction to efficiently "package" emotion into the textual experience--that is difficult to do and which is why they still fall short. Perhaps another mode that could be adopted for conveying emotion textually could be to standardize colors to sentences that indicate tonality, pitch, or cadence (i.e. much like music notes written on a sheet of music). While not ideal aesthetically, this capture would allow emotion to be captured in the communication.<p />I will soon start a new job at a small company. One important requirement levied by the hiring company was for attaining highly effective communication skills across many mediums and modes given the fact the team is spread around the world. Ideally I should be sure to spend time with these individuals in person to help define a "social context" that will help me "understand them". This provides me the means to know how to communicate with them effectively. We will also set up a "portal" that is a 24 hours a day, seven days a week television screen with a webcam linked directly to other portals around the world. The idea is that the portal will provide for higher-bandwidth communication than email can currently provide. The portal will allow the us as users to feel connected to the other working spaces rather than disconnected and reunited for minutes at a time with video chat like Skype.</p></div>Corey Gwinhttp://www.blogger.com/profile/00970298313951616296noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-45762164501632901032011-10-06T12:27:00.001-07:002011-10-06T12:27:07.112-07:00InVision: Creating Fully Interactive Wireframes & Prototypes Easily and Beautifully<div class='posterous_autopost'><div><a href="http://www.invisionapp.com">InVision</a> looks to be extremely cool for the talented dual visual/UX designers who want to get slick looking prototypes out quick. <p>I recently used <a href="http://www.axure.com/">Axure RP</a> for prototyping <a href="http://coreygwin.com/HCI596/social%20craigslist.org/">a lo fi interactive prototype for a craigslist redesign</a> but <a href="http://hci596.blogspot.com/2011/06/axure-rp-review.html">ultimately I was really disappointed</a> in the level of interactivity and the overall look of how the final prototype appeared. Later I used Flex to develop a higher fidelity protoype for <a href="https://sites.google.com/site/coreyhci596/project-2-socialite">a new interactive online shopping application</a> but also found that styling the Flex app proved to be lacking in true artist customization.</p> </div> <div>Now, the only functionality I can tell that you can add is linking to other mock up which isn't exactly as capable as something like Axure pre-coding (which may be its weak point), but I think my favorite feature is simply being able to directly port a rather slick looking Photoshop, Illustrator, etc. mockup and make it function quickly as a lo-fi prototype. Often times it seems a client will be more interested in how it looks then how it operates (however unfortunate that may be...). InVision will allow the taltend visual/UX designer to create the look and functionality simultaneously into prototypes. Cool idea though in reality you could probably just create slices and quickly code some HTML to do the same. For the price tag, not sure I'd get it, but nevertheless a cool idea.</div> <p> </p> <p> </p> <div> <object height="387" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="500"> <param name="movie" value="http://www.viddler.com/player/4a9268c/0/" /> <param name="allowScriptAccess" value="always" /> <param name="allowNetworking" value="all" /> <param name="allowFullScreen" value="true" /> <param name="flashVars" value="f=1&autoplay=f&disablebranding=f" /><embed src="http://www.viddler.com/player/4a9268c/0/" type="application/x-shockwave-flash" height="387" flashvars="f=1&autoplay=f&disablebranding=f" width="500"></embed> </object> </div></div>Corey Gwinhttp://www.blogger.com/profile/00970298313951616296noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-1363225911052615062011-09-16T14:04:00.000-07:002011-09-16T14:07:33.422-07:00Mashable.com 9 Essential Resources for UI DesignersMashable put out an article today that I think provide a few good resource for UI inspiration, best practices, and guidance: <br /><br /><a href="http://mashable.com/2011/09/16/ui-design-resources/">http://mashable.com/2011/09/16/ui-design-resources/</a><br /><br />Thought I would share. Always nice to see what others are up to.Corey Gwinhttp://www.blogger.com/profile/00970298313951616296noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-85562238880069363852011-08-08T22:18:00.000-07:002011-08-08T22:47:31.031-07:00Manners and HCI DesignIt's fairly frequent to hear discussions about our (humans) manners and dealing with new devices. As we adopt new technologies it takes a while to figure out how to incorporate the changes in lifestyle in a way that promotes civility between one another. But that's not what I'm talking about. I'm talking about the manners that the devices and applications we create have.
<br />
<br />In my day job I frequently deal with creating alerts for users. In my users' field of work it is important that they are alerted sometimes--even if we have to be a bit obnoxious about it--lives are at stake. But as I microwave a burrito for breakfast and then go attend to a few things while it cools down, it's not really important that I be alerted every 60 seconds that the burrito is done. In fact I rarely forget that I put food in the microwave but I frequently want to let it sit there for a few minutes to cool down. But the designers of my cool looking microwave didn't realize that. As I try to reverse engineer the personas they were expecting to buy said shiny appliance, I can see two possible audiences my microwave is designed for:<div>1) A user who is old and senile and typically forgets within 3 minutes that they have put food in the microwave and needs to be reminded.</div><div>2) A mega-stoner who has the munchies but forgot that they were already cooking those Hot Pockets.</div><div>
<br /></div><div>Unfortunately for GE I am neither one of these people and I now have an active dislike for GE and their no-user-scenario-using, beep-making product designers. It's not like an oven where the house could catch fire if you go on vacation with it on. No, microwaves turn off when the little timer goes off. Worst case scenario is cold soup.</div><div>
<br /></div><div>Another example that I see more and more online is the pop-up survey within seconds of a page loading. "Would you like to take this survey?" it asks. No, users are not invested in content at this point nor has the site made a good impression on the user. As a researcher and occasional surveyor I get the usefulness of surveys. They are easy, inexpensive and don't take much time. But we have to look at their other qualities--annoying, interrupting and boring--especially when we are asking people to volunteer to give their time and attention to the site's cause without compensation. It's not that surveys are wrong but we must employ them in a manner that models our polite standards of interactions. When we talk about user centered design vs task centered or goal centered, I think the use of manners is a possible discriminator for user centered design. If we are always designing for a person then we are less likely to neglect those sociological and communicative details that affect the experience for the end user. And this user sure would appreciate that.</div>Chrishttp://www.blogger.com/profile/14060335427831810398noreply@blogger.com1tag:blogger.com,1999:blog-5411967205486033336.post-71824640767722984382011-08-08T21:54:00.000-07:002011-08-08T21:54:12.289-07:00This stuff really matters...http://www.edibleapple.com/apple-gets-creative-with-icloud-error-messages-photos/<br />
<br />
....but it only matters insofar as most software is devoid of decent error messaging. It doesn't have to go to quite such a cutre extreme as this example from Apple, but consider that often the most direct communication you make to your users comes in the form of error messages.<br />
<br />
At work, people have learned to not glibly state in front of me: "Just post a big red error message when that happens. Maybe throw in an exclamation mark, a big red X, or heck, why not a skull and cross-bones?" But that is the common approach: use this moment of one-to-one messaging to bolster a class/power division between you and your users: in effect, slap them down and show them who's boss.rashcomhttp://www.blogger.com/profile/04513187895256664833noreply@blogger.com1tag:blogger.com,1999:blog-5411967205486033336.post-33037188587508753352011-08-08T21:44:00.000-07:002011-08-08T22:04:28.271-07:00Interactive and Input Devices, The Buxton CollectionBill Buxton is a researcher for Microsoft. He's written a <a href="http://hci596.blogspot.com/2011/05/reading-recommendation.html">cool book</a> that we saw early in this summer in this very blog. He's also been collecting interactive and input devices for decades. Although these items might not be showing up at our local museums anytime soon, we can still check them out online at the <a href="http://research.microsoft.com/en-us/um/people/bibuxton/buxtoncollection/default.aspx">Buxton Collection</a>. The collection takes us through a visual history of the input devices that have played their own role in creating and shaping our field.<div>
<br /></div><div>Some highlights:</div>
<br /><div>
<br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8r7BjRj9f1D5o_-tUaONqc_kJcrsxZ850T-ANQcxgT93xszKIdMmc4Vcin4cwX6_X7Ex5s9vYki4jOSGgEPY1W3s2P9bQnz5hv8_G7A9IaO1YuCHogYOA7mXlPCU2Hx2_fKv4K0OPhvv9/s1600/DataRover.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 267px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8r7BjRj9f1D5o_-tUaONqc_kJcrsxZ850T-ANQcxgT93xszKIdMmc4Vcin4cwX6_X7Ex5s9vYki4jOSGgEPY1W3s2P9bQnz5hv8_G7A9IaO1YuCHogYOA7mXlPCU2Hx2_fKv4K0OPhvv9/s400/DataRover.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5638714735896208162" /></a></br>
<br />The General Magic Data Rover 840 with sweet physical metaphor action. </br>
<br /></br>
<br /> <a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMIbkEJDDAKt8WtN2TR6LZL-Bt9_so2gDNRV9tdQ7HHsxt2tJQrmJfFn7312AVZaiZbJ9d6zz_zXjBqdgul4kS63__72p0dtEd0ExjQ2yjcPGJwXXWfiaNEdSO983BTRdEubZmaICObXR/s1600/footmouse.png"><img style="cursor:pointer; cursor:hand;width: 400px; height: 267px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIMIbkEJDDAKt8WtN2TR6LZL-Bt9_so2gDNRV9tdQ7HHsxt2tJQrmJfFn7312AVZaiZbJ9d6zz_zXjBqdgul4kS63__72p0dtEd0ExjQ2yjcPGJwXXWfiaNEdSO983BTRdEubZmaICObXR/s400/footmouse.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5638715606562360482" /></a></br>
<br />The Versatron Foot Mouse. One might think this is marketed towards someone with a medical condition or extreme environment, but no--it's marketed as an improvement over your everyday hand mouse. I think this bad boy from 1984 is exactly what you need for your ottoman if you're a laptop couch junkie.</br>
<br /></br>
<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNEQ7A4WD0joucnxyGDIrb3kaeq5FEQ9hdnOzo5lUw3gldc_KGPYn-ClYYUa2Em8CBHE8HgfIvYEqioTMf4_-u5_omT-sPS12tEXmtoAHUXD6e8MoNjvTZrkuDqim-rxe8VFdHLj47j-39/s1600/spacecommand.png"><img style="cursor:pointer; cursor:hand;width: 400px; height: 267px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNEQ7A4WD0joucnxyGDIrb3kaeq5FEQ9hdnOzo5lUw3gldc_KGPYn-ClYYUa2Em8CBHE8HgfIvYEqioTMf4_-u5_omT-sPS12tEXmtoAHUXD6e8MoNjvTZrkuDqim-rxe8VFdHLj47j-39/s400/spacecommand.png" border="0" alt=""id="BLOGGER_PHOTO_ID_5638717068948338018" /></a></br>
<br />Okay, I admit, I picked this delight from Zenith simply because it is called the Space Command SC 600-X. Why didn't that name stick? It's way cooler than "remote control" or heaven forbid "clicker."</br>
<br /></br>
<br />
<br /></div>
<br /><div>
<br /></div>Chrishttp://www.blogger.com/profile/14060335427831810398noreply@blogger.com1tag:blogger.com,1999:blog-5411967205486033336.post-58959666935369945632011-08-04T21:34:00.000-07:002011-08-04T21:34:35.743-07:00Captcha<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.seosmarty.com/wp-content/uploads/2009/05/captcha.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="http://www.seosmarty.com/wp-content/uploads/2009/05/captcha.jpg" style="cursor: move;" /></a></div>
I have an undying hatred for Captcha, it seems to haunt my self confidence whenever I attempt to submit anything online. All it says to me is that the website has unmanageable amounts of spam and that somehow, it's the users fault. Well, maybe no one is being blamed, but it is the user that gets stuck with the bill. I'm glad our justic system isn't built off the same logic. "Well, to prove your not guilty, we would like you to perform a miracle, someone benevolent and righteous enough to do such a thing could never be guilty." So, anyway, I got to thinking about new ways of Captchaing submissions that lower the amount of cognitive/ sensory resources needed to complete it. Most Captcha designs are based on the computer intelligence tests that somehow go back to the stoneage when all we had were words that were easy to read and words that were hard to read. With all of our intelligence in the fields of computer science, psychology, and AI, is this the best we can do? The first thing I thought was along the same lines as what is currently in market place, a text word written plainly, with a bunch of words and letters scrolling in front of it. The idea is that your brain would focus on the static word, and the fly by decoy words would be ignored. Well, I made an example..<br />
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7LLNQmVum9PfAtyNQQUWhM-x-0F6Nc571UQ3qMoC8NDpQVXv23rojfboDmY7J97qoZXEYreDbLxwPrJKhLacVwrxebUPNNG8uddZ76y4-liD844fM0C0svOw0unW6_gt2u4a6uB_dXJbS/s1600/Caotcha_example.gif" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7LLNQmVum9PfAtyNQQUWhM-x-0F6Nc571UQ3qMoC8NDpQVXv23rojfboDmY7J97qoZXEYreDbLxwPrJKhLacVwrxebUPNNG8uddZ76y4-liD844fM0C0svOw0unW6_gt2u4a6uB_dXJbS/s1600/Caotcha_example.gif" /></a><br />
<br />
<br />
<br />
<br />
<br />
<br />
It didn't take me long to realize that I wasn't a fan, and that I wan't figuring anything special out. So I got to thinking again. I remember watching Tron and thinking man it's so easy to tell his face is CGI, I wonder how well a computer can tell a CGI face from a real face, I know I can. What if a 2nd gen captcha had two faces a CGI face and a real one and the question was posed, "which of these is a real person?"<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://loveseemovies.com/uploads/allimg/090119/2256005c9-0.jpg" imageanchor="1" style="clear: left; display: inline !important; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="132" src="http://loveseemovies.com/uploads/allimg/090119/2256005c9-0.jpg" width="200" /></a><a href="http://www.ecrux.com/static%20images/face2large.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="http://www.ecrux.com/static%20images/face2large.jpg" width="200" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
Can you answer? I think I can, can a robot answer? no clue.</div>
J Renihttp://www.blogger.com/profile/09021096498217950361noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-11927841329179777292011-08-03T22:20:00.000-07:002011-08-03T22:25:27.373-07:00UMEX, a shorter alternative for the already short SUS?<span class="Apple-style-span" style="font-family: inherit;"><br /></span><br />
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-indent: .5in;">
<span class="Apple-style-span" style="font-family: inherit; font-size: 16px;">As you might have noted
from one of my previous blogs (SUS), I am a big fan of usability analyses and
statistics. One thing I have found time and time again, is that it can be very
difficult to get participants to take surveys seriously. There often seems to
be a sweet spot when the user has less than 5 questions, but over 10 questions
and, whether you want to admit it or not, the number of bad data participants
increases exponentially. That said, I came across a study recently by
researchers at Intel that encountered a similar problem when attempting to
incorporate a 10-item, five-point Likert scale called the System Usability
Scale (SUS). To solve this, they decided to empirically reduce the number of
questions by using only the highest correlating questions from a modified
version of the SUS. The SUS was chosen because it had been extensively tested,
and has proven to be a reliable representation of user satisfaction and system
usability. However, by cutting down the number of questions from the SUS, it
would also reduce the amount of data points, to help offset this, the Likert
scales increased from 5 to 7 points. Increasing to a 7 point Likert was also
heavily backed up by previous research (see Diefenbach et al. (1993), Cox
(1980)). The results of the research was titled the Usability Metric for User
Experience (UMEX). </span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-indent: .5in;">
<span class="Apple-style-span" style="font-family: inherit;"><span style="font-size: 12pt;">It was concluded that
the UMEX is a “reliable, valid, and sensitive alternative to the System
Usability Scale.” It has a high correlation with SUS at that of above 0.80.
Because of this, it is suggested that the UMEX is fully capable as acting as a
standalone application for usability testing. More so, because of its compact
size and ease of application, the Umex is attributed by a fundamental
requirement by the Use Experience community: “in order to measure user
experience effectively, its components need to be measured efficiently.”</span><span style="font-size: 13.5pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="line-height: normal; margin-bottom: .0001pt; margin-bottom: 0in; text-indent: .5in;">
<span style="font-family: inherit; font-size: 12pt;">I have not ever used the
UMEX or anything like it. I can not say it should be used, I just think someone
doing a quick and dirty study might like using it.</span><span style="color: black; font-family: 'Times New Roman', serif; font-size: 13.5pt;"><o:p></o:p></span></div>
J Renihttp://www.blogger.com/profile/09021096498217950361noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-47638991372408290282011-08-03T21:47:00.000-07:002011-08-03T21:47:55.167-07:00Color contrast Calculator<br />
<div class="MsoNormal">
Ok, so in the last post I wrote about color contrast and provided
some links to a few calculators. I found however, that the calculators have all
been designed for the designers and not for the usability tester. So the bold,
adventurous spirit that I am… not really, just interested enough, decided to
prototype one. Ok, so it is very early in the Alpha phase, and yes I designed
it in excel… but I think it has a lot of potential. </div>
<div class="MsoNormal">
Here’s what it does.<o:p></o:p></div>
<div class="MsoListParagraphCxSpFirst" style="mso-list: l1 level1 lfo1; text-indent: -.25in;">
</div>
<ul>
<li><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="mso-list: Ignore;">.<span style="font: 7.0pt "Times New Roman";">
</span></span></span>Provides the practitioner with an eyedrop
color selector. Many times when doing analyses, we do not have access to the
original code, and even if we did, going through code to find a hexadecimal color
code isn’t exactly the best use of time. <span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="mso-list: Ignore;"><span style="font: 7.0pt "Times New Roman";"> </span></span></span>Provides a quick pass fail for both color and
brightness, as well as a combined pass fail.</li>
<li><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="mso-list: Ignore;">.<span style="font: 7.0pt "Times New Roman";">
</span></span></span>Shows percentages for acceptance</li>
</ul>
<!--[if !supportLists]--><br />
<div class="MsoListParagraphCxSpMiddle" style="mso-list: l1 level1 lfo1; text-indent: -.25in;">
<o:p></o:p></div>
<div class="MsoListParagraphCxSpLast" style="mso-list: l1 level1 lfo1; text-indent: -.25in;">
<o:p></o:p></div>
<div class="MsoNormal">
What it should/ will do</div>
<div class="MsoNormal">
</div>
<ul>
<li><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="mso-list: Ignore;"><span style="font: 7.0pt "Times New Roman";"> </span></span></span>Accept text size</li>
<li><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="mso-list: Ignore;"><span style="font: 7.0pt "Times New Roman";"> </span></span></span>Have a second tester for background contrast. A
big problem with contrast is not just the for/background contrast, but it is
also the amount of changing contrast found in the background. For example, if
the background is a faded brick wall, although any given color provide plenty
of contrast for the forground, the internal contrast between the levels of
brick make text reading illegible.</li>
<li><span style="mso-bidi-font-family: Calibri; mso-bidi-theme-font: minor-latin;"><span style="mso-list: Ignore;"><span style="font: 7.0pt "Times New Roman";"> </span></span></span>The program should automatically spit out the
text needed to present the data, with descriptive stats included and
everything. (i.e., A basic color contrast analyses showed low levels of
contrast (CD = 100)…) </li>
<li>Provide an example of the colors chosen.</li>
<li>A bread toaster.</li>
</ul>
<br />
<div class="MsoListParagraphCxSpLast" style="mso-list: l0 level1 lfo2; text-indent: -.25in;">
<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
I am attaching my first draft for anyone interested in
looking.<a href="https://docs.google.com/leaf?id=0B3QTZ3wQ2lCeNzA4YWU4MDMtZmI1ZS00MWJkLTg2NjAtOTY4NWE4MDJlMTQ2&hl=en_US"> HERE</a> is the link<o:p></o:p></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<br /></div>
J Renihttp://www.blogger.com/profile/09021096498217950361noreply@blogger.com2tag:blogger.com,1999:blog-5411967205486033336.post-90014178650836014182011-08-03T21:31:00.001-07:002011-08-03T21:49:20.446-07:00Color contrast<br />
<div class="MsoNormal">
<span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">Although many color design
rules originated to support visual impairments, they are beneficial for all
users. Reading is not an innate ability; we do not learn to read simply by
watching others read. It requires effortful study and attention. Reading can be
one of the most cognitive recourse intensive things a user does on a website.
For this reason, it is vital that we as UX designers, facilitate easy reading
for all users. This will ultimately help users discern text, paragraphs, and
text bodies much more efficiently. Background / foreground Color testing is
often judged on two primary attributes, the contrast of the colors </span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"> and the brightness of the colors. Equations
and standards for meeting accessibility requirements have been developed by W3C
<a href="http://www.w3.org/TR/WCAG10-CSS-TECHS/"><span style="color: windowtext;">http://www.w3.org/TR/WCAG10-CSS-TECHS/</span></a>.
These standards provide detailed calculations for determining color contrast
effectiveness. These formulas are as follows:<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><br /></span><br />
<span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"> <b>Brightness
Difference:</b><o:p></o:p></span><br />
</div>
<div class="MsoNormal">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"> The
brightness difference is found by subtracting the figure index from the ground.
The brightness index is found by multiplying each RGB value by a predefined partition
of 1000. The values are then summed together and then the total is devided by
1000. The value for Red is 299, the value for Green is 587, and the value for
blue is 114. So the completed equation would be: (299R + 587G + 114B)/1000.
Next you subtract the index of the </span><br />
<span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">figure from the background and you have the
difference. <o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><br /></span><br />
<span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><b>Color Difference</b><o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"> Color
difference is very similar, however, the index is simply a summation of all RGB
values and the difference is found by subtracting one from the other.<o:p></o:p></span></div>
<div class="MsoNormal">
<span class="apple-style-span"><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">The range for color
brightness difference is 125. The range for color difference is 500.</span></span><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><o:p></o:p></span></div>
<div class="MsoNormal">
<br /></div>
<div class="MsoNormal">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;">Many calculators have been created to do this for
you.<o:p></o:p></span></div>
<div class="MsoNormal">
<span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><a href="http://www.hgrebdes.com/colour/spectrum/colourvisibility.html"><span style="color: windowtext;">http://www.hgrebdes.com/colour/spectrum/colourvisibility.html</span></a><o:p></o:p></span></div>
<div class="MsoNormal">
<a href="http://snook.ca/technical/colour_contrast/colour.html"><span style="color: windowtext;">http://snook.ca/technical/colour_contrast/colour.html</span></a><o:p></o:p></div>
<div class="MsoNormal">
<a href="http://www.takeform.net/contrastCalculator.php"><span style="color: windowtext;">http://www.takeform.net/contrastCalculator.php</span></a><o:p></o:p></div>
<div class="MsoNormal">
<a href="http://www.hp.com/hpinfo/abouthp/accessibility/webaccessibility/color_tool.html"><span style="color: windowtext;">http://www.hp.com/hpinfo/abouthp/accessibility/webaccessibility/color_tool.html</span></a><span style="font-family: 'Times New Roman', serif; font-size: 12pt; line-height: 115%;"><o:p></o:p></span></div>
J Renihttp://www.blogger.com/profile/09021096498217950361noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-13788264203227938712011-08-02T22:56:00.000-07:002011-08-03T13:18:05.270-07:00Craigslist? Why bother redesigning it?After all that grueling work, I come across this link for an Adobe Air desktop app of CL.<br />
http://www.cldesktop.com/<br />
<br />
I love the sporadic migration of web apps to the desktop (actually I helped design one: Yousendit's "Express"). Somehow it feels like the barbarians storming the walls.<br />
<br />
-Robrashcomhttp://www.blogger.com/profile/04513187895256664833noreply@blogger.com1tag:blogger.com,1999:blog-5411967205486033336.post-10465190413777831532011-08-02T21:53:00.001-07:002011-08-02T21:53:57.981-07:00Existing Product Redesign vs. New ProductsThere is a very big difference between doing Interaction and Experience design for new products vs doing these tasks for the redesign or upgrade of existing products. My last two jobs were with companies that had established software products and product managers with loads of client and product knowledge. In this scenario, there is much less up-front user research to be done since the feedback is typically steady and a product manager knows the shortcomings and the opportunities for enhancements. Consequently, it is easy to look at the job of Interaction Design more in the middle of the process. From assignments over the course of my classes, it is typically the early research that is lacking in my projects and I've come to realize that only certain, lucky individuals get to do true product research. The discovery of a need may still come from another role such as a product manager or the business portion of a company. But if the product is new, it is the designer and researcher that must use proper methods to discover the use cases. One of the things I look forward to as I move forward in this career is doing proper research on users with interviews, case studies, focus groups and ethnography, to name the main methods.Anonymoushttp://www.blogger.com/profile/05049834591566139838noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-122618434796642912011-08-02T13:31:00.000-07:002011-08-02T15:44:12.144-07:00New Login Designs - New Problems<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9tDWi_WuTH3cH21ku1db7gS7INeB0VHt589IoPaKNz04cinakeMR5uKSlaMowcqDVsxGW58eapixH92n_tayiI8laRTs_7PkbXKKJVL2kRfFkFi5n5-YxSMUvF3HjWQM-BBqkl9q4ZWBI/s1600/blog_signinpage.gif" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="float:left; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 400px; height: 178px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9tDWi_WuTH3cH21ku1db7gS7INeB0VHt589IoPaKNz04cinakeMR5uKSlaMowcqDVsxGW58eapixH92n_tayiI8laRTs_7PkbXKKJVL2kRfFkFi5n5-YxSMUvF3HjWQM-BBqkl9q4ZWBI/s400/blog_signinpage.gif" border="0" alt="" id="BLOGGER_PHOTO_ID_5636391949554102610" /></a>I <a href="http://hci596.blogspot.com/2011/07/measuring-usability-14-burdens-placed.html">posted something</a> a few weeks about about bad design and noted the issues with single sign-on or the lack thereof.<br /><div><br /></div><div>Recently I came across <a href="http://bagcheck.com/blog/02-design-solutions-for-new-log-in-problems">this post</a> which looks at an emerging issue with a user's ability to login using authentication via an entirely different service, such as Facebook. </div><div><br /></div><div>This is a login option I don't tend to use - I prefer to keep everything separate - but I thought these stats were interesting, noting how often folks end up with multiple accounts and still can't remember their login:</div><div><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:small;"></span></span></div><blockquote><div><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:small;"><br /></span></span></div><div><span class="Apple-style-span" style="color: rgb(80, 80, 80); line-height: 21px; "><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:small;">"User Interface Engineering's </span></span><a href="http://www.uie.com/articles/three_hund_million_button/" style="color: rgb(38, 127, 217); text-decoration: none; "><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:small;">analysis of a major online retailer</span></span></a><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:small;"> found that 45% of all customers had multiple registrations in the system, 160,000 people requested passwords per day, and 75% of these people never completed the purchase they started once they requested their password. Ouch."</span></span></span></div></blockquote><div><span class="Apple-style-span" style="color: rgb(80, 80, 80); line-height: 21px; "><span class="Apple-style-span" style="font-family:arial;"><span class="Apple-style-span" style="font-size:small;"></span></span></span></div><div><br /></div><div>The folks at bagcheck illustrate an approach they're trying in order to help make this type of login easier for the end-user. I like that they show they're process and how it evolves. </div><div><br /></div><div>What does strike me as odd is that you can see all these other user names when you search for your own... that seems worrisome.</div><div><br /></div><div><span class="Apple-style-span" style="font-size:small;"><i>Article: </i></span><a href="http://bagcheck.com/blog/02-design-solutions-for-new-log-in-problems"><span class="Apple-style-span" style="font-size:small;"><i>http://bagcheck.com/blog/02-design-solutions-for-new-log-in-problems</i></span></a></div>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5411967205486033336.post-74193396133398303822011-08-02T12:35:00.001-07:002011-08-02T12:58:11.973-07:00Javascript UI Libraries - Bridging the Gap Between UX Designers and Web Developers<div>I decided to finish my blog posts with the same topic that I started with - the gaps between the developers and designers. <a href="http://hci596.blogspot.com/2011/05/ui-fundamentals-for-programmers-37.html#comments">Responses</a> to my first post were interesting and insightful. </div><div><br /></div><div>Again, I remember people talking about developers shooting down their UX ideas because they simply don't think it is possible given the time-constraints. Javascript UI libraries are rapidly evolving into the role of saviors for both UX designers and developers. There are several javascript libraries out there that makes the job of manipulating a web-page's objects within it's Document Object Model very easy. In addition many common widgets that are used most frequently while designing websites are now emulated by simple to use Javascript libraries. Examples of these commonly used widgets are - Accordions, Drop Down Menus, Dialog Boxes, Minimizable boxes etc,.</div><div><br /></div><div>Following are a few of the many Javascript UI libraries that make the use of these widgets as easy as a couple of lines of code. </div><div><a href="http://developer.yahoo.com/yui/">YUI</a></div><div><a href="http://jqueryui.com/">JQuery UI</a></div><div><a href="http://mochaui.org/">MochaUI</a></div><div><a href="http://script.aculo.us/">Scriptaculous</a></div><div><a href="http://livepipe.net/">Livepipe</a></div><div>AlloyUI</div><div>XUI</div><div><br /></div><div> Knowledge of the features of these libraries would strengthen your case when a software developer shoots down your proposal stating 'lack of time' as a reason. Software developers in turn can turn themselves into amazing UX developers without much effort if they are familiar with these wonderful tools. Adding new UX features to their repertoire everyday, these libraries are bridging the gap between designers and developers.</div><div><br /></div>Tejahttp://www.blogger.com/profile/04520391360449458314noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-30743099984366714972011-08-02T11:15:00.000-07:002011-08-02T11:15:25.641-07:00Geri Interaction Design: Importance of Logo in Branding<a href="http://geriinteractiondesign.blogspot.com/2011/08/importance-of-logo-in-branding.html?spref=bl">Geri Interaction Design: Importance of Logo in Branding</a>: "New Logo Sketches This is a redesign sketch of a new logo for the HCI site. I attempted to keep some of the same language of the existing l..."Anonymoushttp://www.blogger.com/profile/07209475158482258977noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-2720716690765268972011-08-02T10:38:00.000-07:002011-08-02T10:38:42.159-07:00Geri Interaction Design: Card Sort Exercise<a href="http://geriinteractiondesign.blogspot.com/2011/06/card-sort-exercise.html?spref=bl">Geri Interaction Design: Card Sort Exercise</a>: "Lecture number six had a section about a method of research from the information technology discipline called card sorting. This is a method..."Anonymoushttp://www.blogger.com/profile/07209475158482258977noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-38444557940929957002011-08-02T10:31:00.000-07:002011-08-02T10:31:17.439-07:00Geri Interaction Design: Creation of App For HCI site.<a href="http://geriinteractiondesign.blogspot.com/2011/08/this-is-wireframe-for-proposed-redesign.html?spref=bl">Geri Interaction Design: Creation of App For HCI site.</a>: "Wireframe for HCI site This is the wireframe for the proposed redesign of the Iowa State University Human Computer Interaction site. The ho..."Anonymoushttp://www.blogger.com/profile/07209475158482258977noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-44170922567427248312011-08-01T17:34:00.001-07:002011-08-01T18:04:18.030-07:00Opportunities for UX Improvement in Retail WebsitesMy curiosity to know if there are any websites or UX firms that examines different websites for usability metrics led to a few fairly interesting companies, individual blogs and websites. One of my favorite studies conducted by <a href="http://www.usography.com/">Usography</a> is this <a href="http://www.usography.com/audit/">UX audit</a>.<br /><br />Usography reviewed 100 top retail web sites and presented their findings in "Retailer UX Audit". The sites were rated according to a list of 30 user experience feature criteria (listed in the article). The founder of Usography, Paul Bryan, summarized their findings in <a href="http://www.uxbooth.com/blog/10-ux-features-missing-on-top-e-commerce-sites/">this article</a> on UXbooth.com. It is interesting to note that on a scale of 30 two companies were were tied for first position. What is more interesting is the fact that these two companies implemented 16 out of the 30 features. I'm sure the article would be even more fascinating to people who worked on the 'Individual Class Project 3' (Socialite) or participated in an in-class activity where we discussed about ideas for a shopping application with social features. Aren't you thrilled to see that some of the best features that were found to be missing from many sites were actually discussed during the in-class activity? For example we discussed about features related to price comparison and visual try-ons. Though companies like Buy.com and Amazon.com which are online-only retailers take the top spots, they only implement half of the features used as the evaluation criteria. This tells us that even in case of mature companies there is a significant potential for UX improvement. I do not believe that implementing all 30 features would increase the sites overall usability. Also a thorough cost-benefit analysis should precede the decision to support implementation of any of the listed features. However this audit provides tremendous value to the companies by pointing-out areas of improvement, without the companies having to invest in a UX evaluation.<br /><br />Note: Do check-out Usography's website and services. They have an interesting business model and offer several design services with a lot of focus on evaluation.Tejahttp://www.blogger.com/profile/04520391360449458314noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-26353671091231650512011-08-01T00:42:00.000-07:002011-08-01T01:07:39.918-07:00A Picture Is Worth a Thousand Words...er...Page Hits<div>The saying is true and Stew Langille, former VP of marketing at Mint, is out to prove it with his new startup <a href="http://visual.ly/">visual.ly</a>. Visual.ly will attempt to <span class="Apple-style-span" style="line-height: 24px; ">build a community, market and tools for infographics. </span><span class="Apple-style-span" style="line-height: 24px; ">Later this year, visual.ly plans to release Web-based “prosumer” tools for editorial, marketing, student and other users to create their own shiny infographics.</span></div><div><br /></div><div><a href="http://allthingsd.com/20110713/visual-ly-wants-to-bring-nifty-charts-and-graphs-to-the-rest-of-us/">According to Langille</a>, some of the most successful posts on Mint.com's site, that garnered the site its user base, were the posts including infographics. These posts would receive 30 to 40 times the page views of non-infographic posts.</div><div><br /></div><div><span class="Apple-style-span" style="line-height: 24px; ">Visual.ly hopes to make creating attractive infographics from user data easy--particularly easier than creating them with non-data driven programs like Adobe Photoshop. These designs can then be tweeked and shared as desired.</span></div><div><span class="Apple-style-span" style="line-height: 24px; "><br /></span></div><div><span class="Apple-style-span" style="line-height: 24px; ">It is an interesting idea and I'm looking forward to trying it out. Making attractively designed infographics in Illustrator or Photoshop is not always ideal. I'm curious to see how they'll create different themes or styles so all the infographics do not begin to seem the same. A few of my favorites shown so far are <a href="http://visual.ly/true-colors-color-preferences-gender">True Colors: Color Preferences By Gender</a>, <a href="http://visual.ly/mars-missions">Mars Missions</a> and <a href="http://visual.ly/evolution-geek">The Evolution of the Geek</a>.</span></div><br /><iframe width="560" height="349" src="http://www.youtube.com/embed/sCmO8YKzv9U" frameborder="0" allowfullscreen></iframe>Corey Gwinhttp://www.blogger.com/profile/00970298313951616296noreply@blogger.com1tag:blogger.com,1999:blog-5411967205486033336.post-84145564361106121442011-07-31T11:58:00.000-07:002011-07-31T12:10:22.419-07:00Google’s new User InterfaceHave you noticed Google’s clean, a minimalistic user interface? The new facelift slowly started to spread across Google’s suite of products when Google+ (Google’s answer to Social Networking problems) was introduced. You could say that the new interface has a much more breathing room compared to the previous by looking at the before and after Gmail themes (below). Allowing extra spaces in between links, buttons, within buttons, words, and sentences makes the information on the page easily readable and digestible. By applying different shades of grays to the controls and fonts, the new facelift brings out all the important information to the forefront. Regardless of all the positive aspect about the new interface, you might experience scrolling vertically, roughly about 128 pixels further down (differences in the Gmail’s before and after image height) to view rest of the content, whereas in the old interface the content would be available to you without scrolling vertically. <br /><br />Gmail Theme (before)<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/-kXzeu-sOWzw/TjWmbK_avYI/AAAAAAAABS4/X4sqgmEiRas/s1600/gmail_oldtheme.jpg"><img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 120px;" src="http://2.bp.blogspot.com/-kXzeu-sOWzw/TjWmbK_avYI/AAAAAAAABS4/X4sqgmEiRas/s320/gmail_oldtheme.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5635593494461070722" /></a><br /><br />Gmail Theme (after)<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/-IIEAXcwNa6M/TjWmy80pZRI/AAAAAAAABTA/GygOpct9cHY/s1600/gmail_newtheme.jpg"><img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 158px;" src="http://4.bp.blogspot.com/-IIEAXcwNa6M/TjWmy80pZRI/AAAAAAAABTA/GygOpct9cHY/s320/gmail_newtheme.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5635593902974657810" /></a><br /><br />Because of the extra spaced links, controls, and large buttons, Google’s new interface is easier to use on my iPad too. I was able to test the new interface with Google News since Gmail only supports iPad friendly web version. <br /><br />Google News (before)<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://2.bp.blogspot.com/-GiQgFtgN1U4/TjWnnxkb53I/AAAAAAAABTI/T_Gyw-zec68/s1600/before.jpg"><img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 187px;" src="http://2.bp.blogspot.com/-GiQgFtgN1U4/TjWnnxkb53I/AAAAAAAABTI/T_Gyw-zec68/s320/before.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5635594810486941554" /></a><br /><br />Google News (after)<br /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://4.bp.blogspot.com/-jLBR1fmcKVc/TjWoS7_pMuI/AAAAAAAABTY/7jsrDsMc5A8/s1600/photo%2B1.PNG"><img style="float:center; margin:0 10px 10px 0;cursor:pointer; cursor:hand;width: 320px; height: 240px;" src="http://4.bp.blogspot.com/-jLBR1fmcKVc/TjWoS7_pMuI/AAAAAAAABTY/7jsrDsMc5A8/s320/photo%2B1.PNG" border="0" alt=""id="BLOGGER_PHOTO_ID_5635595552019788514" /></a>Unknownnoreply@blogger.com1tag:blogger.com,1999:blog-5411967205486033336.post-72352786046913797432011-07-30T16:48:00.001-07:002011-07-30T19:50:51.795-07:00Marc Hassenzahl's Why, What, and How.While reading Marc Hassenzahl’s chapter on User Experience and Experience Design (link below) in conjunction with Buxton’s “Sketching User Experiences”, the differences and what user experience is became clear to me. Commentaries by several user experience gurus at the bottom of Hassenzahl’s chapter are also helpful in understanding user experience and experience design. <br /><br />The Philips’ Wake-Up Light is a perfect example that describes a (what Hassenzahl calls it) surrogate experience. Let’s say an enlarged version of the wake-up light that was flat and mounted on to one of the bedroom walls, it would only be visible and active during the user set time—by doing so, would it enhance the user experience? <br /><br />The three levels of Why, What, and How that Hassenzahl, lays out are easy to understand in terms of the experience of a product. Basically, Why clarifies the “needs and emotions involved in an activity, the meaning, the experience.” After the Why is determined, then the What “determines functionality that is able to provide the experience.” And the How is “way of putting the functionality to action.”<br />Ref: http://www.interaction-design.org/encyclopedia/user_experience_and_experience_design.htmlUnknownnoreply@blogger.com1tag:blogger.com,1999:blog-5411967205486033336.post-22631013936890113792011-07-30T08:42:00.000-07:002011-07-30T08:53:57.822-07:00Micro businesses and service designOne of the things that this course has helped me do is recognize service design. I remember when I had my first visual design class in undergrad and I started seeing the world differently and noticing things like alignment, proximity, fonts, and so forth in the media around me. Now the way I perceive the world has a service recog capability that wasn't there before. So I recently saw a very interesting business in my local town that I think is awesome because it's people recognizing a need that is not being met and then fulfilling it. It's not super-complicated but it's a good example of how micro-businesses can work.<div><br /></div><div>The service is called ikea*run. Our city is about 4 hours away from an Ikea store but there are enough people in town who have lived other places and traveled to know that we like Ikea. If you've ever tried to order from Ikea online then you know about their ridonkulous shipping fees. So these clever folks have started a business where you can order Ikea stuff and they will go get for less than the Ikea shipping and without the hassle of going yourself.</div><div><br /></div><div><br /><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihkMueItLSHXvoxSg2m_h7F_kWlS5JTx0m-FP25SqHB_SZTmaecxT4cp5hOORrP72YL-1PAwx7H9DCLqRH79jGFT5AbYdLWReDGcXLYKyDkEU9_sjEhyp8U5ke6TRgkQoW8hssPgJGFYt7/s1600/CM+Capture+5.png" onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}"><img style="cursor:pointer; cursor:hand;width: 400px; height: 302px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihkMueItLSHXvoxSg2m_h7F_kWlS5JTx0m-FP25SqHB_SZTmaecxT4cp5hOORrP72YL-1PAwx7H9DCLqRH79jGFT5AbYdLWReDGcXLYKyDkEU9_sjEhyp8U5ke6TRgkQoW8hssPgJGFYt7/s400/CM+Capture+5.png" border="0" alt="" id="BLOGGER_PHOTO_ID_5635173581358518914" /></a><br /></div><div><br /></div><div>http://ikearunhsv.com/index.html</div>Chrishttp://www.blogger.com/profile/14060335427831810398noreply@blogger.com0tag:blogger.com,1999:blog-5411967205486033336.post-40457166985007218482011-07-28T10:43:00.000-07:002011-07-28T10:54:29.616-07:00Tag Clouds and CognitionTag clouds have been very popular that last few years, even overused in certain circumstances. Trying to present useful information in a tag cloud seems way out of bounds. But what I've been wondering about lately is how to present information to the user in a tag cloud type of presentation where the weighted links and general organization of items is more intuitive.<br /><br />Tag clouds generally don't make sense to a new user. It's just a jumble of different-sized words. But it is clear that some things are more important and those words come to the forefront. So, when presenting data to a user, perhaps it makes sense to present the more often-used data in bolder text. I'd like to consider contrasting the matrix format with a tag cloud presentation.<br /><br />Here is an example:<br /><br />Name: Bo Campbell<br />Address: California<br />Phone: 805-867-5309<br /><br />Versus:<br /><br /><span style="font-size:85%;">Name</span> <span style="font-size:130%;"><span style="font-weight: bold;">Bo Campbell</span></span><br /><span style="font-size:85%;">State</span> <span style="font-weight: bold;font-size:85%;" >California</span><br /><span style="font-size:85%;">Phone</span> <span style="font-weight: bold;font-size:100%;" >805-867-5309</span><br /><br />It is important here to know what the user is looking for, so let's assume after exhaustive user research we know that the user is first looking for the name and then the phone number. He doesn't really care about the state. I am setting up some surveys for this, but my hunch is that the time it takes to find the data will be very similar. However, the experience may be much different. Instead of scanning line by line, it may be much easier for the eye to catch the words that are presented to them larger and in the right location.<br /><br />This is more how our brain has to work in the real world. We don't have danger categorized and ordered for use to scan. We have more important dangers that we look out for and keep our eyes open for. Perhaps the expression of data is easier to comprehend in this format.Anonymoushttp://www.blogger.com/profile/05049834591566139838noreply@blogger.com1