A major pitfall of wireframing in the early design process is to focus too much on the visual layout of the design. The priority guide is a content-first alternative approach that avoids this pitfall.
In this workshop hosted at the Mirabeau headquarters, we discussed the limitations of wireframes, and how priority guides can overcome these limitations. Under our guidance, attendees from the Amsterdam UX community created their first priority guide, and afterwards pitched their process and results.
Este documento describe el método simplex, un algoritmo para resolver problemas de programación lineal. Explica que el método simplex permite encontrar la solución óptima de un problema de maximización o minimización iterativamente buscando en los vértices de un polígono definido por las restricciones lineales. También presenta un ejemplo de cómo aplicar el método simplex para resolver un problema real de un agricultor que busca maximizar sus beneficios al distribuir su terreno, agua y tiempo de trabajo entre diferentes cultivos.
Workshop: Priority Guides - The Alternative to WireframesLennart Overkamp
A major pitfall of wireframing in the early design process is to focus too much on the visual layout of the design. The priority guide is a content-first alternative approach that avoids this pitfall.
In this workshop, Heleen van Nues and I discussed the limitations of wireframes, and how priority guides can overcome these limitations. Under our guidance, attendees created their first priority guide, and afterwards pitched their process and results.
Priority Guides - alternative to wireframes for UX / Interaction designHeleen van Nues
A major pitfall of wireframing in the early design process is to focus too much on the visual layout of the design. The priority guide is a content and a mobile-first alternative approach that avoids this pitfall.
In a workshop with students from the Dutch applied university of Arnhem and Nijmegen (HAN), Lennart Overkamp and I discussed the limitations of wireframes, and how priority guides can overcome these limitations. Under our guidance, groups of students created their first priority guide for a fictional travel agency’s homepage, and afterwards pitched their process and results.
In 4 stappen naar een hogere conversie met je productcontent!valantic NL
Hoe behaal je meer rendement met je producten op je eigen website en op marketplaces, zoals Bol.com? Jurjen ontwikkelde een nieuw 4 stappen model voor je productcontent waarmee je de concurrentie verslaat. Jurjen onthult zijn model en geeft je concrete tips op basis van vele praktijkvoorbeelden. Na deze sessie snap je dat je heel veel omzet en rendement laat liggen.
Digitaal duurzame links - NDE Werelddag van de Digitale DuurzaamheidLotte Belice Baltussen
Wanneer je als culturele instelling digitaal lesmateriaal voor het onderwijs ontwikkelt, dan wil je natuurlijk dat dit materiaal zo lang mogelijk goed vindbaar en bruikbaar is. Er komt veel kijken bij het duurzaam ontwikkelen van digitaal lesmateriaal. Een onderdeel hiervan is het zorgen voor goed werkende URL's. Maar hoe zorg je ervoor dat deze linkjes goed blijven werken?
Kennisnet en het Netwerk Digitaal Erfgoed hebben de handen ineengeslagen om culturele instellingen, makers van lesmateriaal en verbinders hierbij te helpen. Tijdens deze workshop gaven we je concrete handvatten en tips om links van en in jouw aanbod goed te laten werken. Denk hierbij aan de URL's op je eigen website en verwijzingen naar bronnen, artikelen of websites die jouw lesmateriaal onderbouwen en verrijken. Veel van deze links verdwijnen en veranderen. Hoe zorg je er dan voor dat ze het ook de komende maanden en zelfs jaren blijven doen? In deze workshop gaven we aan de hand van praktijkvoorbeelden antwoord op deze vraag.
De workshop vond plaats op 5 november, tijdens de Werelddag van de Digitale Duurzaamheid.
Este documento describe el método simplex, un algoritmo para resolver problemas de programación lineal. Explica que el método simplex permite encontrar la solución óptima de un problema de maximización o minimización iterativamente buscando en los vértices de un polígono definido por las restricciones lineales. También presenta un ejemplo de cómo aplicar el método simplex para resolver un problema real de un agricultor que busca maximizar sus beneficios al distribuir su terreno, agua y tiempo de trabajo entre diferentes cultivos.
Workshop: Priority Guides - The Alternative to WireframesLennart Overkamp
A major pitfall of wireframing in the early design process is to focus too much on the visual layout of the design. The priority guide is a content-first alternative approach that avoids this pitfall.
In this workshop, Heleen van Nues and I discussed the limitations of wireframes, and how priority guides can overcome these limitations. Under our guidance, attendees created their first priority guide, and afterwards pitched their process and results.
Priority Guides - alternative to wireframes for UX / Interaction designHeleen van Nues
A major pitfall of wireframing in the early design process is to focus too much on the visual layout of the design. The priority guide is a content and a mobile-first alternative approach that avoids this pitfall.
In a workshop with students from the Dutch applied university of Arnhem and Nijmegen (HAN), Lennart Overkamp and I discussed the limitations of wireframes, and how priority guides can overcome these limitations. Under our guidance, groups of students created their first priority guide for a fictional travel agency’s homepage, and afterwards pitched their process and results.
In 4 stappen naar een hogere conversie met je productcontent!valantic NL
Hoe behaal je meer rendement met je producten op je eigen website en op marketplaces, zoals Bol.com? Jurjen ontwikkelde een nieuw 4 stappen model voor je productcontent waarmee je de concurrentie verslaat. Jurjen onthult zijn model en geeft je concrete tips op basis van vele praktijkvoorbeelden. Na deze sessie snap je dat je heel veel omzet en rendement laat liggen.
Digitaal duurzame links - NDE Werelddag van de Digitale DuurzaamheidLotte Belice Baltussen
Wanneer je als culturele instelling digitaal lesmateriaal voor het onderwijs ontwikkelt, dan wil je natuurlijk dat dit materiaal zo lang mogelijk goed vindbaar en bruikbaar is. Er komt veel kijken bij het duurzaam ontwikkelen van digitaal lesmateriaal. Een onderdeel hiervan is het zorgen voor goed werkende URL's. Maar hoe zorg je ervoor dat deze linkjes goed blijven werken?
Kennisnet en het Netwerk Digitaal Erfgoed hebben de handen ineengeslagen om culturele instellingen, makers van lesmateriaal en verbinders hierbij te helpen. Tijdens deze workshop gaven we je concrete handvatten en tips om links van en in jouw aanbod goed te laten werken. Denk hierbij aan de URL's op je eigen website en verwijzingen naar bronnen, artikelen of websites die jouw lesmateriaal onderbouwen en verrijken. Veel van deze links verdwijnen en veranderen. Hoe zorg je er dan voor dat ze het ook de komende maanden en zelfs jaren blijven doen? In deze workshop gaven we aan de hand van praktijkvoorbeelden antwoord op deze vraag.
De workshop vond plaats op 5 november, tijdens de Werelddag van de Digitale Duurzaamheid.
Due to its intangible and indirect nature, ethics is often regarded as an ‘inconvenience’ – an afterthought once more pressing matters have been tackled.
During World Usability Day, I presented some possibilities to elevate design ethics to a more practical level, structurally integrated in our (daily) design process.
Many thanks to Garage by Innogy for the venue, and of course to the communities and organisers of Ladies That UX and Amsterdam UX!
Charting the Employee Journey of KLM Component ServicesLennart Overkamp
This document summarizes Lennart Overkamp's work charting the employee journey at KLM Component Services. It describes a 4-step process: 1) research and analysis through interviews and observations, 2) employee workshops to validate understanding and co-ideate solutions, 3) ideation and testing including creating a storyboard of the employee journey and brainstorming digital solutions, and 4) gathering feedback and presenting results. The goal was to envision new digital solutions and ways of working for KLM CS employees. One proposed solution presented is "BAS", an undercover agent app that allows employees to track components anywhere by uploading photos.
During UX Camp NL 2017, on the 23rd of September in Eindhoven, I posed a question to the audience: (how) should we measure user experience?
A difficult topic, as I soon found out. The result was a fruitful discussion with designers and developers, and an opportunity to share my point of view with the attendees.
My thanks to the organising committee of UX Camp NL for a great event, to the audience for their attention and challenging questions, and of course to those that inspired me for their input!
Mapping Customer Experience for the Future of DesignLennart Overkamp
"In the future, there will be no user experience design. There will only be design."
As part of an symposium centred around the future of UX design, I presented my vision on the future of design, and the relevance of tools such as Experience Maps in the ever developing world of technology.
Designers of the future will have to embrace either Design Generalism, or Innovation-driven Design.
Introduction to Usability Testing for Digital MarketeersLennart Overkamp
These slides provide an introduction to usability testing for digital marketeers. This well-known method in user-centred design is used to improve products, by having participants interact with these products and by measuring their performances and responses.
I presented this topic as a guest lecturer to students attending the Minor Digital Marketing at the Fontys ICT Eindhoven at April 5th, 2017. Providing examples and best practices from Dutch digital design agency Mirabeau, I explained to them the required steps for the preparation, the moderation, and the analysis of usability tests.
These slides provide an introduction to usability testing. This well-known method in user-centred design is used to improve products, by having participants interact with these products and by measuring their performances and responses.
I presented this topic as a guest lecturer to first-year Psychology students at the University of Twente at February 6th, 2017. Providing examples and best practices from Dutch digital design agency Mirabeau, I explained to them the required steps for the preparation, the moderation, and the analysis of usability tests. Moreover, I highlighted the importance of psychologists’ knowledge, (research) methods and skills for design, which I believe to be invaluable.
Together with Heleen van Nues, my Interaction Designer colleague at Mirabeau, we gave this workshop during UXcampNL 2016 in Eindhoven, the Netherlands. We discussed the pros & cons of wireframes, and the advantages & procedure of an alternative to wireframes that we often use at Mirabeau: priority guides.
Filled with questions, explanations and examples, this guide asks 6 essential questions that a designer should answer when co-creating Experience Maps with clients. It supports designers who strive for the best Customer Experience (CX) of their clients' customers.
A big thanks to Ewout van Lambalgen for the illustration!
Giving first year Dutch Psychology students their first taste of UX in this introductory workshop into Usability Testing and Heuristic Evaluation (University of Twente, 8th of February, 2016).
The final presentation for a design case in collaboration with Shosho and Koninklijke Kentalis.
Our project goal was to design a serious game to teach autistic children to recognize, understand and respond to emotions. Also, we explored different types of multimedia interactions that could act as a ‘game controller’ to input emotions.
Due to its intangible and indirect nature, ethics is often regarded as an ‘inconvenience’ – an afterthought once more pressing matters have been tackled.
During World Usability Day, I presented some possibilities to elevate design ethics to a more practical level, structurally integrated in our (daily) design process.
Many thanks to Garage by Innogy for the venue, and of course to the communities and organisers of Ladies That UX and Amsterdam UX!
Charting the Employee Journey of KLM Component ServicesLennart Overkamp
This document summarizes Lennart Overkamp's work charting the employee journey at KLM Component Services. It describes a 4-step process: 1) research and analysis through interviews and observations, 2) employee workshops to validate understanding and co-ideate solutions, 3) ideation and testing including creating a storyboard of the employee journey and brainstorming digital solutions, and 4) gathering feedback and presenting results. The goal was to envision new digital solutions and ways of working for KLM CS employees. One proposed solution presented is "BAS", an undercover agent app that allows employees to track components anywhere by uploading photos.
During UX Camp NL 2017, on the 23rd of September in Eindhoven, I posed a question to the audience: (how) should we measure user experience?
A difficult topic, as I soon found out. The result was a fruitful discussion with designers and developers, and an opportunity to share my point of view with the attendees.
My thanks to the organising committee of UX Camp NL for a great event, to the audience for their attention and challenging questions, and of course to those that inspired me for their input!
Mapping Customer Experience for the Future of DesignLennart Overkamp
"In the future, there will be no user experience design. There will only be design."
As part of an symposium centred around the future of UX design, I presented my vision on the future of design, and the relevance of tools such as Experience Maps in the ever developing world of technology.
Designers of the future will have to embrace either Design Generalism, or Innovation-driven Design.
Introduction to Usability Testing for Digital MarketeersLennart Overkamp
These slides provide an introduction to usability testing for digital marketeers. This well-known method in user-centred design is used to improve products, by having participants interact with these products and by measuring their performances and responses.
I presented this topic as a guest lecturer to students attending the Minor Digital Marketing at the Fontys ICT Eindhoven at April 5th, 2017. Providing examples and best practices from Dutch digital design agency Mirabeau, I explained to them the required steps for the preparation, the moderation, and the analysis of usability tests.
These slides provide an introduction to usability testing. This well-known method in user-centred design is used to improve products, by having participants interact with these products and by measuring their performances and responses.
I presented this topic as a guest lecturer to first-year Psychology students at the University of Twente at February 6th, 2017. Providing examples and best practices from Dutch digital design agency Mirabeau, I explained to them the required steps for the preparation, the moderation, and the analysis of usability tests. Moreover, I highlighted the importance of psychologists’ knowledge, (research) methods and skills for design, which I believe to be invaluable.
Together with Heleen van Nues, my Interaction Designer colleague at Mirabeau, we gave this workshop during UXcampNL 2016 in Eindhoven, the Netherlands. We discussed the pros & cons of wireframes, and the advantages & procedure of an alternative to wireframes that we often use at Mirabeau: priority guides.
Filled with questions, explanations and examples, this guide asks 6 essential questions that a designer should answer when co-creating Experience Maps with clients. It supports designers who strive for the best Customer Experience (CX) of their clients' customers.
A big thanks to Ewout van Lambalgen for the illustration!
Giving first year Dutch Psychology students their first taste of UX in this introductory workshop into Usability Testing and Heuristic Evaluation (University of Twente, 8th of February, 2016).
The final presentation for a design case in collaboration with Shosho and Koninklijke Kentalis.
Our project goal was to design a serious game to teach autistic children to recognize, understand and respond to emotions. Also, we explored different types of multimedia interactions that could act as a ‘game controller’ to input emotions.
7. “
”
The wireframe is a visual guide that represents the
skeletal framework of a website or app.
It depicts the page layout or arrangement
of the website’s content, including
interface elements and navigational systems.
Source: adapted from Wikipedia
20. Crew on flight
Close
Full list - Flight Preperation screen
Name: Tony Martinez
Rank: Senior purser
PSN: 1234567
Crew
details no
filter active
o Show reporting time
o Show who hops on
o Show who hops off
o Show FDP and rest time
Only one filter at a
time can be active
Filters/
toggles
Crew details +
“show reporting
time” filterName: Tony Martinez
Crew details +
“who hops on”
filterName: Ivar van den Broek
PSN: 1234567
Rank: CA 1
Previous flight: KL1234
Arrival date: 10-12-2016
Crew details +
“who hops off”
filterName: Ivar van den Broek
PSN: 1234567
Rank: CA 1
Next flight: KL1266
1
2
3
5
6
21. 4 Tips voor efficiënt
de was drogen
afbeelding
icoon besparing
Besparing per jaar € 25*
icoon C02
C02 besparing 1kg
icoon bekeken
Aantal keer bekeken 189
Lees meer
* Deze besparingen zijn op
jaarbasis en gebaseerd op een
gemiddeld Nederlands
huishouden.
Een wasdroger slurpt enorm veel
energie. Schijnt het zonnetje?
Hang dan de was liever buiten
op aan de lijn of bij…..
Titel
Pagina header
Tip
eigenschappen
Content box
Content box
Link naar tooltip
Afbeelding
Icoon
Tekst
Icoon
Tekst
Icoon
Tekst
icoon of thumbnailBeeld
(i)i button voor
disclaimer tekst
Disclaimer tip
besparing
Link
Tekst
Wist je dat?
Een oude droger vaak de
grootste energieverbruiker is in
een Nederlands huishouden?
Tekst
Hoe hoger de centrifugesnelheid
(1600 toeren per minuut), hoe
droger de was en hoe korter de
droogtijd.
Tekst
Tip box01 Hoge centrifugesnelheidTitel: nummer
tip + tekst
De ‘strijkdroog’ stand kost
minder energie dan
‘kreukherstellend’ of ‘kast
droog’.
Tekst
02 StrijkdroogTitel: nummer
tip + tekst
Lang drogen op een lage
temperatuur is voordeliger dan
kort drogen op een hoge
temperatuur.
Tekst
03 Lang drogen op lage tempTitel: nummer
tip + tekst
04 Volle droger met lage tempTitel: nummer
tip + tekst
Link naar
tooltip
23. 4 Tips voor efficiënt
de was drogen
afbeelding
icoon besparing
Besparing per jaar € 25*
icoon C02
C02 besparing 1kg
icoon bekeken
Aantal keer bekeken 189
Lees meer
* Deze besparingen zijn op
jaarbasis en gebaseerd op een
gemiddeld Nederlands
huishouden.
Een wasdroger slurpt enorm veel
energie. Schijnt het zonnetje?
Hang dan de was liever buiten
op aan de lijn of bij…..
Titel
Pagina header
Tip
eigenschappen
Content box
Link naar tooltip
Afbeelding
Icoon
Tekst
Icoon
Tekst
Icoon
Tekst
icoon of thumbnailBeeld
(i)i button voor
disclaimer tekst
Disclaimer tip
besparing
Link
Tekst
Wist je dat?
Een oude droger vaak de
grootste energieverbruiker is in
een Nederlands huishouden?
Tekst
Hoe hoger de centrifugesnelheid
(1600 toeren per minuut), hoe
droger de was en hoe korter de
droogtijd.
Tekst
01 Hoge centrifugesnelheidTitel: nummer
tip + tekst
De ‘strijkdroog’ stand kost
minder energie dan
‘kreukherstellend’ of ‘kast
droog’.
Tekst
02 StrijkdroogTitel: nummer
tip + tekst
Lang drogen op een lage
temperatuur is voordeliger dan
kort drogen op een hoge
temperatuur.
Tekst
03 Lang drogen op lage tempTitel: nummer
tip + tekst
04 Volle droger met lage tempTitel: nummer
tip + tekst
28. 4 Tips voor efficiënt
de was drogen
afbeelding
icoon besparing
Besparing per jaar € 25*
icoon C02
C02 besparing 1kg
icoon bekeken
Aantal keer bekeken 189
Lees meer
* Deze besparingen zijn op
jaarbasis en gebaseerd op een
gemiddeld Nederlands
huishouden.
Een wasdroger slurpt enorm veel
energie. Schijnt het zonnetje?
Hang dan de was liever buiten
op aan de lijn of bij…..
Titel
Pagina header
Tip
eigenschappen
Content box
Content box
Link naar tooltip
Afbeelding
Icoon
Tekst
Icoon
Tekst
Icoon
Tekst
icoon of thumbnailBeeld
(i)i button voor
disclaimer tekst
Disclaimer tip
besparing
Link
Tekst
Wist je dat?
Een oude droger vaak de
grootste energieverbruiker is in
een Nederlands huishouden?
Tekst
Hoe hoger de centrifugesnelheid
(1600 toeren per minuut), hoe
droger de was en hoe korter de
droogtijd.
Tekst
Tip box01 Hoge centrifugesnelheidTitel: nummer
tip + tekst
De ‘strijkdroog’ stand kost
minder energie dan
‘kreukherstellend’ of ‘kast
droog’.
Tekst
02 StrijkdroogTitel: nummer
tip + tekst
Lang drogen op een lage
temperatuur is voordeliger dan
kort drogen op een hoge
temperatuur.
Tekst
03 Lang drogen op lage tempTitel: nummer
tip + tekst
04 Volle droger met lage tempTitel: nummer
tip + tekst
Link naar
tooltip
35. Titel tip
afbeelding
Besparing in geld
Besparing in C02
Aantal keer bekeken
Tekst met uitleg over de
besparingen.
Introductie over de
desbetreffende tip
afbeelding of icoon
Feitje over het tip onderwerp
Uitleg van tip
01 Mini tip
Uitleg van tip
02 Mini tip
Uitleg van tip
03 Mini tip
Uitleg van tip
04 Mini tip
Uitleg van tip
05 Mini tip
Step #4:
Create a high-level
priority guide
Start on paper for flexibility
Prioritise the content topics
Keep goals and users in mind
Continuously ask yourself ‘Why?’
36. 4 Tips voor efficiënt
de was drogen
afbeelding
icoon besparing
Besparing per jaar € 25*
icoon C02
C02 besparing 1kg
icoon bekeken
Aantal keer bekeken 189
Lees meer
* Deze besparingen zijn op
jaarbasis en gebaseerd op een
gemiddeld Nederlands
huishouden.
Een wasdroger slurpt enorm veel
energie. Schijnt het zonnetje?
Hang dan de was liever buiten
op aan de lijn of bij…..
Titel
Pagina header
Tip
eigenschappen
Content box
Content box
Link naar tooltip
Afbeelding
Icoon
Tekst
Icoon
Tekst
Icoon
Tekst
icoon of thumbnailBeeld
(i)i button voor
disclaimer tekst
Disclaimer tip
besparing
Link
Tekst
Wist je dat?
Een oude droger vaak de
grootste energieverbruiker is in
een Nederlands huishouden?
Tekst
Hoe hoger de centrifugesnelheid
(1600 toeren per minuut), hoe
droger de was en hoe korter de
droogtijd.
Tekst
Tip box01 Hoge centrifugesnelheidTitel: nummer
tip + tekst
De ‘strijkdroog’ stand kost
minder energie dan
‘kreukherstellend’ of ‘kast
droog’.
Tekst
02 StrijkdroogTitel: nummer
tip + tekst
Lang drogen op een lage
temperatuur is voordeliger dan
kort drogen op een hoge
temperatuur.
Tekst
03 Lang drogen op lage tempTitel: nummer
tip + tekst
04 Volle droger met lage tempTitel: nummer
tip + tekst
Link naar
tooltip
Step #5:
Create a detailed
priority guide
Start on paper for flexibility
Use detailed/real content to fill in
the priority guide
Add functionality
37. Step #6:
Validate & iterate!
Test with users, client
and stakeholders
Reprioritise
40. 4 Tips voor efficiënt
de was drogen
afbeelding
icoon besparing
Besparing per jaar € 25*
icoon C02
C02 besparing 1kg
icoon bekeken
Aantal keer bekeken 189
Lees meer
* Deze besparingen zijn op
jaarbasis en gebaseerd op een
gemiddeld Nederlands
huishouden.
Een wasdroger slurpt enorm veel
energie. Schijnt het zonnetje?
Hang dan de was liever buiten
op aan de lijn of bij…..
icoon of thumbnail
(i)
Wist je dat?
Een oude droger vaak de
grootste energieverbruiker is in
een Nederlands huishouden?
Hoe hoger de centrifugesnelheid
(1600 toeren per minuut), hoe
droger de was en hoe korter de
droogtijd.
01 Hoge centrifugesnelheid
De ‘strijkdroog’ stand kost
minder energie dan
‘kreukherstellend’ of ‘kast
droog’.
02 Strijkdroog
Lang drogen op een lage
temperatuur is voordeliger dan
kort drogen op een hoge
temperatuur.
03 Lang drogen op lage temp
04 Volle droger met lage temp
43. Assignment #1:
As a passenger with flight anxiety, I
want to feel reassured about my
upcoming flight.
Passenger needs
• I want to know the process of flying.
• I want the flight to be over quickly.
• I want to be understood and taken seriously.
Airline’s goal
As an airline, I want to have returning customers.
44. Assignment #2:
As a frequent flyer going on holiday,
I want to know what I can do at my
holiday destination during my stay.
Flyer needs
• I only need the bare minimum flight information.
• I want to be able to decide quickly on activities.
Airline’s goal
As an airline, I want to have customers book tours, guides,
and activities via our preferred partners.
46. 1. Determine the goal ✓
2. Research your user ✓
3. Determine the content
4. Create high-level priority guide
5. Create detailed priority guide
6. Pitch your priority guide!