Changing Color by Time & Frequency

I’ve been thinking of how color can be used by “fading” or “brightening” content elements and how CSS could be attached to date (and other) triggers. Shaun Inman demonstrates 2 specific versions of his site that apply this concept (v. 10 | v. 9). Here’s a more detailed explanation: “About the Heap”. Look at his archives to see the color fade effect (it’s most noticeable in v.10). Shaun also mentions that he uses color to identify seasons.

In contrast, Del.icio.us applies the opposite effect by “brightening” a content item over time the more the same URL is saved by others. That way the user can see how popular it has become to del.icio.us users. An example is shown below:
screen shot of del.icio.us

What other ways can you see color fade or brighten techniques applied?

IA Summit 2008 Recap - A Week Later


IA Summit 'Meet Me' Badge

This was the second IA Summit that I’ve attended. Last year I took my wife. It was great because, as parents of twin toddlers, it was a welcome vacation and respite from the responsibilities that parenting entails. Although I willingly chose to spend free time with my wife, I wasn’t able to connect with people in my professional network as much as I would have hoped. This year I attended on my own, and I found the “conference” part of weekend much richer as I was able to participate in extended conversations with colleagues. I also found that Twitter became an easy substitute to the obligatory business card for creating connections. “Hello” to all of my new friends.

Resources

There are already a number of photos, slides, and podcasts available from the event. Podcasts are supposed to be uploaded to Boxes and Arrows, but I haven’t seen anything yet (I will update this post once I see them available).

Program: Main Conference Presentations
Social Network: Crowdvine
Photos: [Flickr Group: IA Summit 2008 | By Flickr Tag: IASummit2008, IASummit08, IASummit]
Slides: [SlideShare Event: IA Summit 2008 | By SlideShare Tag: IASummit2008, IASummit08, IASummit]

Quick Takeaways

There are already a number of recaps popping up everywhere, so I will try to post a little bit about what I learned at the sessions I attended. I’ll try to provide as many links as I can. Note that the sessions below are not the complete list - only those sessions I was able to attend. Please refer to the resources above to view the entire listing of sessions.

(more…)

Blackboard’s User-Centered Design

ACU To Go Foward With iPhone Application Development

As a follow up to my previous post, Abilene Christian University announced that they will give iPhones or iPod touches to incoming freshman next year. What this announcement likely means is that there will be considerable pressure put on the university’s web developers to successfully integrate existing systems and external tools into one seamless experience for users. A demo is provided at acu.mobi (which they explain is best viewed in Safari as it’s designed for the iPhone).

I am heartened to read one quote from Christopher
Gibbs, a programmer at ACU, when he states:

“There are a number of challenges when it comes to creating applications for the iPhone. I won’t go into all of them but the biggest is usability. Some people say content is king, well I say usability is king. This is true with any program or website but especially true on the iPhone, where you have a very limited interface.”

Some pressure might come from the administration on down in terms of what should be available, but I hope the team gets a lot of bottom up participation (i.e., students, non-tenured faculty, etc.) when they try to work on the how - how to implement features and functionality in both a usable and desirable way.

The United States is playing catch up with Europe in terms of our level of maturity with mobile devices, but this trend will certainly play out nicely in the education arena, particularly given the high rate (45% of teenagers of teenagers in 2005) already using mobile devices for a variety of needs.

Tags: [, , , , , ]

Apple Home Page Search


Apple Home Page Search

This morning I went to the Apple home page to find one of their commercials. I went to search and noticed that the behavior mimicked Apple’s own operating system and the “suggest” features available in browser search boxes. What I liked is that it not only offered suggested terms but displayed media previews along with the term. I realize this isn’t especially groundbreaking, given the amount of AJAX development in recent years. However, it reminded me that as Peter Morville analyzes search patterns, another to add to the list is the behavior of providing suggestions before a user has even executed a search. This might remedy the need to distinguish between a basic and advanced search, or the need to revise a search after seeing results. Notice the screen capture image (click image to see original) where I entered “ads” as my search term.

Tags: [, , , , ]

Desirability Heuristics

One of the criticisms of the UX field is that often the concern is to have a product that is usable, but is that all that is needed? Shouldn’t people have a pleasurable experience as well? I haven’t quite found a way to measure this within a usability test (other than through self-report). However, a recent proposed heuristic attempts to answer the question of how a product makes users feel by observing the emotional response of users during testing.

Although I am a firm believer in the power of nonverbal communication, I would have liked the authors to include more indicators of positive responses. This attempt, however, has inspired me to come up with my own heuristic for “desirability.” Right now I’m also beginning to look at the article referenced recently by Victor Lombardi. More to come…

Tags: [, , , , , , ]

User Experience Professionals are Here to Stay

I’ve decided to pour through my Gmail account to delete and archive old emails that I’ve been too busy to move from my inbox. Sure, I really don’t have to perform this task when I can just archive everything, but I’m pretty anal about categorizing my emails, even if I am not prompt at performing the task.

Today I stumbled across an email a colleague of mine sent out last July. He referred to a YouTube video that highlighted MS Vista’s speech recognition. All I can say is that while it performs admirably at times, quite a few times I found the video both painful and funny to watch (see below). It really confirms that the usability and user experience professions are here to stay.


Microsoft Vista Speech Recognition Tested - Perl Scripting

[Runtime: 10:33 | Please make sure you have the latest version of Adobe Flash installed on your computer to watch this video. To download it, please visit: http://www.adobe.com/]

- Hat Tip: Ari Weissman

Tags: [, , , , , , ]

LinkedIn Hover Behavior

I’m not a huge LinkedIn user, but I am impressed that they iteratively work to make their product better and better by targeting better social connection and better user experience.

The other day someone invited me to connect (no, not my wife, like the picture depicts), and I was impressed with both the use of dynamic button names and the behavior of providing help text when I hover over one of the buttons. Notice that the button dynamically includes my wife’s name (click picture to view larger image). Also, note the hover text.

LinkedIn Hover Behavior

I like this method of providing contextual help, particularly because it explains what the resulting action will be when the user clicks the button.

Tags: [, , , , , , ]

Information Architecture Summit 2008

This year your peers and industry experts will speak about how topics such as social networking, gaming, patterns, tagging, taxonomies, and a wide range of IA tools and techniques can help as users ‘experience information’.

- April 10-14, 2008 (Miami, Florida USA)” - (About the Summit)

I went to last year’s summit and found it very informative. You might consider checking it out - it’s in Miami!

(hat tip: InfoDesign)

Tags: [, , , , , ]

Edward Tufte iPhone Critique

Edward Tufte offers a critique of the iPhone’s interface design (includes video).

Tags: [, , , , , , , , ]

The Neverending Scroll

I’m not a big fan of the page scroll, unless it is absolutely necessary. The reason I oppose it is that it hasn’t tested well with children. According to Nielsen,
“Children rarely scrolled pages and mainly interacted with information that was visible above the fold.”

Armed with that knowledge, I am curious to see how successful the following site is: http://unlimited.orange.co.uk/flash/go

It’s attraction is constant discovery and continual scroll. I wonder who the target audience is.

Tags: [, , , , , ]

13 Usability Guidelines for Using Tabs

Today, Jakob Nielsen published an article on how to properly use tabs. He uses Yahoo! Finance as his case study.

Of note is how Nielsen contrasts guidelines from Apple OSX and Windows Vista. Personally, I too prefer title-style capitalization.

Tags: [, , , , , , ]

UPA’s User Focus Conference

Just a quick note that the Usability Professionals’ Association (DC Chapter) is organizing a one day conference on Friday, October 12 in DC.

http://www.upa-dc-metro.org/conference/2007/index.php

This local area usability conference will allow attendees to:

  1. LEARN about important trends, cutting edge methods, and case studies in usability and user-centered design.
  2. NETWORK with folks who do what you do…
  3. LEAVE motivated to create user experiences that drive results with a toolkit of techniques and best practices.

Tags: [, , , , ]

Primary and Secondary Actions in Form Design

Forms guru Luke Wroblewski recently discussed the concept of primary and secondary actions in form design: http://www.lukew.com/resources/articles/PSactions.asp.

After conducting some user testing, it seems as though button placement had more effect than using color to contrast primary and secondary actions. Although there was no clear winner, my vote would be for the left-align button placement with contrasting colors.

Tags: [, , , , , ]

What I Learned at Usability Conferences 2007

Yesterday, the local UPA DC chapter hosted,”What I Learned at the Usability Conferences – 2007.” I was part of a panel that represented the following conferences:

Here are some of the notes I had prepared:

What I Learned at the IA Summit - 2007

Resources:

Opening Keynote: Joshua Prince-Ramus

http://www.iasummit.org/proceedings/2007/prince_ramus_joshua

Joshua is best known as the architect of the Seattle Central Library. In his keynote, Joshua outlined issues surrounding limitations of space, resources and differing business goals and provided a glimpse into how his firm pushes for the best solution given these constraints. He had presented a similar talk to TED in February 2006:

http://www.ted.com/index.php/speakers/view/id/49

Closing Plenary: Rashmi Sinha

http://www.iasummit.org/proceedings/2007/sinha_rashmi

Rashmi is the creator of SlideShare. She discussed how her team bucked traditional usability methods to rapidly deploy a social web site product in beta mode. Her slides can be accessed from SlideShare:

http://www.slideshare.net/rashmi/ia-summit-closing-plenery/

Creating the Adaptive Interface: Stephen Anderson

http://www.iasummit.org/proceedings/2007/the_conversation_gets_interest

Stephen offered an inspiring presentation by arguing that the desirability of an application can be related to the adaptability of the interface. “More than removing unused menu options or collaborative filtering, this would include functionality that is revealed over time as well as interface elements that change based on usage.” His slides can be accessed from SlideShare:

http://www.slideshare.net/stephenpa/the-conversation-gets-interesting-creating-the-adaptive-interface/

Best Practices for Form Design: Luke Wroblewski

http://www.iasummit.org/proceedings/2007/best_practices_for_form_design

Luke takes the seemingly insignificant “form” and argues that clearly presented information, interaction, and feedback can make all the difference when a user needs to communicate with a company (i.e., commerce, access, engagement). His slides can be accessed from SlideShare:

http://www.slideshare.net/psykoreactor/best-practices-for-form-design/

Rich mapping and soft systems: new tools for creating conceptual models: Gene Smith and Matthew Milan

http://www.iasummit.org/proceedings/2007/rich_mapping_and_soft_systems

Gene and Matthew explain that Soft Systems Methodology (SSM) is a holistic problem solving framework that can be used to design and model interactions between organizations, people, environments, products and services. Identifying the CATWOE (Customers, Actors, Transformative Process, Worldview, Owners, Environmental Constraints) helps to add context to any project by articulating the “root definitions” of the problem. Their slides can be accessed from SlideShare:

http://www.slideshare.net/gsmith/systems-thinking-rich-mapping-and-conceptual-models/

Tags: [, , , , , , , , , , ]

UMCP HCIL Symposium

HCIL Logo

The University of Maryland Human-Computer Interaction Lab is hosting a symposium on May 31 and June 1.

Check out the event!

Tags: [, , , , , , , Ben Shneiderman]

Using a Screen Reader

If you’ve never used a screen reader or seen one in action, the Yahoo! User Interface folks posted this worthwhile video for you to check out…

Yahoo!’s Victor Tsaran is both an engineer and a blind computer-user whose interactions with his desktop applications and with the web are mediated by screen-reader software. In this video, Victor introduces you to the fundamentals of the screen reader experience and what his strategies are for accessing web content via the screen-reader interface.

[Runtime: 27 minutes | Please make sure you have the latest version of Adobe Flash installed on your computer to watch this slideshow. To download it, please visit: http://www.adobe.com/ ]

Tags: [, , , , , , ]

IA Summit Redux - DC Style

Is anyone going to the recap of the IA Summit 2007? Unfortunately, I will be unable to but I’d highly recommend going. Here’s the announcement:

If you missed the IA Summit in Vegas this year, fear not! DCIA will be holding a redux on Saturday, May 12 at 9am. We have commitments from several speakers to recap their talks.

Details:

Where: BCC Services Center
When: Saturday, May 12, 9am - 1pm
What: Mini-sessions, panel discussions, five-minute madness, networking, and bagels — lots and lots of bagels.
How much: $5 to cover the cost of food and venue

Speaker Detail Presentation File
Celeste Lyn Paul on card-sorting description PDF (519 KB)
Hallie Wilfert on her grandmother as IA description PPT (10.8 MB)
Stacy Surla on Second Life description PPT (6 MB)
Thom Haller on clear and useful content description PPT (8.5 MB)
Dan Brown on IA documentation description PPT (3.5 MB)
Austin Govella on IA’s impact on business description PPT (1.3 MB)
Lorelei Brown on lessons from failures description SlideShare (online)

We’ll be breaking into small groups to talk about several of the themes that emerged during the Summit, including: documentation for rich internet applications, management issues, and design processes.

VOLUNTEERS NEEDED: If you attended the Summit and would like to talk about your experience or lead a small group discussion, please drop me [Dan Brown] a line at brownorama@gmail.com.

Tags: [, , , , , , , , ]

Creating the Adaptive Interface

Stephen Anderson offered an inspiring presentation from the IA Summit.

[Runtime: 136 slides | Please make sure you have the latest version of Adobe Flash installed on your computer to watch this slideshow. To download it, please visit: http://www.adobe.com/ ]

Tags: [, , , , , , ]

IA Summit 2007 Roundup and UPA Resume Workshop

If you live in the DC area, there’s a good local event you might want to check out tomorrow:

Wondering where to get your coffee, bagel, and IA conversation tomorrow? Join us in Bethesda at 10:00 am for a resume panel discussion and workshop. Bring your resume for one-on-one feedback from panelists and experts. Refreshments will be available. A $5 donation will be appreciated.

On a related note, I’d encourage you to check out a great resume tool created by a former classmate of mine.

Sponsored by the User Experience Network, DC-IA, and UPA-DC.

WHEN: Saturday, April 21, 2007 10 am to 12 pm

WHERE: Bethesda-Chevy Chase Regional Services Center, 4805 Edgemoor Lane, Bethesda, MD 20814 (Bethesda Metro Station or Bethesda Center parking garage)

REGISTRATION: http://www.upa-dc-metro.org/registration/event/eventreg1.php

QUESTIONS: events@upa-dc-metro.org