The document summarizes the redesign process of a parking kiosk. Key points include:
1. Users provided feedback on problems with the existing kiosk including glare, small screen, and confusing interface.
2. An analysis was conducted of the kiosk's physical form and interface. Various redesign sketches were created.
3. Prototyping and usability testing helped refine the design. Changes included adding a shelf, improving the interface, and addressing glare issues.
4. The final redesign solved the original problems. It features a frosted glass shelter, improved interface, and shelf for user items.
Here is my work of the past 10+ years in France and Canada.
I worked for several brands in Europe and North America as full time employe and freelance designer. Please dive in and let me know if you have any advice or opportunity to collaborate.
Tel. : +336 34 598 194
Email: vincent.elmerich@gmail.com
Web: www.vincentelmerich.com
Cost Effective Web Development TechniquesDrew McLellan
10 simple technical and workflow-based tips for reducing web design and development project costs.
Presented by Drew McLellan from edgeofmyseat.com at twiist.be, Belgium, on 15 May 2009.
In this talk presented at the Swipe x PAGE Academy (http://page-online.de), we gave an overview of the Swipe workflow building mobile products, from an UX/UI point of view.
http://swipe.de
Here is my work of the past 10+ years in France and Canada.
I worked for several brands in Europe and North America as full time employe and freelance designer. Please dive in and let me know if you have any advice or opportunity to collaborate.
Tel. : +336 34 598 194
Email: vincent.elmerich@gmail.com
Web: www.vincentelmerich.com
Cost Effective Web Development TechniquesDrew McLellan
10 simple technical and workflow-based tips for reducing web design and development project costs.
Presented by Drew McLellan from edgeofmyseat.com at twiist.be, Belgium, on 15 May 2009.
In this talk presented at the Swipe x PAGE Academy (http://page-online.de), we gave an overview of the Swipe workflow building mobile products, from an UX/UI point of view.
http://swipe.de
Smart Scaling - Getting Payments Right TOA 2016Maeve Quigley
The payment page is where revenue becomes reality for your ecommerce shop. What do you need to know about local customer behavior, UX to get payments technology right?
Mirko Lorenz Data Driven Journalism Overview Seminar Ordine dei Giornalisti d...Massimiliano Crosato
A seminar by Mirko Lorenz @MIRKOLORENZ (EJC European Journalism Center) on Data Driven Journalism topics at Ordine dei Giornalisti del Veneto, Venezia. 14 April 2015 #DDJ
Meetup - 13.10.2020
Fact is: never before have distributed and virtual teams been as important as over the last few months. But even after this initially unusual situation we will continue to work in distributed teams, be it due to globalization, cooperation or the "War for Talent". And perhaps the crisis will even enable us to strengthen our digital collaboration skills in such a way that we will be able to do this much more effectively and efficiently in the future.
For this event, borisgloger has partnered with Erste Group to share numerous good practices with you. CHRISTOPH SCHMIEDINGER (borisgloger consulting), joined by MARGARITA YONOVA-POPOVA (Erste Bank AG) and ALEXANDRA ÖLLINGER (Erste Group IT) will present you a Corona Edition of our agile flavoured collaborative hacks for distributed teams.
You can rewatch the presentation here: https://youtu.be/WUZ0WbkvX-M
Combine workshops to boost business understanding.pdfBruno Boucard
Pour toujours plus de valeur métier, sortez des sentiers battus avec la composition d’ateliers collectifs.
Fan de longue date des ateliers de découverte, comme l’Event Storming, l’Example Mapping, le User Story Mapping, mais aussi le CRC Cards ; je vous proposerai plusieurs compositions d’ateliers que j’utilise régulièrement.
Puis je vous offrirai les clefs pour créer vos propres ateliers composites afin de créer vos propres compositions afin de comprendre collectivement le métier finement.
Touch Drive - A touch-based multi-function controller for autonomous drivingJuntima Nawilaijaroen
Msc. Interaction Design and Technologies Master Thesis Presentation
A design solution is proposed in this thesis, which aims to establish a convenient way for controlling autonomous cars and at the same time enables the user to control tertiary features unrelated with the driving task.
Ensuring the consistent adoption of brand elements across various channels can be a problem for many large organizations. As West Virginia University rolls out a new brand campaign our central Digital Services unit is sharing tools with our web development community to help them make this shift. In this talk you will learn how we’re using patterns to:
* modernize and standardize toolsets
* encourage broad and fast adoption of the new brand elements
* make it easier to incorporate future changes to brand elements
This process has not been without its challenges so expect many pitfalls and missteps to be shared.
This is a talk that Jonny LeRoy and I gave at Thoughtworks Live in Sydney and Melbourne in May 2013. It's a high level look at how you can approach mobile development and strategies to evolve for a future of many APIs and many front end clients.
Eoghan & Des from Contrast presented this talk at the Carsonified conference titled "The Future of Web Applications".
The thesis of the talk is that the future does not come from following current conventions, as such we need to look to alternative areas for inspiration, otherwise we'll struggle to move forward.
ABOUT ENEL OPEN DATA
- Launched in 2011 among the first business organisations investing in Open Data worldwide “SOME LEADING BUSINESSES, LIKE ENEL, ITALY’S LARGEST POWER COMPANY, AND NIKE, ARE MORE PROACTIVE, PUBLISHING THEIR DATA TO DEMONSTRATE A COMMITMENT TO TRANSPARENCY AND SUSTAINABILITY” DELOITTE ON OPEN DATA IN 2012
- 725 datasets (424 IT, 301 EN), 5 main categories (FINANCE World, Finance Italy, SUSTAINABILITY, ENVIRONMENT, TERRITORY)
Linked Open GeoData for Enel Drive (W3C LOD2014)Andrea Volpini
Presenting Linked Open Data for Enel Electric Vehicle Charging Network. A solution developed for Enel Drive by Insideout10 using Redlink Linked Data publishing APIs.
The triplification (transforming source legacy data in RDF triples) provides an information context around each stations and helps EV drivers locate a charging stations in various ways.
The project wants to contribute to the development of electric mobility in Italy
Linked Open GeoData for Electric Vehicle Charging Stations by ENELRedlink GmbH
Originally published by Raffaele Cirullo (http://www.slideshare.net/cirullo/enel-drive-linked-open-geo-data) - the presentation describes the triplication (RDF publishing) of real-time data provided by Enel Drive: Italy's largest EV Charging network.
Using Redlink the information is shared in real-time as Linked Open Data. The data is also published to OpenStreetMap and foursquare.
Learning Lunch. Prob won't make much sense without me wittering on in the background. About setting up the new business, branded utility, some Google stuff and a few pieces of inspiration (do check out the Royal Society Animate videos on YouTube, the one on time is incredible).
Designing for the PresentFuture w/ Socratic Experience DesignFritz Desir
How do you design what you design? What is the typical thought process you go through? Have you considered interrogating the way you think and how you make (design) decisions in order to make better ones?
Often as Designers (which includes you “strategists” and “creatives”) due to habit, external pressures and lack of resources we can often get to solution mode too quickly. Even with the best tools, strategy, UX and design thinking methods in mind, rapid solutioning before proper questioning can often lead to far less than ideal outcomes.
With technology, formats and problem spaces evolving daily a very old but often unconsidered form of thinking, questioning, needs consideration. How can the skill of inquiry be developed to help us solve bigger (design) problems in more inspiring ways? In this deck (output from a talk) I discuss how the process of forming "beautiful" design questions can help strengthen your design process, revitalize the artifacts you make, help you get a seat at "the grown-up table" in your organization and prepare you for a world of never ending design.
Smart Scaling - Getting Payments Right TOA 2016Maeve Quigley
The payment page is where revenue becomes reality for your ecommerce shop. What do you need to know about local customer behavior, UX to get payments technology right?
Mirko Lorenz Data Driven Journalism Overview Seminar Ordine dei Giornalisti d...Massimiliano Crosato
A seminar by Mirko Lorenz @MIRKOLORENZ (EJC European Journalism Center) on Data Driven Journalism topics at Ordine dei Giornalisti del Veneto, Venezia. 14 April 2015 #DDJ
Meetup - 13.10.2020
Fact is: never before have distributed and virtual teams been as important as over the last few months. But even after this initially unusual situation we will continue to work in distributed teams, be it due to globalization, cooperation or the "War for Talent". And perhaps the crisis will even enable us to strengthen our digital collaboration skills in such a way that we will be able to do this much more effectively and efficiently in the future.
For this event, borisgloger has partnered with Erste Group to share numerous good practices with you. CHRISTOPH SCHMIEDINGER (borisgloger consulting), joined by MARGARITA YONOVA-POPOVA (Erste Bank AG) and ALEXANDRA ÖLLINGER (Erste Group IT) will present you a Corona Edition of our agile flavoured collaborative hacks for distributed teams.
You can rewatch the presentation here: https://youtu.be/WUZ0WbkvX-M
Combine workshops to boost business understanding.pdfBruno Boucard
Pour toujours plus de valeur métier, sortez des sentiers battus avec la composition d’ateliers collectifs.
Fan de longue date des ateliers de découverte, comme l’Event Storming, l’Example Mapping, le User Story Mapping, mais aussi le CRC Cards ; je vous proposerai plusieurs compositions d’ateliers que j’utilise régulièrement.
Puis je vous offrirai les clefs pour créer vos propres ateliers composites afin de créer vos propres compositions afin de comprendre collectivement le métier finement.
Touch Drive - A touch-based multi-function controller for autonomous drivingJuntima Nawilaijaroen
Msc. Interaction Design and Technologies Master Thesis Presentation
A design solution is proposed in this thesis, which aims to establish a convenient way for controlling autonomous cars and at the same time enables the user to control tertiary features unrelated with the driving task.
Ensuring the consistent adoption of brand elements across various channels can be a problem for many large organizations. As West Virginia University rolls out a new brand campaign our central Digital Services unit is sharing tools with our web development community to help them make this shift. In this talk you will learn how we’re using patterns to:
* modernize and standardize toolsets
* encourage broad and fast adoption of the new brand elements
* make it easier to incorporate future changes to brand elements
This process has not been without its challenges so expect many pitfalls and missteps to be shared.
This is a talk that Jonny LeRoy and I gave at Thoughtworks Live in Sydney and Melbourne in May 2013. It's a high level look at how you can approach mobile development and strategies to evolve for a future of many APIs and many front end clients.
Eoghan & Des from Contrast presented this talk at the Carsonified conference titled "The Future of Web Applications".
The thesis of the talk is that the future does not come from following current conventions, as such we need to look to alternative areas for inspiration, otherwise we'll struggle to move forward.
ABOUT ENEL OPEN DATA
- Launched in 2011 among the first business organisations investing in Open Data worldwide “SOME LEADING BUSINESSES, LIKE ENEL, ITALY’S LARGEST POWER COMPANY, AND NIKE, ARE MORE PROACTIVE, PUBLISHING THEIR DATA TO DEMONSTRATE A COMMITMENT TO TRANSPARENCY AND SUSTAINABILITY” DELOITTE ON OPEN DATA IN 2012
- 725 datasets (424 IT, 301 EN), 5 main categories (FINANCE World, Finance Italy, SUSTAINABILITY, ENVIRONMENT, TERRITORY)
Linked Open GeoData for Enel Drive (W3C LOD2014)Andrea Volpini
Presenting Linked Open Data for Enel Electric Vehicle Charging Network. A solution developed for Enel Drive by Insideout10 using Redlink Linked Data publishing APIs.
The triplification (transforming source legacy data in RDF triples) provides an information context around each stations and helps EV drivers locate a charging stations in various ways.
The project wants to contribute to the development of electric mobility in Italy
Linked Open GeoData for Electric Vehicle Charging Stations by ENELRedlink GmbH
Originally published by Raffaele Cirullo (http://www.slideshare.net/cirullo/enel-drive-linked-open-geo-data) - the presentation describes the triplication (RDF publishing) of real-time data provided by Enel Drive: Italy's largest EV Charging network.
Using Redlink the information is shared in real-time as Linked Open Data. The data is also published to OpenStreetMap and foursquare.
Learning Lunch. Prob won't make much sense without me wittering on in the background. About setting up the new business, branded utility, some Google stuff and a few pieces of inspiration (do check out the Royal Society Animate videos on YouTube, the one on time is incredible).
Designing for the PresentFuture w/ Socratic Experience DesignFritz Desir
How do you design what you design? What is the typical thought process you go through? Have you considered interrogating the way you think and how you make (design) decisions in order to make better ones?
Often as Designers (which includes you “strategists” and “creatives”) due to habit, external pressures and lack of resources we can often get to solution mode too quickly. Even with the best tools, strategy, UX and design thinking methods in mind, rapid solutioning before proper questioning can often lead to far less than ideal outcomes.
With technology, formats and problem spaces evolving daily a very old but often unconsidered form of thinking, questioning, needs consideration. How can the skill of inquiry be developed to help us solve bigger (design) problems in more inspiring ways? In this deck (output from a talk) I discuss how the process of forming "beautiful" design questions can help strengthen your design process, revitalize the artifacts you make, help you get a seat at "the grown-up table" in your organization and prepare you for a world of never ending design.
Book Formatting: Quality Control Checks for DesignersConfidence Ago
This presentation was made to help designers who work in publishing houses or format books for printing ensure quality.
Quality control is vital to every industry. This is why every department in a company need create a method they use in ensuring quality. This, perhaps, will not only improve the quality of products and bring errors to the barest minimum, but take it to a near perfect finish.
It is beyond a moot point that a good book will somewhat be judged by its cover, but the content of the book remains king. No matter how beautiful the cover, if the quality of writing or presentation is off, that will be a reason for readers not to come back to the book or recommend it.
So, this presentation points designers to some important things that may be missed by an editor that they could eventually discover and call the attention of the editor.
Visual Style and Aesthetics: Basics of Visual Design
Visual Design for Enterprise Applications
Range of Visual Styles.
Mobile Interfaces:
Challenges and Opportunities of Mobile Design
Approach to Mobile Design
Patterns
EASY TUTORIAL OF HOW TO USE CAPCUT BY: FEBLESS HERNANEFebless Hernane
CapCut is an easy-to-use video editing app perfect for beginners. To start, download and open CapCut on your phone. Tap "New Project" and select the videos or photos you want to edit. You can trim clips by dragging the edges, add text by tapping "Text," and include music by selecting "Audio." Enhance your video with filters and effects from the "Effects" menu. When you're happy with your video, tap the export button to save and share it. CapCut makes video editing simple and fun for everyone!
Hello everyone! I am thrilled to present my latest portfolio on LinkedIn, marking the culmination of my architectural journey thus far. Over the span of five years, I've been fortunate to acquire a wealth of knowledge under the guidance of esteemed professors and industry mentors. From rigorous academic pursuits to practical engagements, each experience has contributed to my growth and refinement as an architecture student. This portfolio not only showcases my projects but also underscores my attention to detail and to innovative architecture as a profession.
2. F E R S T
IMPRESSIONS
INDIVIDUAL COMMENTS
CAITY SAYS:
- glare
-shelter needs redesign too
--lots of “NO’s”
-it’s so ugly!
-unclear directions to follow
-slow process
EDITH SAYS:
- doesnt give change!
-dingy
- uninviting
-interface goes in strange and
confusing order
DAN SAYS:
- screen too little
- strange placement of func-
tions
-pathetic design
-needs a shelf
-glare is horrible
3. glass doesnt
block glare at all
mainetance door
ugly trash can
locked (cash?)
door
very negative tone
(too many no’s)
instructions,
rules, and pro-
cess guidelines
glare makes screen
unintelligible
screen is too small
confusing
instructions
more “no”’s
attempt at design
bizarre button
placement
doesnt give
change
W H O L E
K I O S K
C L O S E
V I E W
Analyzing the structure of the parking
kiosk as a whole
Zooming in to reveal the individual as-
pects of the existing design
4. (b)
(a) (c)
(d)EXISTING
K I O S K S
PRO: uses color coded
labels to help discern
between steps.
CON: the design is really
bulky and ugly, tiny
screen
PRO: clear labels and
placement of steps, nice
color / sleeker design
CON: bulky design, ter
rible glare, tiny screen
PRO: cleaner design,
somewhat clear instruc
tions
CON: tiny screen,
strange button/slot
placements
PRO: labeled steps make
the process very clear
CON: the design is really
plain, tiny screen, too
much going on
5.
6. New Task/Function Analysis
I. Approach the kiosk
II. Pay for parking
A. Read Instructions
B. Enter parking spot number
i. Press continue arrow
C. Press “+” or “-” to enter desired time
i. Press continue arrow
D. If cash:
i. Insert required amount of money
E. If card:
i. Insert and remove card
F. Press ‘Done’
III. Retrieve receipt
Existing Task/Function Analysis
I. Approach the kiosk
II. Pay for parking
A. Read instructions
B. Press any button to start
C. Enter parking spot number
i. Press pound to continue
D. Insert exact payment
E. If cash:
i. Insert money to increase time
F. If card:
i. Add or subtract time
ii. Retrieve card
G. Press “Print Receipt” button to ac-
cept payment and print receipt
RESEARCH
TASK FUNCTION ANAYSLIS
redesign
7. III. General Feedback
What would you change about the physical design?
What would you change about the interface?
General Comments:
S T U D Y
C H A R T
U S E R
S U R V E Y
Measures time of day, description of person,
payment method, duration of transaction,
and general comments
Gets to know user and user’s opinion of
the function and aesthetic of the kiosk
I. User Information
Are you a visitor, student, or professor? (check one)
Visitor __ Student __ Professor __
Have you used this kiosk before?
If yes, how frequently(per week)? 0-2 3-5 6+
Why do you choose this parking lot? __ Location __ Availability Other________
II. User Satisfaction
The functions and features of this design satisfy my needs.
agree neutral disagree
The physical design of this kiosk is pleasing.
agree neutral disagree
The steps were easy to understand and navigate.
agree neutral disagree
The visual instructions were necessary to complete a transaction.
agree neutral disagree
The screen is visible and clear.
agree neutral disagree
The buttons are easy to find.
agree neutral disagree
The buttons have a clear purpose.
agree neutral disagree
1
2
3
TIMEOF
DESCRIPTION
OFPERSON
PAYMENT
METHOD
DURATIONOF
TRANSACTION
GENERAL
COMMENTS
9. “MAKE IT MORE APPEALING”
“MAKE IT FASTER”
“IT SWALLOWED MY MONEY!”
“IM SO CONFUSED”
“WHERE DO I PUT MY COFFEE?”
S
“WHY PAY FIRST?”
“I FORGOT MY SPACE NUMBER ”
OVERHEARD@FERSTDRIVE
10. 9:45 9:50 9:55 10:00 10:05 10:10 10:15 10:20 10:25 10:30 10:35 10:40 10:45
TIME
PEOPLE
24681357
FREQUENCY OF USERS
<10 <20 <30 <40 <50 <60 <70 <80 <90 <100 <110 <120 <130
TIME
PEOPLE
24681357
AVERAGE TIME OF TRANSACTION
in seconds
O V E R
T I M E
TRANSACTION
T I M E
Measures the frequency of users from
9:45 - 10:45 AM in order to
Zooming in to reveal the individual as-
pects of the existing design
11. D E S I G N
G O A L S
address the aesthetic problems
add a shelf
address the shade/glare problem
declutter surface, perhaps eliminate buttons
eliminate instructions
eliminate negative signs
fix the order of the functions
make the interface logical
add beautility to the interface
12. Georgia Tech
tlanta, Georgia
M O O D
B O A R D
PYRAMID
CONTRAST OF ORGANIC
AND GEOMETRIC
COMPLEXS TRUCTURES
FROM BASIC SHAPES
CRYSTALLINE
13. Georgia Tech
tlanta, Georgia
M O O D
B O A R D
PYRAMID
CONTRAST OF ORGANIC
AND GEOMETRIC
COMPLEXS TRUCTURES
FROM BASIC SHAPES
CRYSTALLINE
14. - Prismatic
structure
-Large screen
-Has space for
storage
- same glass
as Klaus pro-
vides shade
for screen
-focus on grid
shape overall
- Prismatic
structure
-Large screen
-Has space for
storage
I N I T I A L
SKETCHES - Curved front
-Large screen
-Has shelf or
ledge
15. I N I T I A L
SKETCHES
- Prismatic
structure
-dynamic
shape and
screen
- round
-has shade to
block sun
-encased in
frosted glass
to provide
shade
-same glass
as Klaus
-contrast of
round and
geometric
- structure
with both
round and
harsh edges
-focus on tri-
angles
16. FINALIZING
M O D E L S
WE BEGAN by assembling in-
dividual triangles into a general
idea of the final shape we de-
sired
THE PROCESS of iteration
was then continued on a
larger scale until finally
starting to understand the
assemblies.
FINALIZED MODEL at a minia-
ture scale of chip board
18. I N T E R I M
C H A N G E S
add decals for parking
the coin sot design can be
changed to be more realistic
The ridge should be replaced with
a bevel
add lights for use
during night time
need to add a shelf for
coffee or car keys
19. I N T E R I M
R E S U L T S
The spacing on this grid is off
The next button appears to be
floating
there is not enough free space;
it is crowded
there is not enough free space;
it is crowded
title could be centered or
changed in some other way
this space needs to be more
substantial
20. address the aesthetic problems
add a shelf
address the shade/glare problem
declutter surface, perhaps eliminate buttons
eliminate instructions
eliminate negative signs
fix the order of the functions
make the interface logical
add beautility to the interface
K I O S K
F O R M
K I O S K
INTERFACE
DID THE DESIGN MEET THE REQUIREMENTS OF THE CHECKLIST?
21. PHYSICAL
C H A N G E S
SHELF DESIGN VARIATIONS
FRONT VIEWFRONT VIEW
SHELF OPTION #2SHELF OPTION #1
SIDE WING, SMALLSIDE WING, LARGE
PERSPECTIVE VIEWPERSPECTIVE VIEW
SIDE VIEWSIDE VIEW BACK VIEWBACK VIEW
22. SHELF OPTION #4
SHELF OPTION #3
TOP RIDGE, EXTENSION
TOP RIDGE, RECTANGLE
PERSPECTIVE VIEWPERSPECTIVE VIEW
SIDE VIEWSIDE VIEW BACK VIEWBACK VIEW FRONT VIEWFRONT VIEW
PHYSICAL
C H A N G E S SHELF DESIGN VARIATIONS continued
23. PHYSICAL
C H A N G E S SHELF DESIGN VARIATIONS continued
FRONT VIEWFRONT VIEW
SHELF OPTION #6SHELF OPTION #5
SIDE WING, SM W/ RIDGETOP RIDGE, SM TRIANGLE
PERSPECTIVE VIEWPERSPECTIVE VIEW
SIDE VIEWSIDE VIEW BACK VIEWBACK VIEW
24. M O D E L
M A K I N G SIGN FOAM COMPONENTS
Sign foam models
allow for a realistic
look during usability
testing
This model displays a
mock up version used
for testing
25. USABILITY
T E S T I N G
YOUNG WOMAN
-AVG HEIGHT
-STUDENT
YOUNG MAN
-VERY TALL
-STUDENT
OLD MAN
-AVG HEIGHT
-VISITOR
OLD WOMAN
-SHORT
-VISITOR
26. address the aesthetic problems
add a shelf
address the shade/glare problem
declutter surface, perhaps eliminate buttons
eliminate instructions
eliminate negative signs
fix the order of the functions
make the interface logical
add beautility to the interface
K I O S K
F O R M
K I O S K
INTERFACE
SUMMARY OF CHANGES MADE
ALL CRITERIA ARE MET