This is the P2PU Archive. If you want the current site, go to www.p2pu.org!

Intro to Design and Usability

Week 1: Class schedule; Why design is important

B. Maura Townsend's picture
Mon, 2011-01-24 18:28

The main focus for this week will be:
Class organization and scheduling
Why design is important

Most important this week is that we all get on the mailing list and select our available times on the scheduling app. Please do this as soon as possible, so I know how many participants are still in the course. 

The scheduling app is here  - Please go and give us your available times so we can coordinate one or more live discussion sessions each week, whether they are voice or chat. 

The mailing list is here - this is where we will be doing all our threaded discussion (moderated for new members and first postings)
Classroom chat is here - this is for realtime text interactions, quick q&a, etc.

Discussion points:

We need a collaborative document platform for collecting our discussion highlights. Should we use Etherpad, or Google Docs? I have set up an Etherpad for this course here: http://pad.p2pu.org/iW9sIH8GNk where we can have live discussion on Wednesday 1/26 11-3 PST or leave feedback.

Design is important because it helps the user become less aware of the site structure and more aware of the content. This is what user expereince is all about. The user does not want to think about how they have to find what they want, they just want to find it.

Example sites, chosen because they were widely commented on in the application phase:

Both of these sites are deliberately bare-bones, utilitarian in style. Discussion points:

  1. As users, do you find this helpful or off-putting?
  2. What about the design, or lack thereof, of these sites is most or least pleasant to you?
  3. Can you find what you want quickly (at this point, we are not discussing search functionality, look at the menus and navigation)?
  4. If you could redesign either of these sites, what do you think you could do while still maintaining relative simplicity?

Now, read over this page on useit.com: http://www.useit.com/about/nographics.html which explains Jakob Neilsen's purpose behind a text-only site.  

  1. Discuss how this changes or does not change your opinion of the site.
  2. Are there any low-key or bare-bones web sites that you can think of that still have a pleasing or unobtrusive design that enhances the user experience?

This document may change  -  And changes will be broadcast to all participants.

Comments

Craigslist: I think

Rachel Salmon's picture
Rachel Salmon
Tue, 2011-01-25 09:28

Craigslist:

I think bare-bones is the best style for craigslist because of the nature of the site. The design has to work for users all over the world, with a wide variety of connection speeds and operating systems and quirky browsers. On top of that, all of craigslist’s content is user generated under the same wide range of circumstances. The design has to work as well for someone advertising a job in Mexico City as it does for someone looking for a free couch in London.

I’ve used craigslist plenty of times but I’ve never given much thought to the design of that site, to be honest I’d always assumed the layout reflected what sections had the most posts, kind of like a tag cloud in a blog. But looking at it for this assignment I noticed that it’s the same frontpage layout and design for craigslist/losangeles as for craigslist/kuwait, craigslist/kolkata, etc. That all the homepages have the same layout makes me think that they actually put a lot of thought into what most users need when they get to the homepage and how to organize information so that it’s more useful for people in a wide variety of situations.

I like how easy it is to find what you need on the front page. After that front page though, forget it! I think the design of the actual posts becomes really difficult to wade through, but I suppose a lot of that comes down to users who use 10 exclamation points in a row, or an unusual capitalization to draw attention to their post, etc. Under the circumstances though, I think craigslist is incredibly easy to use.

The barebones design also enhances the community driven, user generated aspect of craigslist. It’s like a web version of a bazaar or flea market, and as is the emphasis stays on what goods people are offering or looking for. I think if they changed the design to include a lot of graphics, or to make it more glamourous might detract from the DIY spirit of the site, which strikes me as central to craigslist.

Useit.com

The first time I saw this site I found it barely usable. In large part that is because I had no idea what it was, what sort of information I would find on it, and had never heard of Jakob Nielson. I imagine that if you know him and his work, you would look to it as a resource and the design wouldn’t be so off-putting.

What is most unpleasant about this site, for me, is that it’s not clear what it’s for or what users can expect to find on it. The divisions “Permanent Content” and “News” aren’t very helpful to me as a first time user, although I suppose they might be to the sites target users.

If I could redesign something I would put some sort of menu at the top to shed light on the contents of the site as a whole (beyond News/Permanent Content), to help the user feel like the content was more accessible. As it is it looks like a bunch of random links, the logic of why these links are up there and why some are permanent and some are news is not clear, but the random look of it doesn’t make me want to explore and find out.

* * *

After reading Nielson’s article, I think he raises some very important points about speed and the role of design. While his reasons from 1995 are still valid concerns, I wonder if these days his site’s design has more to do with his status as “The web design guru that web designers love to hate”. At this point is that design more of a personal statement than a real example of optimal usability? I think there must be some way in which he could organize a text-only site that wouldn’t bloat download times but would still make information on the site more accessible.

Other sites:
One barebones site which I visit quite a bit and find easy to use is metafilter.com, the design feels seamless to me, even though it’s got a ton of users/contributors and thousands of posts. Despite that huge amount of information the organization of the site feels transparent and easy to navigate. Another site I just found that might fit that bill is astheria.com, although that might be cheating because it’s made by a UX focused web designer, and while I think it is fairly bare-bones the design feels very intuitive and comfortable, and I look forward to exploring it further.

Hi all, first of all I would

Lola Martin's picture
Lola Martin
Wed, 2011-01-26 01:37

Hi all,

first of all I would like to say that I do not express in English as well as I would like (and google translate does not make miracles).

Well, and about Craiglist and Useit, this is my opinion:

1. The main difference between both sites is that the user on the first one (craiglist) knows what he want to find (a flat, a job...) and where, so it is helpful, but not imprescindible, see all the categories in the main page. But in the second one (useit) the user does not what exactly he is looking for. For that reason, I think it would be only neccesary the search bar... who reads the rest of text?

2. None of the two designs makes me crazy. Craiglist reminds me the ads section of newspapers while the other seems a site built a lot of years ago, because of the structure, colours chosen and fonts.

3. I can find what I want quickly in Craiglist but not in Useit. For example, I wrote in the search bar "video usability San Francisco" and the results were about text and not even a result of a video (whick is one of the first links in the main page) and I am not talking about the search engine, I am talking about the possibility of choosing categories and organized information.

4. I would put icons on Craiglist just to realize I am not in a newspaper. In Useit I would put categories, as I said before, like "reports", "conferences", "video" and a search bar in a more visible place.

---

After reading Jakob Nielsen's purpose I basicly think two things:

1. " The site was designed the in 1995... so, yeah, I was right... this page is a dinosaur of the Internet..."

2. His purpose can be resumed in two main points: Faster download of the page and money. Well, font-types and colours do not change the speed of download. and as for money... maybe a more "friendly" appareance of the site would get more users.

Hi Lola! Thank you for

B. Maura Townsend's picture
B. Maura Townsend
Wed, 2011-01-26 02:22

Hi Lola! Thank you for posting your response to the discussion topics. Can you sign on to the threaded discussion forum and repost?

BMT