mex experience boards - a set of agile tools for user experience design
DESCRIPTION
The Mex Experience Boards are a set of agile modeling tools created to identify and/or design important aspects of User Experience (UX) in an interactive product. Grounded on MEX - Generic User Experience Model, it can be easily used in conjunction with other UX/Agile approaches, such as user roles, personas and task flows.TRANSCRIPT
![Page 1: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/1.jpg)
MEX Experience Boards: A Set of Agile Tools for User Experience Design
Carlos RosembergInstituto AtlânticoSWIB / IHC2010Belo Horizonte - Brazil
![Page 2: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/2.jpg)
Entering in the Agile World1. Individuals and interactions
over processes and tools
2. Working software over comprehensive documentation
3. Customer collaboration over contract negotiation
4. Responding to change over following a plan
![Page 3: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/3.jpg)
Yes, Agile developers and UX people have many agreements. But some issues remain...
→ How to do good user research when working code is asked to be delivered very early?
→ And about the working artifacts produced? How much effort is necessary? How are they now used by developers?
![Page 4: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/4.jpg)
To create a real UX vision in the agile projects, UX people
“need to use simpler tools and techniques, focusing more in understanding than documenting, and supporting rapid input and change.” (Craig Larman)
![Page 5: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/5.jpg)
In other words→ to invest more in simple, fast-
making artifacts; → to intensively use visual language
for team fast assimilation;→ to allow team and stakeholders
collaboration (participatory design)
![Page 6: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/6.jpg)
The Mex Experience Boards use good pratices from the Agile and UX worlds.
...By reorganizing and customizing some well-known tools and techniques in order to make them more light-weight.
They are the Summary Board and Flow Board.
![Page 7: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/7.jpg)
Before continue...
What is MEX?
![Page 8: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/8.jpg)
MEX : a Model for User Experience
CONTEXT
ACTIVITIES
MOMENTUM
INTERACTIONS
INDIVIDUAL ARTIFACTS
This conceptual model of a generic user experience helps to organize the complex relationship between main user experience elements.
![Page 9: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/9.jpg)
Individual
![Page 10: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/10.jpg)
Individual
What he/she thinks ? What he/she likes? What he/she knows? What he/she is able or unable to do?How he/she reacts to stimmuli?
![Page 11: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/11.jpg)
Activities
![Page 12: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/12.jpg)
Activities
What the individual is trying to accomplish?What are his/her objectives?Which steps must/might be taken?
![Page 13: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/13.jpg)
Artifacts
![Page 14: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/14.jpg)
Which objects play relevant role in the experience? Which are your characteristics?
Artifacts
![Page 15: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/15.jpg)
Interactions
![Page 16: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/16.jpg)
How the individual interacts with artifacts around?The artifacts interacts between themselves?Which stimmuli happen? Which senses are involved?
Interações
![Page 17: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/17.jpg)
Context
![Page 18: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/18.jpg)
Context
How the social and cultural aspects affect what is happening?In wich environmental conditions the experience occurs?
![Page 19: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/19.jpg)
Momentum
![Page 20: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/20.jpg)
The experience clearly has a beginning, middle and end?The individual can really get engaged?
Momentum
![Page 21: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/21.jpg)
Beginning
Atraction
End
Conclusion
Pos-experience
Extension
The well-succeeded experience stages
Sources: Nathan Shedroff / Mihály Csíkszentmihályi / John Dewey
Middle
Engagement
FLOWThe mental state of operation in which a person in an activity is fully immersed in a feeling of energized focus, full involvement, and success in the process of the activity
![Page 22: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/22.jpg)
Ok, let´s come back to the experience boards.
![Page 23: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/23.jpg)
Mex Experience Boards in Agile context
User roles definition
Vision statement with initial
requirements
User stories definition
DevelopmentActivities
Development Phase (sprints 1 to n)
Initial Requirements Phase (Sprint 0?)
Experience Summary Board
Details MEX elementsall at once, providing insights to requirements definition, focusing in the overall user experience.
Experience Flow Board
A customized flow analysis intended to discover or design task flows
![Page 24: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/24.jpg)
First, let’s take a look in the Experience Summary Board
![Page 25: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/25.jpg)
Experience Summary Board details all MEX elements in the early product conception phase providing insights to requirements definition.
→ It focuses in the overall user experience (i.e: buy a book on-line)
→ and summarizes the agile user experience analysis in just one place.
![Page 26: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/26.jpg)
Mex Summary Board Example using plain text
Also recommended: post its or white board + camera
![Page 27: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/27.jpg)
Now, let’s see the Experience Flow Board
![Page 28: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/28.jpg)
Experience Flow Board is intended to discover or design task flows.
→ Simple task flow analysis in a swim lane board. → In each lane there is an experience stage that
refers to the MEX element momentum (start, development, finish and extension).
![Page 29: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/29.jpg)
An Experience Flow Board example
In an ordinary task flow chart, the MEX elements are exposed and studied.
And...
![Page 30: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/30.jpg)
An Experience Flow Board example
Splitting the experience into phases helps to focus in the Start and Extension points. This is the main advantage of this approach.
Is very easy to pay attention only at the development (middle) stage.
![Page 31: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/31.jpg)
Early Results in small Case Studies
→ More team awareness about user experience
→ More user experience requirements gathered
→ Team buying
![Page 32: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/32.jpg)
First Conclusions
The main benefit of using these tools is the reinforcement of the connection between UX and agile approaches, getting the better of the two worlds.
![Page 33: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/33.jpg)
Future work→ Create more tools in order to cover
the whole extension of agile development processes;
→ Mature and refine this tools in several types of projects.
![Page 34: Mex Experience Boards - A Set of Agile Tools for User Experience Design](https://reader036.vdocument.in/reader036/viewer/2022081401/5590a8551a28ab73528b46fb/html5/thumbnails/34.jpg)
Main References→ Carlos Rosemberg.
MEX - Modelo Genérico de Experiência do Usuário: Uma Evolução Conceitual. In: Simpósio de Fatores Humanos em Sistemas Computacionais, Porto Alegre, 2008.
→ James Shore et Al. The Art of Agile Development, O'Reilly Media, 2007.
→ Mike Beedle et Al. Available at: http://agilemanifesto.org.
→ Nielsen, J. Agile Development Projects and Usability. Available at http://www.useit.com/alertbox/agile-methods.html
→ Craig Larman. Applying UML and Patterns: An Introduction to Object-Oriented Analysis and Design and Iterative Development, Third Edition. Prentice Hall, 2004.
→ Mike Cohn. User Stories Applied for Agile Software Development, Addison-Wesley, 2009.