Page 1

M1.1 - Library of Skills - Kiosk Giorgio Campo s109714 (Coach Emilia Barakova) University of technology - Eindhoven AA 2010/2011 sem B


01 Introduction Abstract



5 6

02 First iterations


03 Idea generation


04 Project


Reflection Concept

12 14

How does it work Users’ journey Email notification Persuasive mechanisms Implementation of the website Main page Workshop page Beamer/Screen option User testing Physical kiosk Modalities Shape Technology

16 16 16 16 26 26 27 28 28 30 31 31 36

05 Reminder strategy


06 Future possibilities


01 Introduction

Abstract The project joins the discussion about the Library of Skills (LoS) and suggests new solutions and steps that shall be undertaken in order to increase the popularity of the system. In this report are explained my findings and my iteration towards the solution and the final design. My goal is to connect people with common interests in learning with people who hold skills and knowledge to share, bringing them together in an environment that facilitates the learning/teaching process and enhances the discussion. The project consists in a service for asking and holding workshops, the

redesign of the LoS website and kiosk in order to support this service and a strategy to refresh the idea of the LoS. The main feature of the concept is the idea of creating and showing new values to users, in particular introducing the real experience of workshops where to learn and make together, taking advantage of this as a ground to build the crowd who supports and interact with the system. Ultimately, the proposed solution is an example of why and how in order to improve the quality of the experience we need to manage more complex systems which involve people, products and services. 5



Recently the Library of Skills was introduced into the faculty. It is a system to capture and share design knowledge and skills and it supports an active learning approach and encourages learning by doing. Currently the system employs kiosks (fixed on locations) that are meant to act both as places to browse the library and secondly as places where people can meet to discuss specific LoS content. Still, particularly the second type of use (multi-user dissemination of skills mediated by the kiosk) seems not to work in the current incarnation of the LoS kiosks. Redesign the LoS kiosks so that they mediate

and support multi-user dissemination of skills within the LoS context.


02 First iterations

Facing this brief, I started my exploration for a solution moving in several directions. In the following pages are shown considerations that were helpful in reaching the final solution. The idea of “kiosk� could vary a lot according to its function and to the role it is playing in the system. My first analysys brought me to reflect on a number of situations in which the kiosk could fit. Each one of these situations is related to specific needs and consequently dif-

ferent interaction opportunities and shape possibilities. Therefore I looked at interaction opportunities through technology. From cheap and diffused mouses and keyboards to touchscreens, pen and tablets, joypads, joysticks, touch pads, rotating spheres ans sensors from the distance. Then I asked myself which elements and tools are needed by people for learning together, so I reflected on the possible use of blackboards, screen displays, projectors, laser pens and 3D projectors. 7

Several screens located in different parts of the building, duplicate the LoS screen and show what happens on the kiosk. 8

A multitouch screen placed along corridors.

Standing kiosk, self sustained and its components.

Standing kiosk and shape investigation.


Kiosk attached to the wall.


Several small screens located everywhere as a quick fast infopoint.

Playful interaction opportunities.

Idea of creating a kiosk open. for people to see what happens, to share the sight.

A table where to play and learn with a touchscreen surface on the top.

Shape investigation, and people positioning.



03 Idea generation

Reflection These first iterations were all possible ways of supporting multiuser interaction through tools, technology and shapes, all answering to the “what” question. The brief was asking for a behaviour change, something strong enough to make people leave their laptop for going to the kiosk and learn with others. Because of this I decided to direct my energy in answering to the “why” question. Why should people share? Why should they care about the LoS? Why should they spend their time on the LoS kiosk? Thi reflection brought me to deal with motivation. The idea of sharing is on

everybody’s lips and we all know it is important. The more we share the more we can create a common wisdom where to draw from when facing different problems, contributing at the same time to the growth of a community. The world is facing a torrent of peer to peer social networks and real time technologies that are foundamentally changing the way we behave. Rachel Botsman says with irony that ultimately “we are monkeys, and we are born and 1 bread to share and cooperate” . Still it’s tremendously difficult to bring people to share their knowledge. After a brainstorm and some inspira2 tion from Stan Garfield, from HP, I


A system map showing the touch points of the LoS with the users. The idea of the workshop creates new value for the user and can be a particular scenario where the kiosk and the website help the sharing and learning process.

reflected on interesting reasons why people don’t share their knowledge. Most of them are psychological like fear of not being taken seriously, of loosing monopoly, of being “the nerd�, and other diffused opinions are the idea that the raccomended way for sharing will not work, that there is a better way of sharing, there is no positive personal consequence perceived for doing it, or the belief that something else is more important.


These thoughts led me to the conclusion that in making real the idea of sharing, one of the main issues to deal with is trust. Therefore an interesting question is how to create trust in the system. So I decided to move the project to another level, zooming out and analyzing the bigger picture. The situation was as follow: on one side there were people who wanted to learn and on the other side people who wanted to share

and in between these two groups technology, the web and the kiosk of the LoS. Concept In this particular case I believe technology could be a great channel but in order to involve people in the system an added value is needed. So I chose to stop thinking about the technology supporting the experience for focusing on the design of a new worthy experience for the LoS users. Brainstorming I came to the idea of workshops. They are an interesting scenario where people learn and teach each other through a multiuser interaction and the real life experience is worthy leaving a personal laptop for joining other people and start real discussions. Holding and asking for workshops could be the real experience acting as the ground from where

start to create a community supported and connected by technology. In this way the idea of trust is strenghten and the added value comes from this direct meeting. The concept is still in line with the vision of the Library of Skills but aims to an improvement in the user experience changing the core value of the system. The LoS is not anymore only about watching and uploading tutorials but also about teaching and learning from real people.

1. Rachel Botsman, talks/rachel_botsman_the_case_for_collaborative_consumption.html 2. Stan Garfield, http://findarticles. com/p/articles/mi_qa5362/is_200605/ ai_n21391376/

04 Project Scenario 1 Workshop with a lecturer and more than 6 people. Is possible to connect the LoS camera with the beamer to make the explanation more clear and complete.

In order to develop the concept, an approach from multiple sides is needed. Introducing the idea of workshops will lead to specific design decisions for the kiosk but it will affect all the system and requires in particular the implementation of the website as it is the main networking channel of the LoS.

In this chapter is explained how the “service� of workshops work, the implementation of the website, the design of the kiosk, and a strategy for advertising the Library of skills. The final results have been reached through unlinear iterations of research, brainstorm and user tests.


How does it work? Users’ journeys In the following pages a storyboard shows how people interact with the system through the use of all its touch points. The points of view of two different possible users are presented: a girl asking for a workshop and a “lecturer” aiming to hold a workshop.

Email notification When someone proposes to hold a workshop, after coming to an agreement with the LoS managing team for choosing location and time, the workshop appears in the “coming workshops” list in the main workshop page of the website. When someone asks for a workshop 16

the request is posted in the “pending request” list in the same page. Weekly (but it could be monthly depending on the amount of requests) a newsletter must be sent by email to all the LoS users informing them about the workshop opportunities (for attending, holding or join other users in the request). Other contents of the newsletter are discussed later when talking about the Reminder strategy.

Persuasive mechanisms In order to involve people in the system, persuasive mechanisms could be explited. In the late 1960s Marwell and Schmitt, two sociologists, produced some interesting compliance-gaining tactics

concerning the act of getting a teenager to study. One of these tactics is the promise that “if you comply, I will reward you”. A reward technique seems appropriate for increasing people’s participation. When accessing the “edit personal profile” page on the LoS website, users can learn how to score points: 5 pts for uploading a profile picture 10 pts for posting a comment 30 pts for uploading tutorials 60 pts for holding a workshop The 5 points reward is particularly desigend as an easy and quick task so that people can almost unconsciously start using the system. Moreover the top scores are showed on the top banner of the website. This because by offering public recognition, the system can increase likelihood that a person will adopt a target attitude.

Users’ journey



Kim wants to learn how to make clear vectorial drawings, so she accesses the LoS website.

In the “Workshop” page there are no activities about the topic so she decides to ask fot it.


Top scores: Leonid William 635pt | Stephan Le Van 470 pt | Jeffrey Mains




About Dear Kim,


Ask for a workshop How to draw in Illustrator


I want to learn tips and steps on how to use Adobe illustrator to make sketches of scenarios and of people in different positions.


31 may

Thank you for asking the help of the community. The LoS system will spread your voice through its members in order to plan a workshop about "How to draw in Illustrator". Now you can see your workshop request in the pending request list in the main workshop page.

The system will try to find someone with th workshop on this topic. Stay updated by ch

(topic, what you would like to learn)

Preferably before

We will contact you soon, stay tuned! The LoS team

post on the workshop wall




Kim fullfills the info about the workshop sheâ&#x20AC;&#x2122;s asking for with a brief description and a preferite date.

Kim gets a confirmation email from the LoS...

Dear Derek, A few minutes ago a new workshop request has been uploaded in the system. The workshop title is: How to draw in Illustrator If you think it could be interesting to participate, add your name to the list of people asking for this workshop. If you believe you have enough skills to hold this workshop get in touch with us! We would also like to remember you the coming k h



...and her proposition appears in the Pending requests list on the LoS website.

The Los team sends a personal mail as notification to all its members about the new opportunity.





Two people are interested in learning vectorial drawings as well, so they join Kim’s request. In the meantime, Derek is surprised about this request because drawing is his passion.

So he decides to show out and give a help. From the mail, he gets a link to the “Hold a workshop” page and starts fulfilling the obligatory fields.



Derek and the LoS team decide a place and a date for the workshop and will get in contact again before the fixed date if some changes occour.

Derek can now record a simple video as a teaser of the workshop to be more specific about the content and in order to attract more peolpe.






And he uploads the video on the LoS website in the page dedicated to his workshop.

In the meantime the workshop has been published and now appears in the Coming workshops list.

Dear Kim, a member of the community would be glad to hold a workshop about "How to draw in illustrator". For the description of the event check its dedicated page here. We hope you are still interested and will join the workshop subscribing here. Keep learning! The LoS team



An email is sent to Kim and to the people that were asking for this particualr workshop in order to inform them about the opportunity. In the weekly newsletter all the memersb will be informed bout this new event.

People interested in the topic subscribe to the workshop.


Record LoS screen/beamer




People meet to learn in a direct experience, discuss and gather insights from each other.

Before starting the lecture, Derek uses the LoS to record the screen in order to upload later the content of the workshop online.



Before starting the lecture, Derek uses the LoS to record the screen in order to upload later the content of the workshop online.

Before starting the lecture, Derek uses the LoS to record the screen in order to upload later the content of the workshop online.


Implementation of the web site Attached to this report there is a booklet which collects all the designed web pages and some inevitable changes to the already existing ones. In order to give an idea of the possible paths to follow, numbers have been placed on the interactive options. For opening a page is enough to go to the page number marked on the element you would like to click on. In the next pages are shown the most significant points.

Main page

Main page


The main page has been redesigned so to show the clear different offers of the LoS. The page displays the video Tutorials as in the current website but from the top menu is possible to access to the sections: Recording, Workshop, About and to the Options for connecting in different ways the visaulization devices (personal screen, beamer, LoS screen, LoS camera).

Main workshop page

Workshop page and sub pages The workshop page visualizes a calendar with the next workshops, gives the opportunity to hold a workshop or ask for it if it’s not already in the “Pending requests” section. By clicking on the title of a workshop in the calendar the user accesses to its dedicated page where is possible to see a description of the event, more detailed information about the meeting date and space, a video about the teachings (the video can be considered as an introduction, or a promo, the content is up to the uploader). It also allows to see the profile of the lectures and to send him/her an email for clarification purpose. From this page users can subscribe to the workshop.

Selected workshop page

By selecting the “hold a workshop” button, a lecturer can propose to share his/her knowledge and skills. He/She has to fulfill some fields explaining the content of the course and has the possibility to contact in a favoured way the LoS system in order to discuss room and particular tools availability according to the specific needs of the lecture. Everybody logged in the system can hold a workshop in agreement with the original LoS project. In the “ask for a workshop” page is necessary to fulfill some fields in order to ask for a workshop. The request will be posted in the main workshop page and a newsletter will be sent by email to all the LoS users informing of the opportunity.

Hold a workshop page


Beamer/Screen options This page shows the options for connecting in different ways different visaulization devices (personal screen, beamer, LoS screen, LoS camera) It can be considered the link between the physical and intangible aspects of the Los. This part contributes to make possible the support of multi user learning at the kiosk. It also reflects the flexibility of the system, which is capable to adapt to different situations.

User testing After a first design of the interaction between the user and the implemented website, before reaching the final design explained above, some user tests were needed in order to check the effective functionality. Designing a website has a main point in common with the design of a software or of an intelligent systems in general. The main goal of the design is to make poeple complete some personal tasks. In these cases is important that the user is able to create in his/her mind an adeguate mental model of the service/system so to complete these tasks. All the designed web pages have been assembled using the software Flash, creating buttons and links between the pages in order to evaluate the mental model of users in the interaction with the system and to find probable bugs or unnoticed dead ends. 28

Ask for a workshop page

Beamer / Screen options page

Three testing sessions have been conducted with the participation of three possible users of the system. The participants were all students of the TUE (University of Technology of Eindhoven) and their ages are 22, 23 and 26. Each participant had a different task to complete.The selected tasks were: -use the website in order to hold a workshop -use the website for asking for a workshop -use the website to watch a tutorial using the beamer

Moreover in some pages it was not clear how to go back to a higher level page (i.e. from the “hold a workshop” page how to go back to the main workshop page).

Before starting the interaction with the website, the participants have been asked to describe the qualities and characteristics that a website organizing workshops should have had in their minds. This question was aimed to gather some considerations and possible insights before influencing the participants with my opinions and my design.


The website worked out quite well, all the participants were able to complete their tasks. By the way the user tests enlighted some possible problems that have been consequently fixed. In particular the “beamer/screen options” button brought to some reflections: “tutorial”, “record”, “workshop” and “about” (the other voices in the menu) are main reasons for accessing the website but the “beamer/ screen option” answers to physical issues and it can be used in the other voices of the menu. The final decision is to place it on the opposite side of the board with a slightly different shape for distinguishing it from the other four buttons.

User testing the Flash prototype


Scenario 2 Workshop with a lecturer and less than 6 people. The two tables are assembled and people can easily see the screen of the lecturer duplicated on the 22â&#x20AC;? LoS screen.

Physical kiosk

The kiosk is a space supporting and improving the learning process. It is composed by two tables (one the reflection of the other) and requires some main elements: a computer connected to the web, a screen, several mouses, at least one keyboard, beamer, a white vertical surface to project onto and a LoS camera.

Modalities The two tables are one the flipped version of the other. This allows to use two different configurations for the LoS kiosk. The first with one table and the other assembling the two of them.

Shape The curve line gives character to the table and makes it easily recognizable among other working/study tables. The shape is a compromise of usability and the idea of prompting people to face each other. It combines some 30

aspects of a rectangle and of circle. A circular shape would make a team of people face each other. On the other hand a circle, for its characteristics, invades the space and fits more hardly in a pre existing environment (you cannot place it leaning on a wall). The shape of the top brings some necessary reflection on the legs. Having legs along the border would naturally define more and less confortable established positions for the users. Because of this I choosed to use a singular leg positioned at the center of the table. Dimensions and form of this unique support must ensure the table top not to bend with the weight of people using it. For shaping the support I decided to use the same line of the top of the table but reflected on the long side and rotated of 180°, so that the two parts communicate and fit together. Since the lines of the top and of the support are one the reflection of the

other, their combination creates a particular effect tricking the perception of perspective (bottom view). The thickness of the big central support is enough to assure the stability of the table although the top area of the support is smaller where the area of the table top gets wider (bottom view). The table is made of wood

as the material has a nice balance of price and resistence, and there isnâ&#x20AC;&#x2122;t any particular constrain or reason for using a different specific material. It is covered with a layer of PVC as it is easier to clean and protects the wood from external agents. The table top should be colored in a way that makes it clearly different from other tables and recognizable. 31

180 top view






front view

Technical views Scale 1:10 dimensions in cm

top view


side view

front view

bottom view In the bottom view, point B shows the relation between the main curve of the top and the main curve of the support. The curve is the same but for the support it has been reflected and scaled down to 48% 33

side view



85 34



47 bottom view




33 B




Technology Talking with people I arrived to the conclusion that is important to give to everybody who is using the kiosk the possibility to use the screen in order to explain her/himself pointing somewhere (in a workshop) and pausing/playing videos (when watching tutorials together, scenario 3). There are several freeware softwares which once installed allow the contemporary use of several pointing devices (i.e. mouse, keyboards). As an example DicoLab, a software developper studio active in the multiuser interaction sector, offers the software â&#x20AC;&#x153;Teamplayerâ&#x20AC;?, which assigns different colors to each controller (http://www. An interesting alternative could be the use of a multi pointing system from eInstruction called CPS (classroom performance system) which allows the use of several wireless devices to interact with a screen (one of these systems is stored in the Concept lab of the Industrial Department at the TUE) (http://www. This option would increase the quality of the interaction. The only points 36

against it are price and availability of the technology. A beamer turns useful when more than 5/6 people are involved in the discussion/teachings. The space of the kiosk is equipped with a beamer and a with a white vertical surface to project on. A white wall reasonably appropriate to project onto is enough if the kiosk is positioned close to one of a kind. Otherwise a white projection screen should be provided.

Scenario3 People watching a tutorial, with the possibility to interact (stop, play, point) personally with the LoS website by using multiple controlling devices.

05 Reminder strategy The LoS must be active, if people don’t use it as wished, then the LoS must sell and advertise itself. Is the system that has to do the first steps establishing a communication with the users. This strategy is concretized through two different ideas. The first one is the introduction of a weekly newsletter (but it could be monthly depending on the amount of requests). By email all the LoS users must be informed about the workshop opportunities (for attending, holding and joining pending requests). Moreover the system should ask explicitly for contribution. This in order to trigger people and make them feel they are cooperating in creating something valuable and that their help is really needed. Here an example of a the message

that should be communicated: “We miss a tutorial about how to cut PS with the hot wire machine. There are people who never tryied it. Would you help us by uploading a video about it? It doesn’t have to be perfect but if you know enough and you hold some skills about the topic you might want to share it with all of us.”

space of Master students of industrial design at the TUE. Video were played randomly every 2 minutes. In one hour, from 12.30 to 13.30, five people got attracted by the video and its sound. It must be noticed that most of the time people were passing by the computer, none of the video was playing.

The second aspect of the strategy is the idea to play random video tutorials when the LoS is not in use. It will advertise getting people’s attention and giving the impression that the LoS is there ready to be used, making itself interesting showing its content.

Reflection People might turned because it’s a news in the environment and on a long exposure it might loose its effect. Nevertheless with time new videos will be uploaded on the LoS website so the content of this capturing strategy will always be renewed. The audio was not bothering people working close to the kiosk but a long exposure test should be done in order to prevent people to get annoyed.

User test I wanted to test this second idea. I made random tutorial video from the LoS run on a computer in the working


Testing with users the second point of the Reminder strategy.


06 Future possibilities Currently the Library of Skills is conceived to be supported only by its members. The potential is still to be a tool for people to get in contact directly by themselves, nevertheless it seems difficult to start the system only with the support of its members. As an example of sharing and organizing knowledge in an open system where everybody participate, itâ&#x20AC;&#x2122;s interesting to have a look at the Wikipedia model. The bulk of the original content on Wikipedia is contributed by tens of thousands of outsiders, each of whom make very little contributions to the site. Then a â&#x20AC;&#x153;smallâ&#x20AC;? dedicated group of volunteers formats these contributions into a single work. And Wikipedia is not even about networking. Therefore I believe the LoS needs someone behind it who coordinates the system by managing the email flow,

by assuring the availability of workshops when nobody is asking or proposing to hold and by checking the effective status of the touchpoints. It must be said clearly that even if everybody logged in the system can hold workshops (in agreement with the original project), some workshops must be proposed by the LoS in order to reach its goals of dissemination of skills. An interesting vision for the future growth and use of the LoS is to involve other partners in the project. For example Lucid, the student organization of the industrial design department of the TUE. The assosiation is aimed to help students but in order to reach it they do disseminate skills as well. In fact they organize several activities, including workshops,

in accordance with the educational commette of the department. They already have experience in organizing workshops and more important in spreading the voice among students. It could be proposed to people who hold those workshops to upload videos which summarize the content of the workshop in a tutorial (or even a teaser for their activities) on the LoS. As a final comment I would like to underline the great opportunities of the Concept lab (room 3.51 of the industrial design department of the TUE). I had the opportunity to work there and see and use different technologies that have been designed and produced for multiuser interaction and that could fit in the LoS context. Moreover it seems these technologies are rarely used so a talk with the responsble of the Concept lab could be profitable. 39

Project report_Library of skills_Kiosk  
Project report_Library of skills_Kiosk  

Report for the final project