Report - Local_1

SafetyBeacon

Empathy with the user

Local_1 s164236, mathematics
s159695, mathematics
Dione Jansen s155943, industrial design
hannah van susteren s150177, industrial design
verindi vekemans
Rick van de Ven



Table of contents

Initial Interpretation...........................................................................................pag. 2
Context Mapping......................................................................................................pag. 4
Themes of Users Needs.......................................................................................pag. 6
Conceptual Design..................................................................................................pag. 8
Value Proposition.................................................................................................pag. 10
Customer Journey.................................................................................................pag. 12
Prototype....................................................................................................................pag. 14
Final Design ................................................................................................................pag. 16
Discussion....................................................................................................................pag. 20
Reflection...................................................................................................................pag. 21
References.................................................................................................................pag. 22
Appendices..................................................................................................................pag. 23

Initial interpretation

Pag. 2

For the course ‘Empathy with the User’, the Citybeacon suddenly became very
we got a design case from the company noticeable for people passing by. When
Citybeacon. Citybeacon is a technology seeing us interact with the Citybeacon
platform that connects cities, citizens and people realized that it isn’t only an ad-
businesses. it’s an open platform through vertising billboard, but that you also can
which citizens, tourists and businesses can interact with it.
better engage with the city. For this plat- Interviewing
form we had to make a new application, We interviewed some people on the
aimed at locals as the user, and get them streets of Eindhoven. We did the inter-
to engage better in connecting with the views 3 times with different kind of people
city. to get data from a big variety of people.
During this design case we used some We interviewed a middle-aged lady, 2
methods to find the problem and how to young students and 3 young people who
approach this problem. in this report we had a job. From these interviews, we con-
elaborate on these methods and on the cluded that some people do not feel safe
steps we took to develop our concept. in the city center. Especially the young
Blossom Lotus females. Here is a quote from one of the
The first method that is used, is Blossom interviewee. ‘I live in an unsafe part of the
Lotus. This method gives a big overview city and I do not feel safe, especially at
of all the problems that exist. it enabled night’. We can imagine that this is a prob-
us to explore in a very broad way, while lem that more people have in the city.
still keeping overview by grouping the Further locals find Eindhoven a very inter-
problems together. esting city and they believe that there is a
Observing lot to do in the city center of Eindhoven.
We decided to start with observing peo- Nobody of the interviewees had used the
ple around the Citybeacon. This would Citybeacon before. This was something
give us more insight in how often the that we found interesting too. They all
Citybeacon is used and how. We thought thought that it was something more for
it was a good idea to use the Citybeacon tourist or people who have never been in
first by ourselves. In this way we would get Eindhoven before. This made us think to
to know more about the Citybeacon. This make the Citybeacon more attractive for
will also trigger other people to use it. locals.
One thing that we can conclude was that

The second week, we made a research toolkit. The toolkit is used to in- Figure 1
vestigate the users’ motivations and wishes. It provides as a mediator to
bridge the interactions betweens us, the designers, and the participants.
We made a workbook where the participants can fill in a few questions.
The questions vary from filling in their timeline of a general day to rate the
most important values in life for them.
Here, the assignment was to list 10 values from most important to least
important. As you can see, people chose the value ‘Safety’ as one of the
most important values. This is where our main idea to improve the safety
in the city center. We feel that is really important for people to feel safe,
during the day but also at night. Especially (female) students might feel
less safe. This while students are also the biggest group of people that are
often in the city center.

Figure 2 Here, people needed to list potential Citybeacon functions from impor-
tant to not important.
These pages show that people think that the emergency button is an
important function for the city beacon. This is also directly connected to
feeling safe. One has the feeling an emergency button is a more impor-
tant option if this person does not feel safe.
We think that we can make people feel safer by working on the commu-
nity in the city center. Things like the feeling of community can really help
you make feel safe in the city center. If you have the feeling of community
and do not feel alone, you might feel safer. The feeling that you can com-
municate with people can also help. This is where our idea of creating a
safe community that helps each other feel safe came from.

Pag. 4

context mapping

IMPROVING LIFE

SAFETY CONVENIENCE LIFESTYLE SOCIAL

creating safety Paying system general finding places beeing aware help people to fun activities communicate
in the city information tripadvisor of the healthy with other
centre ov opladen lively
weather map environment renting bikes people
Camera’s could buying tickets information “art and culture
be used system co2 sensor people want is missing” chat with other
weather to exercise music residents
connection to buying tickets forecast environment
122 connection to fun nightlife communication
connection to buienradar collaboration seperating fitbit
alarm button sellers with stores garbage festiveness “young spirit”
notification for exercise games
emergency’s pinnen emergency routes environmental game with chat with
weather warnings people people
showing missing contact-free finding shops events
people payment interaction
with other
“privacy is not citybeacons
important”
finding
unsafe at night hotspots

Shopping route

“fun accent”

Themes of users needs

Pag. 6

To process the data that we collected, we used Safety Social
the method Affinity Diagramming. We wrote Looking at the interviews we did, we conclud- The last category we created is social. If we
down our observations, users’ quotations and ed that older people from Eindhoven find look at the interviews we had, people find
interpretations on sticky notes. So these are safety really important. One of the interview- Eindhoven a social city. They believe that Eind-
needs, wishes and desires of the users. After ees thinks it is good to use the cameras on the hoven is an upcoming city with a lot of events.
that we mixed all the sticky notes together and Citybeacon for safety. She do not always feel But with these events the communication
grouped them one by one in a category. In this safe but she do not need extra protection. Fur- between people can be improved. From the
way we got a good overview per category. So ther there was another interviewee who said: toolkits we also saw that lively and festiveness
each category collect together a coherent set ‘I live in an unsafe part of the city and I do not were important values for people. Especially
of notes representing a theme. feel safe, especially at night’. We also had data young people find events and ‘fun nightlife’
We also grouped these categories together. from the toolkits. Here we saw that people indi- very important in a city. Possibilities in this cate-
Eventually we had a big theme for the user on cate ‘safety’ as an important value. Further they gory are games to play with other locals or chat
the green sticky note on top. Our big theme thought that ‘emergency’ was an important with people from the other Citybeacons.
was to improve life for the users. After reorgan- function on the Citybeacon. Conclusion
izing and more grouping, we had eventually an Convenience Safety
overview of all the data we had collected from The second category we created from the data After this analysis we decided to choose safety
the interviews, observations and toolkits. collected in the different research methods was as our main category, mainly because this cat-
Figure 3 gives an overview of our Affinity Dia- the category of convenience. Convenience is egory was highly mentioned during our inter-
gram analysis. one of the possibilities for Citybeacon to help views and our toolkits concluded that safety is
with. Concepts that may help with this category one of the most important values for our users.
Figure 3 are using it as a paying system, finding points Furthermore, this category is very topical in the
of interests or providing general and valuable present day and the category safety appealed
information. According to the data collect- us, as students ourselves, the most.
ed from the toolkit, functions and values that Target Group
created convenience where high-rated for the After these methods, analyses and decisions,
user. we decided to focus on students. Students are
Lifestyle often open to new things, such as the Citybea-
A third category created out of the data col- con. In this way the chance that the Citybeacon
lected was lifestyle. Some possibilities in this would be used is bigger. Students also spend
category were creating awareness of one’s a lot of time in the city center. They shop there,
surrounding, or helping people with a healthy or are going out with friends. If we look at the
lifestyle. Nowadays environment and health are interviews, we found that students are the one’s
important values for people. We want to look that are the most looking for safety and a com-
if we could make people aware of the environ- munity in the city.
ment or help people to live more healthy.

conceptual design

Pag. 8

Students who live in a city center are often react on these situation through clicking on
having the same problems. Their bicycle the situations and filling in the information
that is stolen, their pet that is lost, feeling they have about the situation and also their
unsafe or they want to know what is hap- personal information. The personal infor-
pening in their area. Students could help mation of this person is also being checked
each other with these problems. They can so no ‘fake’ people can react on situations.
help for example with finding their dog or When someone reacts on your situations,
looking for someones bike. Nowadays there you get a text message from the Citybea-
are also ‘Neighborhood Preventions’. This con with the contact information of the
are platforms for neighborhoods to com- person who reacted on your situation. In
municate with each other about the things this way, we keep the privacy of the person
that are happening in their area. They can who posted the ad and the respondent. The
give for example warnings about burglary in top advertising screen of the Citybeacon
their neighborhood or tell about a strange would show the most important and newest
car that drives through their street. The situations, so that people easily see what is
Safetybeacon is inspired by this. With the happening in the city center and in this way
SafetyBeacon app on the Citybeacon, is the people would also respond easier. Warnings
Citybeacon a medium between students. about burglary, theft or alarms can easily
Students can help each other by informing shown there.
other students about their problems or situ- The police checks the information that the
ations. This creates a feeling of community people post on the Citybeacon. This keeps
and safety. it safe and so we ensure privacy. In this way
The app, SafetyBeacon, shows the situa- the police also gets data from the Citybea-
tions that are happening in the city center. con. The police can see for example the
This is for example a disappearance, a amount of bikes that are stolen or the per-
burglary, something that is stolen or some- sons that are missing. With this approach,
thing that is missing. People can post these the police gets also something out of it.
situations on the app with the information They can easily see if it is safe in the city
of the situation, their personal information center and also keeping track of what is
and it is possible to upload a picture from going on their.
the situation. All this information is being
checked by the police. Other people can

Figure 4
Pag. 10

A value proposition is a medium to give a visual presenta-
tion of customer profile map (the users needs and wishes)
and the value map that solves the user’s problems.
The customer profile map is divided into three parts: the
gains, the pains and the customer jobs. The users do not
have a good way to get in touch with others in the city
in case of an accident. The users want to achieve better
communication in case of incidents and overall a safer city.
They want to be able to spread information in a good way
themselves.
These problems will be solves by the value map. There will
be a feeling of community thanks to the SafetyBeacon.
This feeling of community will help with getting a safer city
and will also display information to connect people. This
way, users have a better communication with each other
and feel safer. Figure 4 shows our value proposition.

value proposition

Figure 5

In week 5, we made a customer journey (figure
5). We started with thinking about the several
stages our customer journey has. This is based
on the conceptual design idea explained in the
second paragraph of chapter 4. For these stag-
es, we created corresponding custom goals.
After this, we plotted out all the possible touch-
points and their corresponding channels. The
touchpoints are the moments when users inter-
act with the App. The channels explain how the
users use the touchpoint.

customer journey

Pag. 12

We came up with the following stages: Search here is the Citybeacon because the App is only getting the contact details from the person who
aware, action, check, display, response, receiv- on the Citybeacon. made the ad. Here, the user has switched to
ing and feedback. For each stage, we will talk 3. Check another citizen. Since the response is submitted
about the user’s goals, touchpoints and chan- When an ad is placed, the police will check the into SafetyBeacon, the App is again the touch-
nels. message for inappropriate text/pictures. The point. And the App is on the Citybeacon which
1. Search aware user goal here is having the feeling of approv- makes the Citybeacon the channel.
The goal for the users here is to get acquaint- al. Since only the police does this, there is no 6. Receiving
ed with the SafetyBeacon. They want to know touchpoint for the users. The channel however After the response is put into the SafetyBeacon,
how it works. They will do this through e.g. the is the Citybeacon. the first user gets a message. The goal is to get
following touchpoints: commercials about the 4. Display the information of the second user so contact
Safetybeacon or the Safetybeacon Website. It is When the ad is checked, the ad will appear on can be made. The touchpoint is a message on
possible that people hear about the SafetyBea- the big screen. The goal is to spread the in- the user’s phone through the SafetyBeacon.
con from friends and then also go to e.g. the formation by putting it on the bigscreen. The The channel is the phone of the user.
website. All these touchpoints correspond with touchpoint is the big screen and the channel is 7. Feedback
the channel: internet. again the Citybeacon. After the standard procedure is finished, the
2. Action 5. Response user might want to give feedback to improve
The user goal of action if putting information in After an ad is shown on the Citybeacon, one the SafetyBeacon so the goal is to improve the
the app so making an ad. They will do this by might want to respond to the advertisement. App. The touchpoint is an email from Safety-
using the home screen that is on the Safetybea- The user goal here is having the feeling of Beacon and the corresponding channel is a
con and then placing an ad so the touchpoints community, giving your own information and mail program.
are the home screen and the App. The channel

Figure 6 Figure 6 shows the wireframe of our prototype. On
the left side is the wireframe of the lower screen on
prototype the Citybeacon. On the right side you can see the
upper screen of the Citybeacon and the wireframe
Pag. 14 of the stakeholder.

Usage Scenarios Citybeacon (figure 9). The top screen only Figure 7
There are several usage scenarios that can shows the title and a picture of the advertise- Figure 8
occur with our concept. You will always start ment. Because of this, the advertisement is
on the home screen, shown in figure 7. On really clear for others. On the top screen the Figure 9
the home screen you can find a question important things, newest things and alerts Figure 10
mark. When you push this button, you will go will alternate each other. Everybody who
to a page with a description of the app. So walks through the streets can see your adver- Figure 11
when you use the app for the first time, you tisement on the big screen. Thereafter, they Figure 12
can read this page. In this way everything is can walk to one of the Citybeacons to react
clear for you and you can start with using the on your ad.
app. Users who use this app more often can Besides the two screens of the Citybeacon
skip the question mark button. we thought of the screens the police officers
The home screen shows you the advertise- can see. They will get information from the
ments who are already placed on the City- Citybeacon about all the things that are hap-
beacon. You can click on one of them to read pening in the city of Eindhoven.
the whole description. If necessary, you can They will see a screen with situations with
react on them. The home screen also shows reactions and situations without reactions
you the button ‘Overview’. This, as the name (figure 10). If someone has responded to
says, lets you see an overview of all the ads an advertisement, the police will see the ad
that have been posted. Also on this page together with the reaction. You can see this
you can click on the ads to respond. in figure 11. In this way, they have a good
Furthermore, there is a button on the home overview of what is happening in the city and
screen which says ‘Place ad’. When you click which situations have already been solved.
on this button you go to a page where you On the main page, ads are sorted by order
can place your own advertisement (figure of time they are placed.
8). This advertisement could be for instance In addition, they can also choose a category
a lost dog or a stolen bike. When you have on the main screen, such as missing, burgla-
clicked the send button you get a message ry, robbery, accidents and thefts. When they
that your advertisement will be processed. click on a category, they will see all the ads
While processing the ad, the police will placed concerning that category. Here the
check if there is no false information you ads are also sorted by time and viewed in
want to place. After checking, your adver- the month they are placed, see figure 12.
tisement will occur on the top screen of the

final design

Pag. 16

To create the best final design we did some user to find everything. Because we made the interface
evaluations. From these evaluations you can get very clear all the participants had a feeling of over-
a lot of tips to improve your final design. Besides view.
that, we have elaborated our final design by means Because we used the prototype, where not all
of a video. We made this video using a storyboard. things work properly yet, for the user evaluation,
User Evaluation the prototype was limited to give the user a feeling
For the user evaluation we have chosen for a field of a real situation. And therefore the interaction
setting. Before we did the evaluation we made an with the app and the user was limited.
informed consent. We did this because participants They also suggest things to add to the Safety-
need to be told why the evaluation is being done, Beacon to make it a better concept. One of those
what they will be asked to do and their rights. The things is to add a search option. This means that
informed consent is given in appendix I. Our eval- you can find something you saw for instance 2 days
uations consists out of an observation and out of a ago. In this way the app can be used more easily.
interview. In this way we will gain qualitative data. When you saw the advertisement 2 days ago and
The observations are objective and the interviews you find, for example, the keys 2 days later there
are subjective, so it will be a good combination. is still a chance that you can contact the person
Our interviews were semi-structured. We followed a who owns the keys. When this function is not there,
preset structure with questions, but we also deep- there is a small chance that you will find the ad,
ened out key points. The interviewee were able to which makes you (hardly) unable to get in touch.
ask question where we responded to.

For the interview, we made some questions to gain Another thing that is suggested by one of the users
information from the users. These questions are is to make the app even more clear, despite the
things we want to understand through our proto- fact that he thinks it is already clear enough. He
type. When we receive the answers from our users suggested to make some titles above pages and
we can see if we still have to adjust things. he suggested to remove the squares around the
The enquetes that are filled in are attached in ap- description of an advertisement. In this way it looks
pendix II. From the results we can concluded that like you can fill in something in that square, but that
the users do understand the interface. Especially can’t.
after reading the explanation page. So it is very The most important question is if they would use
useful that we have made an explanation page. the SafetyBeacon App on the Citybeacon. All of our
The interface is clear for them and they know how participants said yes.This response is nice to hear.

Figure 13 Storyboard
Pag. 18 Figure 13 shows the storyboard we made. We did
not make it too complex to keep it clear. In this
scenario someone lost her keys. She walks to her
door and feels in her pocket. At that moment she
is aware of the fact that she lost her keys. So, she
decides to go to the Citybeacon to place an adver-
tisement. Luckily, there is someone who finds her
keys at the same time. The finder of the keys knows
about the concept of the SafetyBeacon, so he goes
to the Citybeacon and reacts on the advertisement.
In this way, the person who lost her keys gets a
reaction on her phone. She also receives name and
phone number of the finder of her keys. As follows,
they get in touch with each other and the keys can
be returned.
There are of course many more possible scenarios,
like a theft, missing people, missing pets etc. This is
just an example that we choose to make clear what
the general procedure of using the SafetyBeacon
is. Other scenario’s such as announcing a burglary
might not have the responde part of this scenario
but the overall structure is the same.
Concept video
In our video we show what the concept of the safe-
tybeacon consists of. The video can be found here:
https://youtu.be/9fXllXAq-Gk



A possible negative effect from the to leave an advertisement each day. This
SafetyBeacon can occur when e.g. a lot may vary between 2 or 500 each day.
of thefts are reported in the same place. The SafetyBeacon should be adjusted to
Then people might avoid this street. the average amount of people per day.
This can have the result that stores and This perhaps can be prevented by doing
other companies might have less reve- research on if people are going to use it
nue and may go bankrupt. Preventing before implementing the SafetyBeacon.
this might be impossible because you A last point that has to be made is the
cannot tell people where to go if they difference between the SafetyBeacon
think it is unsafe. and going to the police. People might
Another matter that can occur is that not see more benefits in the SafetyBea-
people post false advertisements. They con than in the police. The SafetyBea-
e.g. might post a picture of someone con does has the benefit that advertise-
that is missing while they are just playing ments are being displayed on the upper
a joke with their friends. This is why the screen for everyone to see, so you have
police will need to check all advertise- more people possibly helping you.
ments and also why you need to give
your own information so you are tracea-
ble.

discussion Another problem that can occur is too
many advertisements. Then it is difficult
Pag. 20 to mark some advertisements as more
important and have a good overview.
This also creates the problem of too
little advertising time per advertisement
on the upper screen. So then the ad-
vertisement won’t be seen by a lot of
people. That is not something you want
when you place the ad. So before actu-
ally implementing the SafetyBeacon, it
is unknown how many people are going

Icon: discussion by juli from the Noun Project; CC0 licenced

During this course we learned several Before we went interviewing, we were reflection
methods to find the right problem and we not sure if we had the right stakeholder in
learned methods how to approach this mind. Eventually it was the wrong stake-
problem. With the course we worked in a holder, so next time we have to ask for
group of four students, two students from help if we do not know for sure if we are
Industrial Design and two students from right because now we did not have the
Mathematics. In this way we learned to right information from the right stakehold-
work together with other people from oth- ers.
er majors. In this reflection we are going to The toolkit method was something new
tell how the design process went, by look- for all of us. This is also why we had some
ing at the methods we used and looking at difficulties with it. Unfortunately we did not
the team. get the real stories behind the user’s. This
Finding the right problem is why we did interviews afterwards with
With this course we wanted to learn which the same users again. Eventually we could
methods helps us to find the right prob- conclude things out of it, what we did not
lem. In the first lecture we started with expected. The toolkits are a nice idea to
the exercise Lotus Blossom, to get a big collect data. Users also liked doing it and
overview of the problems. This exercise you could easily see the patterns. But next
was strange at the beginning, because we time we need to focus more on the story
did not involve the users. But this method behind the user’s.
gave us easily a good overview of certain Approach this problem
problems which was nice. After the lecture The methods used to approach the prob-
we had to go directly to the users to find lem together with the data collected were
the right problem. We had to look what very handy. Affinity diagramming was a
people do and what people say. So we great tool to analyse the data we collected
started with observing and interviewing. in a structured way. Also the lecture about
These methods were close to us because data designing was something that really
we all did this once. So for us this was a helped us. Because from this lecture we
good start, because we already knew how looked to the Citybeacon from a different
this works. The interviews with the user’s perspective. From this we got new ideas
went well, but we had a lot of difficulties and it helped us to combine our research
with the interviews with the stakeholder.

Icon: development by Gregor Cresnar from the Noun Project; CC0 licenced

and ideation together. Further we learned to make a value proposition. This gave us more Empathy with the user
insight of the customer profile. This made it easier to solve the problems of the users.
Teamwork October-November 2017
The teamwork during the project went well. Because of our previous experience with the
research methods and with working on a design project the process went reasonably smooth. Athors
We divided the major parts that needed to be done among the group-members. Verindi and
Rick mostly focussed on the concept, while Dione and Hannah focused on the theoretical Dione Jansen
part. We noticed that it was different to work with people from different majors. Dione and hannah van susteren
Hannah were very theoretical. This gave everyone a different insight on how to handle a prob- verindi vekemans
lem when designing . Verindi and Rick are from Industrial Design, so they had more experi- rick van de Ven
ence with the methods used to come up with a concept. Because of this, they helped each
other to understand it and to make it work. Project Coach
End Result
When looking back at the project, we are reasonably happy with the final concept. We think Tilde bekker
that our application has a lot of potential to create a community in which citizens help each
other to create a safe living-environment. Things we still want to improve upon are thinking Experts
of how we are going to stimulate people to use the application. While there is a lot of poten-
tial in our concept, we still need to think about the gains for the user and how we are going jaliang chuang
to attract the user towards using the application. We also still want to improve on the flow of manon junggeburth
using the application. Entering in all the details takes up a lot of time, which repels the user
from wanting to use the application. Therefore, interacting with the app needs to have a nice Client
and quick flow, which is something we still need to improve.
CityBeacon B.V. EMEA
bart knipscheer

Pag. 22

concent form

Appendix I

Evaluation 1 Evaluation 2
Observation: Observation:
When handing over the prototype the user started to press on all the buttons When we showed her the app, she immediately had the question,
to try and look at all the different screens. After that he wanted to know exact- ‘What should I do?’
ly what the implication of the app was. He instinctively pressed the question After asking that question, she directly pressed the question mark
mark, which explained him the basics of the app. After that he read the cur- button to find out what the app exactly contained. After that, she
rent situations. understood the concept and continued with exploring the app .

Interview: Interview:
Do you understand the interface without any extra explanation? Do you understand the interface without any extra explanation?
After reading the explanation, yes. Yes, it looks clear and understandable.
Is the interface clear and can you find everything? Is the interface clear and can you find everything?
Yes Yes, as far as I know what to find..
Is everything readable? Is everything readable?
Yes Yes
Do you understand where everything stands for? Do you understand where everything stands for?
Everything was very clear. Yes
Do you have a feeling of overview? Do you have a feeling of overview?
Yes Yes
Do you like the interaction between them and the app? Do you like the interaction between them and the app?
The prototype limited the user to get a real feeling of the real situation, there- It’s still a bit searching where everything stands.
fore the interaction with the app was limited. Is there something you dislike about the app?
Is there something you dislike about the app? No
The home screen only displays a few situations, which makes it very unclear if Is there anything you would like to add?
there are more situations. Maybe a search option, to find something you saw 2 days ago.
Is there anything you would like to add? Would you use this app on the Citybeacon?
Not at the moment. If it’s quiet I would definitely go there. Perhaps it can be linked to
Would you use this app on the Citybeacon? something nice for the people who use it, a kind of reward.
If I lost something yes. Questions from the user:
To what extent are the adds checked that are being added? Is
Appendix II everything placed directly or does anyone check them for relevan-
cy?
What happens if you have a lot of adds? Will the most recent one
be displayed or the most imported one, or do you get categories
with ‘applications’, ‘lost pets’, etc?

Pag. 24

Evaluation 3
Observation:
After the user had clicked through all the pages he didn’t immediately
know what the app was about. After reading the explanation page he kind
of knew what it was about but he didn’t get the add part of the app. After
explaining he got the idea.
Interview:
Do you understand the interface without any extra explanation?
When reading the explanation page kind off.
Is the interface clear and can you find everything?
Yes
Is everything readable?
Yes
Do you understand where everything stands for?
The user doesn’t understand where add stands for.
Do you have a feeling of overview?
Yes, its very clear.
Do you like the interaction between them and the app?
The prototype doesn’t give a feel of realism.
Is there something you dislike about the app?
No
Is there anything you would like to add?
Maybe some titles above the pages.
The squares around the description make it look like you can fill some-
thing in there. Needs to be removed.
Would you use this app on the Citybeacon?
Yes

Heuristic Evaluation One problem that our prototype has is that there
- Visibility of system status is no error prevention. This is too difficult for us to
The citizen gets a ‘thank you’-notification on the screen after sending the message. really implement in our design. However, we have
- Match between system and the real world thought of possible errors and corresponding error
We use 2 languages: English and Dutch, so it easy for everyone to understand. The react-but- messages that in a later stage, can be realized in
ton is not a symbol but the word ‘react’. the design.
- User control and freedom
Every page has a ‘go one page back’-arrow. - An error may occur when there are numbers in
- Consistency and standards the name while giving the person’s data. This is
We use the same words on every page such as react. not allowed because names do not have numbers
- Error prevention in then so then probably a fake name is given.
The error prevention is not working yet but we have some possible errors with error messages The corresponding error message that will appear
below. when using numbers in a name can be: ‘Sorry,
- Recognition rather than recall there are no numbers allowed in the name.‘
We repeat the advertisement on the react screen so people do not have to remember the ad.
We also use the same symbols on every page such as the arrow in the right upper corner. - When entering a phone number, this number
- Flexibility and efficiency of use has to consists of 10 numbers. Otherwise, it isn’t a
If you are using the app for the first time, you have to search where everything stands. After correct number. We focus on only dutch telephone
using it more than ones, you get handy with all the applications. In this way you will use it numbers for this. So the message ‘Your phone
faster. number has to consists of 10 numbers’ will appear
- Aesthetic and minimalist design when entering less or more than 10 numbers.
Our design is very minimalistic and does not have unnecessary pictures/text that distracts. Another error can occur while entering the street,
Help users recognize, diagnose and recover from errors house number and zip code. These all have to
We haven’t got error messages in our prototype yet. match to find one address. Otherwise, the place of
- Help and documentation residence does not exist. ‘This address is unknown,
Our design has a help button on the home screen. On the help page is information about please check your input’ will pop up when the
the app so it is clear how to use it. The help button was not clear enough yet, so we made it input does not match to a real address.
bigger.
- The final error can occur when an unclear picture
is put in. The problem is then that the picture is
too small and does not have enough pixels. The
corresponding error message will be: ‘Please up-
load a bigger picture.’

Appendix III

Pag. 26