User centered Design

Page 1

PHONE BILL Uw factuur

WATER BILL Giacomo Boffo (25), IT The redesign was applied to a water bill of the County of Kauai in the Hawaii islands, USA. In the original document there was data repetition and a lack of hierarchy in typographic elements. It was also unclear that you had to return the bottom part of the bill to the Water Agency together with your payment. The first thing to do was to cut the useless and/or repeated information; to reorganize what was left with more order and a sense of hierarchy. Hopefully this will help the reader with find the essential information more quickly.

Department of water County of Kauai P.O. Box 1705 Lihue HI 96766-5706

Account number: 1234567-1234567 Service location: 123 Department Lane

John Doe 123 Department Lane Lihue HI 96766-5706

Date due: 08/06/2001* Total amount due: $229.40 Indicate new mailing address *Due date applies to current changes only. All past due amounts are due immediately.

.....................................................

To ensure your account is properly credited please write your account number on check. Make check payable to Department of water. Please detach and return top portion with your payment

»Your data

»Usage history l

Name: John Doe Address: 123 Department Lane Account number: 1234567-1234567 Billing date: 07/05/2001 Billing Units: 1 Days in Period: 60 Sewer code: 1-10-0001-G Prem Type: SFD

1500 1000

500 0 1999

2000

2001

»Current charges Service Period: 05/06/2001 > 07/05/2001 Previous balance Payment (made 05/22/2011)

$99.22 -$49.22

Water service charge Water usage charge

$18.00 $161.40

} }

Total amount due

M.P. Haak Pieter Bruegellaan 43 5056 CB Berkel-Enschot

$50.00 + $179.40 $229.40

Totaal: 3,50 euro BTW 6% 0,21 euro

SL03 710 07/12

GEEN VERVOERSBEWIJS - NO TRAINTICKET - KEIN FARSCHEIN

130414 710 05691 Dit is gedrukt op thermisch papier en is niet beschermt tegen zonlicht, vocht of warmte. Niet blootstellen aan schadelijke stoffen zoals oplosmiddelen, vetten etc.

Datum/tijd 10/12/2012 18.18

BTW 6% 0,21 euro

Op het reizen met vervoerder NS zijn de algemene voorwaarden van toepassing. Zie voor de voorwaarden op www.ns.nl/voorwaarden.

GEEN VERVOERSBEWIJS - NO TRAINTICKET - KEIN FARSCHEIN

NS Reizigers B.V./Utrecht Handelsregister 30124362

SL03 710 07/12

Totaal: 3,50 euro

Natasja de Vries (23), NL I chose to redesign a ticket receipt of NS. First of all it is It is unclear if this is the actual train ticket or only the receipt. The text on the back reveals: “This train ticket is printed on...”, but on the front it states: “This is no train ticket”. There is also no logo on the receipt, so you should guess it’s from NS. On the original receipt there is no Value Added Tax (VAT) mentioned. Strange, because there is a VAT included. This I took into account while redesigning. I also tried to make the information on the receipt more legible and left out unnecessary information. 130414 710 05691 Dit is gedrukt op thermisch papier en is niet beschermt tegen zonlicht, vocht of warmte. Niet blootstellen aan schadelijke stoffen zoals oplosmiddelen, vetten etc. Op het reizen met vervoerder NS zijn de algemene voorwaarden van toepassing. Zie voor de voorwaarden op www.ns.nl/voorwaarden.

NS Reizigers B.V./Utrecht Handelsregister 30124362

Oana Clitan (23), RO The original invoice for a plane ticket has several problems. Because of the bad sequence of the elements it’s hard to identify the type of document. Also, the financial information in the table is repeated below under a different description. Hierarchy is missing in general. Some elements are not differentiated but they have different functions. In my redesign I focused on showing only the information that the customer needs and create a hierarchy between the elements, highlighting the information about the service and price. Also I introduced some brand elements such as the logo and the corporate colors.

INVOICE SZÁMLA

Address Cím

Invoice

Oana Maria/Clitan

Invoice Date: 07.03.2012 Invoice Number: 22656202P

Caraiman nr.4 Bistrita 234300 Románia

EU Tax number Uniós Adószám HU13122605 Tax number Adószám 13122605­2­43 PNR Azonosító UYHWDG

Invoice Date Számla Kelte 2012.03.07

Invoice Number Számlaszám 22656202P

Date of performance Teljesítés dátuma 2012.03.06

Original Eredeti 1 / 2

Mode of payment Bank card Fizetési mód Bankkártya

Page Oldal 1 / 1 Route Járat

Type of service Szolgáltatás

TGM­BVA­TGM SZJ62100.0 Flight Ticket Flight Ticket

Due Date Fizetési határidő 2012.03.06 Qty Unit of Meassure Menny. Mértékegység 2,00 Pieces Darab

Unit price VAT% Egységár ÁFA%

Total excl. VAT Értéke ÁFA nélkül

Total VAT Áthárított ÁFA

Total incl. VAT Értéke ÁFÁ­val

576,00 0,00 %

1 152,00

0,00

1 152,00

Targu Mures/Marosvasarhely ­ Paris (Beauvais) ­ Targu Mures/Marosvasarhely VAT Base

VAT Amount (Tax exempt, with deduction rights) Áfa alap Áthárított ÁFA (adómentes, levonási joggal)

Total Összesen

RON

1 152,00

0,00

24.10.09 t/m 11.11.09 24.10.09 t/m 11.11.09 24.10.09 t/m 11.11.09

bedrag

som

€ 3,86 € 3,22 € 0,00 € 7,08

te betalen voor gebruik buiten abbonement Relax sms 17 sms

24.10.09 t/m 11.11.09

€ 1,70 € 1,70

terug te krijgen voor abbonement Relax bel SIM only Relax sms Web’n’walk Standard

300 min 100 sms onbeperkt

24.10.09 t/m 11.11.09 24.10.09 t/m 11.11.09 24.10.09 t/m 11.11.09

€ 8.89 € 3,86 € 5,12 € 17,87 € 9,09 € 1,73 € 10,82

excl. 21% btw 21% btw

Totaal

LET OP: het bedrag is in uw voordeel. Wij maken het zo spoedig mogelijk aan u over.

U HOEFT NIETS TE BETALEN.

T-Mobile Netherlands B.V.

bank

btw

kvk

Postbus 16272, 2500 BG Den Haag

73 39 59 717

NL 8067 40 760 B01

30 14 65 99

Bel 06 14 30 30 30 ( maandag t/m vrijdag 08:00 - 20:00 en zaterdag 09:00 - 17:30 ) voor vragen over uw factuur of ga naar www.t-mobile.nl voor aanvullende informatie over uw factuur.

Interval Services Claudius Prinsenlaan 144a 4818 CP Breda info@interval.com

ter attentie van

C.M.H.Twilt Leliestraat 8 3551 AT Utrecht 196837911 Hogeschool Utrecht 21 januari 2012

burgerservicenummer werkgever afgiftedatum

Jaaropgaaf 2011 Jaarverdiensten bruto loon

€1946,00

Heffingen en kortingen ingehouden loonheffing verrekende arbeidskorting levensloopverlofkorting

Grand Total Számla Érték

1 152,00

Supplier name

Customer name:

Wizz Air Hungary Kft.

Oana-Maria Clitan

Type of service

Quantity (pieces)

Unit price (RON)

Total price (RON)

2

576,00

1 152,00

Flight ticket* Date of purchase: 2012.03.07 Mode of payment: Bank Card

Adómentes az Áfa tv. 105.§ alapján Exempt from VAT under sections 105 of the Hungarian VAT Act.

*Flight details Targu Mures 12.03.2012 11:05

Paris 12.03.2012 13:30

Paris

Targu Mures

17.03.2012 15:15

17.03.2012 17:40

A számla közvetített szolgáltatást tartalmaz.

A számla a Dynamics Ax vállalatirányítási szoftverrel készült 2 példányban.

Zorgverzekeringswet loon bekend bij zorgverzekeringswet ingehouden bijdragen

€1805,00 €140,00

RECEIPT Yi Suellen (24), CN For the HEMA receipt I created a new system in which I moved all the less important information to a customers account on the HEMA website. On the new receipt you can find a receipt code. Trough this code customers can find out more about their purchases. I also tried to improve the information sequence and the relations between elements to the things important for a customer. Goods and price comes first.

By taking the needs of the user as a starting point, students of the master graphic design (MAGO) at AKV|St. Joost Breda improved ordinary information designs in the realm of everyday financial transactions. The course ‘Financial Information Design’ was lead by dr. Karel van der Waarde, professor of Visual Rhetoric.

TRAIN TICKET Catarina da Silva (25), PT I noticed that the web print train tickets are very confusing. The main information is not visible and besides that it’s repeated. For the redesign I started from the point of view of the traveler/ consumer, making the route, travel day, possible change of trains more clear.

Frankfurt

SALARY SLIP Marijn Veeders (24), NL In the improved version of this salary slip I eliminated a large amount of the original information. Most of this information was not of any interest to the intended audience. I tried visualizing some terms by creating icons for them to increase the understanding by the target group. Furthermore, I implemented the visual branding (colors and logo) of the organization to provoke recognition. The use of color also helps to create a better hierarchy within the text. In this way users are able to quickly decipher the information they are looking for.

Rotterdam C.

via Utrecht C.

23 / 09 / 2012

01 Adult

2nd Class

da Silva, Catarina

07:29 pm.

10:58 pm.

Frankfurt

Utrecht C.

ICE 120

MAGO AKV|St. Joost

€637,00 €0,00 €0,00

MAGO STUDENTS IMPROVE VISUAL INFORMATION

PLANE TICKET INVOICE

Address Cím BUD International Airport Building 221 Budapest 1185 Hungary

300 min 100 sms onbeperkt

USER CENTERED DESIGN

Marleen van der Veer (23), NL I got this paper when I ordered the book for this class. The thing that surprised me the most is the fact that it is some kind of receipt without any price on it. This I added in my re-design. I also left some free space underneath the book ordered; if you order more products, they can line up underneath and ad up to the total price. Another thing that needed to be done was to order the information logically. The last thing missing was the name and the logo of Abe books. This is quit important in showing the identity of the company and for the customer to see in one glimpse where the package is ordered.

Customer Name Vevő név

periode

06 15 96 20 52

Interval Services zendt u dit document in opdracht van de Hogeschool Utrecht. Dit document bevat belangrijke informatie voor uw belastingaagifte en wordt slechts eenmalig uitgegeven. Bewaart u deze dus goed.

DELIVERY NOTE

Supplier name Szállító név Wizz Air Hungary Kft.

duur / aantal

te betalen voor gebruik abbonement Relax bel SIM only Relax sms Web’n’walk Standard

1 137 635 10 9010 987 54 501

Mariette Twilt (25), NL This annual statement contains the sum of a year earning. At first sight the original document looks quit consistent, though it bears some strange placing of information. There is no visual distinction between sums, and other quantitative information. My social security number (SSN) is in the same row as my Health insurance wage. It would make more sense to place this close to my personal information. I also wondered why this document is visually so poor. It contains the reward of a year of work. Why not to make it look more like a reward as well? This I tried to take into account while designing the new statement.

Datum/tijd 10/12/2012 18.18

Payment Maestro/ING Pasnr.: xxxxxxxxxxxxxxx0014

dienst

16 november 2009

ANNUAL STATEMENT

Payment Maestro/ING Pasnr.: xxxxxxxxxxxxxxx0014

Breda Kassanr.: 2B2505

klantnummer factuur nummer uw nummer

Breda Kassanr.: 2B2505

TICKET RECEIPT

datum

Michelle Haak (22), NL In this T-Mobile invoice I found some misleading and false information. For example, this document is not an invoice but a credit-invoice. Instead of paying, the user gets money in return; this is not made very clear. Also the amount of minutes and text messages for the new period is not correct and there seems to be very little difference between costs and discounts. On top of that: the bottom of the document promises some more information on the back, though the back is empty. The invoice looks messy and it is hard to see what is most important. I believe that the hierarchy must change and the false information should be removed. Most important: the fact that the user does not have to pay anything but gets money back, should be more clear.

25

041

no reservation needed Utrecht C.

Rotterdam C.

This ticket is valid for this route (with train), date and class that here are mentioned.

Omschrijving

Aantal

Betaling

Salaris

121,20

Eenmalige uitkering

75,00

47,67

Meeruren

10

Werkgever bijdrage ZVW

17,93

Werknemer premie ZVW totaal

17,93 -

Werknemer premie pensioenfonds

12,39 -

Uitbetalingsbedrag

Meeruren data

231,48

02-10 -23

Uurloon

Meeruren uurloon

9,33

Vakantiegeld

138,94

Reiskosten vergoeding

SALARY SLIP

9,33

0,09 per km

Voor vragen over uw salaris(strook) kunt u bellen met de HR service desk: 088-4598000, menukeuze 2, optie 4.

?

Breda. Expert Centre Art and Design, Research Group Visual Rhetoric, ekv.akvstjoost@avans.nl Design: Mariette Twilt, March 2013.

Raluca Ciubotaru (22), RO From my interviews and analysis I discovered that people don’t want to know in detail what their salary is made out of and what are all the deductions. I decided to cut them out. The slips come by mail in a small size. it takes up less space and it’s made from recycled paper. The triangles symbolize money ‘coming in’ (green) and money ‘going out’ (red). The black line guides the user’s eye towards the final number, also making clear how that number was obtained. If you wish to find out more details regarding your salary, you just login to the company’s website.


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.