That’s a lot of CHI !

About CHI, GUI and stuff.

Archive for the ‘Opdracht 1’ Category

Accounts aanmaken

leave a comment »


Ik had eerst op Google gezocht naar “Erik Duval” en was al de correcte Facebook pagina tegengekomen. Er stond een link om te registeren voor contact op te nemen. De link kon best wel iets groter zijn en beter zichtbaar.

Bij de registratie waren er redelijk wat vragen gesteld. Het grote Facebook kan dit misschien veroorloven, maar eigenlijk is dit niet ok, mensen worden afgeschrokken. En het merendeel van de info is verplicht, wat ook niet goed is.

Zo is de gehele naam verplicht, dit is wel normaal voor een netwerk site. Dat ik een universiteitsstudent ben, de status van de school, geslacht en geboortedatum. Dit is redelijk veel informatie. Ik geef bv. niet graag mijn geboortedatum door, dus heb ik maar een valse doorgegeven. Gewoon vragen naar de leeftijd of jonger/ouder dan 13 of 18 is misschien genoeg. Opnieuw veel van dit zou best optioneel en na registratie gebeuren.

Het paswoord moet echter maar 1 keer ingevuld worden. Dit is misschien gemakkelijk, maar kan fouten veroorzaken en per conventie is het meestal 2 keer.

De Captcha was nog leesbaar, althans in mijn geval. In ieder geval beter dan gemiddeld.

Ik had eerst een aantal velden niet ingevuld. Het probleem hierbij was dat ze niet optioneel worden en bij het herladen was mijn paswoord weg. En dit tot 3 maal toe. Niet echt gebruiksvriendelijk. Misschien ook zeggen wat er allemaal fout is en niet 1 ding.

Een ander probleem was dat de confirmatie-email niet direct aankwam. (pas de volgende dag). Ik moest veel zoeken in de help en uiteindelijk was er een form om het te melden en dit was blijkbaar manueel door Facebook Team. Waarom geen email opnieuw sturen?

Dan proberen ze te vragen naar het paswoord van email adressen voor de contacten. Eigenlijk zou dit niet kunnen.

Ze wisten uit mijn email-adres dat ik van de KULeuven was. En hielden hierbij rekening bij het zoeken naar vrienden. Gemakkelijk.

Zo kon ik bijvoorbeeld zoeken naar “DUVAL” op KULeuven en gemakkelijk gevonden. Dan als vriend toegevoegd. De link was wel klein, maar dat went snel.

Er waren ook veel goede suggesties in “People You May Know”.


Bij de initiale registratie worden minder details gevraagd dan bij Facebook. Opnieuw 1 enkele keer het paswoord geven. Weer vragen ze voor een geboortedatum. De Captcha is precies erger, niet echt leesbaar.

De Terms and Conditions zijn al aangevinkt. Dat is handig.

De naam is gevraagd bij een volgend scherm, iets better. Misschien echter na de hele registratie?

De email kwam onmiddelijk, terwijl ik tot de volgende dag moest wachten bij Facebook.

Veel vragen na registratie, maar er is een optie om verder te gaan.

Vraag voor email adressen van vrienden, zoek was misschien beter?

Registreer voor acties wordt gevraagd, dit vind ik niet zo leuk. Moet dat nu echt?

Na heel wat zoeken heb ik pas een zoek functie gevonden om Eric Duval in te typen. Gevonden, maar wel een Captcha om toe te voegen. en Twitter

Redelijk gelijkaardig. Makkelijke registratie. Wel vragen ze allebei voor je gehele naam, misschien niet echt nodig, vooral bij Delicious. Ook is het soms moeilijk om de registratie te vinden, vooral misschien bij Twitter. Ik kwam eerst terecht op de aanmeldingspagina en daar was helemaal geen registratie link, wat toch zou moeten.


Ik had een link gekregen voor WordPress. Die heb ik gebruikt om te registeren. Eigenlijk had ik een user account moeten nemen maar ik heb toch een aparte blog gemaakt. Maar gelukkig is het toch gelukt en ben ik toegevoegd aan onze blog. Ik vind echter dat er sommige opties wel aanwezig zijn maar op de plaatsen die ik niet verwacht. Zoals de categorie van een post en dergelijke.


Written by stijnbl

February 16, 2009 at 9:20 pm

Posted in Opdracht 1

Setting up my social network… (Tony)

leave a comment »

I didn’t have any experience with any of the sites we needed to register with.


I found facebook the easiest and most pleasant registration mentioned in this post. My registration went really fast and I clearly understood everything I needed to do. Once I was logged in, I was pleased to see that the adds on the page were clearly separated from the useful stuff. New stuff on the site is clearly visible and new events which require user interaction are separated form the normal news, which makes those events stand out from the rest.

Finding Erik Duval and some other people didn’t cause any troubles, the start page makes clear where to go for that. I did have to look around for a while before I knew where to go to make myself a member of a group. It didn’t cross my mind at first that I could just search for the group in the search-bar on top of the screen, but that is how I eventually found the group. Later on I discovered a link to a groups-page where you can specifically search for groups. I didn’t klik that link at first, because it was placed under a heading ‘Toepassingen’, and somehow that term didn’t convince me that I needed that link.

Also captcha’s are not one of my favourite things, it’s quite annoying if you can’t read it three-four times… (but this is a remark for all sites mentioned, not only for Facebook).


Netlog registration was also very straightforward. But once I was logged in, I was bombed with adds. I even found it hard to distinguish information about me and my account and the adds. It was like the usefull information was playing hide and seek. (I’m wishing for banner blindness to kick in somewhere this semester…). I didn’t actually look for friends or anything, just because I realy dislike the site, getting nervous just looking at it.


The home-page of delicious is, according to me, an example of good design. There is nothing on that page that doesn’t need to be there. You’ve got a nice overview of all features of delicous, and help information is available for every major topic right away. Buttons for signing up and in are clearly popping out. The rest of the page is dedicated to the most important functions available to an anonymous user : a search, a list of popular public bookmarks and a way to view bookmarks containing a certain tag.

Even though I found the home page really good, there is one thing I would definitely change. The first 5 times I visited the page, I didn’t see the tab for exploring tags, because it was not good visible (certainly not under a bad angle on my laptop).

The form you have to fill to register is quite simple en filled in in a jiffie. One remark : the large titels and icons on the top of the form should not be so large. The form CAN fit on one page without the need to scroll, but the titles on top force the form down.

At first I didn’t think the site was a very nice one, it actualy took me quite a time before I realized how I could search delicous for a certain tag. (I really just kept clicking on the tags -menu and -link like an idiot, always returning to a page where I could see the tags I used myself…). And then even much later I found out that a subscription is realy a list filtered on a tag, i.e. the same you do when ‘exploring a tag’, but without the need to type in the tag every time.

But now I got used to the system, I really think of it as a good design.


When registering with twitter, I lost about 5 minutes just looking for a place where I could sign up… What happened was that I first read the What? Why? and How? available on the home-page and I didn’t realize I was supposed to click on What? again. I don’t know if I’m mistaken, but my guess for looking for a place to sign in would be How? and not What?. It would be much better if the Get Started – Join button was available throughout all steps in the small overview of twitter. Still better would be to display all the data at once to the user. It is quite possible to do this without the need to scroll down, because it’s not that much information once you don’t blow up the size of the font.

The form to fill in to register fitted on one page, but what really was weird, was that the line ‘By clicking on ‘Create my account’ above, you confirm that you are over 13 years of age and accept the Terms of Service’ was quite a bit lower than the ‘Create my account’ button, just out of view in my browser. The captcha’s on this site were really annoying because they are like unreadable.

Once signed in, I pretty fast found Erik Duval and posted my first update. Quite a simple interface and clear to follow. But there was (and still is) one problem. I am unable to view certain updates that are tagged with a certain tag (#chikul09) from my account. I can use for searching for the tag, but it would be much more useful if I could see that collection of updates from my account (preferably just one click away), like is done in Delicous, with the subscriptions.


The registration of wordpress was quite straightforward, one minor remark : again if everything wouldn’t be so large, there would not have been a need to scroll down. (The fact that I’m always using my laptop touch pad might be the reason for my remarks about scrolling down throughout this report). But I did encounter some problems when trying to join the blog of our group. I got invited by Dries, but when I clicked on the link in the invitation message, I was asked to create a new domain. I could not find a way (even after searching an hour!!!!) to sign in for this blog. This resulted in me clicking the invitation link and creating a brand new account for myself. After registering again I was automatically a member of this blog.

Placing this blog is not that hard, but it is difficult to see how you should post in a certain category… I do see a submenu categories on my right hand side, and I can cross different categories, but I don’t know what it means. The consequence of this is that I don’t really know if this message will appear in the right category (I guess I will find out in a few minutes…).

Written by tonyvanbeers

February 16, 2009 at 6:21 pm

Posted in Opdracht 1

De eerste opdracht

leave a comment »


Registreren bij Facebook was heel eenvoudig, de homepage bestaat namelijk uit de eerste stap van het registratieproces. Ter verificatie diende een zinnetje getypt te worden (twee foto’s van woorden werden gegeven), hetwelk niet al te duidelijk was. Na een keer of twee te herladen, kon ik de woorden toch min of meer duidelijk lezen en succesvol ingeven. Het formulier was nuchter en duidelijk, zonder veel versiering. Om de account te activeren werd een bevestigingsmail gestuurd, dit werd duidelijk aangegeven.

Hierna werden een aantal stappen doorlopen om de account te initializeren. Deze stappen bestonden uit :

  • Vrienden toevoegen en zoeken. Er is een mogelijkheid om vrienden uit messengerprogramma’s (zoals msn) automatisch te laten toevoegen. Dit heb ik echter niet gedaan om twee redenen : je dient je messenger wachtwoord te geven (iets wat mij van nature uit nogal onveilig lijkt), en er wordt naar iedereen in je messenger-lijst een e-mail gestuurd met een uitnodiging om te registreren op Facebook, iets wat ik zelf mateloos enerverend vind. Dit weet ik echter enkel uit ervaring, op Facebook zelf wordt dit niet vermeld.
  • Persoonlijke info ingeven. Een eenvoudig formuliertje. Bij het ingeven van de opleiding, is er een mogelijkheid voor auto-aanvullen, maar enkel voor Amerikaanse scholen.
  • Lid worden van een netwerk. Dit heb ik overgeslagen omdat het mij niet relevant leek.

Hiermee was mijn account aangemaakt, geactiveerd en klaar voor gebruik. Mijn profielpagina zag er nogal wit en onoverzichtelijk uit, met veel berichten waar ik eigenlijk niets mee ben, zoals wat mijn vrienden denken over bepaalde planten… Nu moest ik alleen nog de professor toevoegen als vriend, en lid worden van de groep chikul09.

Vrienden zoeken bleek heel eenvoudig, er is een grote groene knop op de profielpagina waar in grote letters “Vrienden zoeken” staat opgeklad.  Prof. Duval stond dan ook snel in mijn vriendenlijst.

Lid worden van chikul09 bleek een ander paar mouwen. Na lang zoeken naar een of andere link of knop om groepen te zoeken, heb ik het opgegeven en gewoon een algemene search naar “chikul09” gedaan. Zo kwam ik terecht op de groepspagina, waar wel een duidelijke optie stond om lid te worden.

Uiteindelijk nog een punt van ergernis: de “menselijke verificatie”. Telkens er iets gepost wordt op een prikbord o.d. moet de gebruiker twee woordjes overtypen vanop een foto, gescheiden door een komma. Na zo’n 18-tal keer de woordjes ingeven, met en zonder komma’s, spaties en hoofdletters, heb ik geopteerd voor de andere optie : Facebook een sms laten sturen naar de gebruiker waardoor plots nooit meer woordjes ingegeven moeten worden. Dit leek mij nogal vreemd, maar het loste mijn probleem wel op.


Registreren bij Netlog was even eenvoudig als bij Facebook, de eerste stap stond gewoon op de homepage. De vormgeving is wat speelser, met grotere knoppen en minder strakke lijnen, maar de inhoud is zowat hetzelfde. Ook hier gebeurt de accountactivering via een e-mail, wat in lettergrootte 38 werd duidelijk gemaakt. Het profiel invullen gebeurt via een standaard formuliertje, en was nogal oninteressant. Er wordt eveneens de mogelijkheid gegeven om vrienden te importeren vanuit messengerprogramma’s, waar ik opnieuw vriendelijk voor heb bedankt.

Het lijkt allemaal wat jonger en ronder te zijn dan Facebook, met grotere letters, bollere knoppen en opvallende kleurtjes. De profielpagina staat compleet vol met allerhande berichtjes en menu’s, maar lijkt toch georganiseerder dan bij Facebook (mogelijk door een consistent lettertype en -grootte).

Vrienden zoeken is hier eenvoudig: er is een apart tabblad voor vrienden waar de ene link na de andere gespamd wordt om op naam, interesse of andere eigenschappen mede-Netloggers te vinden. Ik heb nog even gezocht naar de prof tussen de leden, maar de enige Erik Duval bleek uit Londen te komen, en heb ik maar niet toegevoegd…


Aanmelden bij Twitter was ook weer snel te vinden: op de homepage op de grote groene knop klikken. Het aantal in te vullen vakjes was veel kleiner dan bij de voorgaande sites, wat mij in eerste instantie in een vrolijker bui bracht dan de Facebook-perikelen. Onderaan de pagina stonden echter weer twee woordjes om over te typen. Wonder boven wonder werkte de verificatie hier wel, en meteen vond ik Twitter leuker dan Facebook. Een klein probleempje bij het aanmelden wel : de “full name” mag niet meer dan 20 tekens bevatten, dus mensen met een lange naam hebben pech…?

Om de prof te volgen, drukte ik op de knop “Find people”. Dit leek mij het meest logische, en bleek ook de juiste gok te zijn. Hij was dan ook snel gevonden en gevolgd. Daarna heb ik nog snel een berichtje “getwit” om eens te testen.


Dit was een beetje anders dan de rest. Delicious kende ik niet, dus heb ik eerst even wat op de site rondgeneusd. Het registreren was eenvoudig, zoals bij alle voorgaanden was “registreren” het eerste wat de gebruiker te zien krijgt. Gegevens invullen gebeurt via een kort formuliertje, en wederom een woordje om over te typen ter verificatie. Door een typfout moest ik dit nog eens opnieuw doen, gelukkig werden alle ingevulde velden bewaard.

Er werd een optie aangeboden om een soort toolbar te installeren om snel bookmarks te kunnen maken. Dit heb ik bij wijze van experiment dan ook gedaan, en mij nog niet beklaagd. Nu kan ik, als ik iets interessant vind op een website, gewoon op een knopje duwen om te bookmarken i.p.v. telkens de link te moeten copy-pasten.


Dit was nog het eenvoudigst van allemaal, doordat ik een uitnodigingsmail kreeg om mij te registreren (met dank aan Dries). Ook hier werd de info ingevuld in een saai wit formuliertje. Administrator-rechten werden mij toegekend, dus kon ik onze blog vinden door op de link “mijn blogs” te klikken. Ik heb een beetje door het menu gebladerd om de mogelijkheden wat te bekijken, en daarna naar onze blog gesurfd en “add new post” geselecteerd, waarvan het resultaat hier te lezen is.

Written by tonnyvp

February 16, 2009 at 4:42 pm

Posted in Opdracht 1

Creating the accounts… (Dries)

leave a comment »


I already had a Facebook account. So I used this one. Since I use Facebook on a frequent basis I  already knew my way around and I didn’t have any problems adding the CHIKUL09 group or adding new friends.


I also already had a Twitter account. I didn’t use it that much though. When I was looking for a way to filter all messages containing the #chikul09 string I didn’t find any search or filter function on the site. So I decided to install the TweetDeck application that we saw in class. It took me a few seconds to discover most functionalities because of the overuse of icons in preference over natural language. But, all in all, the search function wasn’t hard to find. So I managed to easily add a panel with the search results for the items containing the #chikul09 string.


I knew what Delicious is but I hadn’t used it since I use the bookmarking functionality of my browser. While registering I thought the form was doing live validation. But when I submitted the form I noticed it didn’t. It seemed like I read over the password requirements that were put in a lighter grey colour. And since I thought the form was doing live validation, I didn’t bother reading them. This struck me with another problem. I had to fill in the captcha control again. Since I managed to fail doing this the second time I had to retry. But instead of only having to fill in the captcha again I also had to fill in my password again. The second step was pretty straight forward, since I’m very aware of the capabilities of JavaScript bookmarks. Adding these 2 bookmarks increased the ease of use for the service enormously later on. I skipped the third step though, because I’m not sure if I want to change from browser bookmarking to using a service like Delicious.

Using Delicious also wasn’t one of my best experiences. The interface looks a bit boring. The colours are monotone, the boxes aren’t rounded. But of course, this doesn’t have any effect on the usability of the site. What did bother me was the lack of spacing and the fact that they didn’t put any emphasis on items that are more frequently used or more important. This made me go over the screen a couple of times before I could find most functions. This in contradiction with the user interface of WordPress which I’ll talk about in a moment.

I added my first bookmark and tagged it with a #chikul09-tag and made sure it was public. After this I tried searching for other blogposts tagged with #chikul09. But it seemed the search function didn’t search through the tags. So I had to find another way. First I spent some time going through my posts and the page displaying all my posts tagged with #chikul09. But I failed to find a link that brought me to the page I wanted. (Or maybe I just looked over it.) It took me some time before I eventually found the “tags>explore” button which gave me the ability to filter all posts by tag.  Though I’m sure this time around I’ll be able to find it. But just to be sure, I decided to bookmark the page in my browser 😉


Next, Netlog, the Belgium-based social network. I used to have an account for this site. And since it hadn’t change that much since that time, I didn’t have any problem navagating around. Though, I couldn’t find Erik Duval.

That little problem aside, the registration went fluently, it was devided in couple of short clear pages. All pages fitted completely within the browser window so there was no need to scroll. The first page only contained the required information, nothing less or nothing more. It contained live validation so it went fluenty. The second page only contained one captcha (I love those things. Really. </sarcasm>) So finally I arrived to the last page I was told I was going to receive a mail.

The mail was pretty straight forward. I clicked the link it contained and ended up on a page with 2 options, based upon which the site would determine the prefered privacy level. I selected: “Contact houden met vrienden” because I wanted the highest level of privacy. Though I would’ve prefered the site giving me the exact difference between both options. Because I had to read the small print to even know why I had to choose. I skipped the following pages of the registration which asked for additional information and another one to automaticly add friends.


I’ve been using the lastest release of for some time for development reasons. I mainly chose WordPress because of it’s excellent user interface. I wanted to know more about it so I dugg up some articles on the wordpress site. Two great articles I found worth mentioning are one about the redesign of the dashboard and another one about the usability tests they did on the previous version of wordpress and the prototype of the new GUI. 

The registration went well, they used big clear input fields and clear labels. The main form was rather short, it almost fit completely within the browser window. Again, it seemed like the page was using live validation, which it didn’t. But this time didn’t bother me because the form was rather short and the password field wasn’t cleared when I made a mistake ! This is the first time I’ve seen this. 🙂 The site menu and logo were smaller than the content so they didn’t attract any of the attention. The notification page that told me they sent me an e-mail was also amazingly clear. They highlighted my email address, so I would notice it immediatly. I didn’t have to go over the page to notice what was going on.

The mail also was a no nonsense, clear email. I clicked the link and ended up in the administration panel of my account. I looked around a bit to find a way to add a weblog. But I didn’t find it. So a bit frustrated I went back to the main page where I found a clear and emphasised link to add a new weblog. So I added it and invited my fellow group members.

The End.

Written by Dries Janssens

February 16, 2009 at 1:44 pm

Posted in Opdracht 1