Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads.
Making Great
User Experiences
Carol Smith, @carologic
Pittsburgh Scrum User Group
October 17, 2017
Making Great UX / @carologic / Scrum Pgh
Everything
is Designed
Making Great UX / @carologic / Scrum Pgh
Design is process of
• Identifying
• Classifying
• Selecting
… constraints
Art ha...
Making Great UX / @carologic / Scrum Pgh
Managing Constraints
• Non-negotiable - satisfy
– Technology
– Amount of content ...
Making Great UX / @carologic / Scrum Pgh
Principles of good interface design
• Natural
– Appropriate, adaptive
• Consisten...
Making Great UX / @carologic / Scrum Pgh
Why are some digital
experiences so much
better?
Making Great UX / @carologic / Scrum Pgh
Why Designs are Better
1. Follow design best practices
2. Clear focus on specific...
Making Great UX / @carologic / Scrum Pgh
Design Best Practices
Making Great UX / @carologic / Scrum Pgh
Cognitive Psychology = Information Handling
• Acquire
• Perceive
• Store
Transfor...
Making Great UX / @carologic / Scrum Pgh
Acquire, Perceive and Store via Senses
13
• Sight
• Hearing
• Taste
• Touch
• Sme...
Making Great UX / @carologic / Scrum Pgh
Acquire, Perceive and Store via Perception
14
• From senses
• Knowledge in memory...
Making Great UX / @carologic / Scrum Pgh
Sensory Memory - Cocktail party phenomenon
• Absorb information
without paying at...
Making Great UX / @carologic / Scrum Pgh
Short-term Memory (STM)
• Information recognized and perceived
• Passed from sens...
Making Great UX / @carologic / Scrum Pgh
STM can be recalled
17
• Chunking - is our ability to group information
• Limited...
Making Great UX / @carologic / Scrum Pgh
Complications to perception
• Eye issues
– Colorblind, poor eyesight or blindness...
Making Great UX / @carologic / Scrum Pgh
What is Accessibility?
Accessibility is designing
products so that people
can use...
Making Great UX / @carologic / Scrum Pgh
Design so that everyone can…
• Perceive
• Understand
• Navigate
• Interact
• Crea...
Making Great UX / @carologic / Scrum Pgh
Gestalt Principles
of Design
Making Great UX / @carologic / Scrum Pgh
Elements of Design (by J6 Design)
© 2015 J6 design http://www.j6design.com.au/6-p...
Making Great UX / @carologic / Scrum Pgh
Principles of Design (by J6 Design)
© 2015 J6 design http://www.j6design.com.au/6...
Making Great UX / @carologic / Scrum Pgh
Closure
24
• Complete familiar objects that have gaps in them
Kanizsa triangle By...
Making Great UX / @carologic / Scrum Pgh
Symmetry
25
Symmetry Photo by Kevin Jones Follow
At the Taj Mahal in Agra, Uttar ...
Making Great UX / @carologic / Scrum Pgh
Name this…
Grupo Firenze - FIAP 2008 - C:Fibonacci
https://commons.wikimedia.org/...
Making Great UX / @carologic / Scrum Pgh
Fibonacci Sequence
Making Great UX / @carologic / Scrum Pgh
Quilt: Fibonacci Series #12, Copyright
2013 Caryl Bryer Fallert, Bryerpatch
Studi...
Making Great UX / @carologic / Scrum Pgh
Figure-Ground: Perception Activity
Cup or faces image - By Bryan Derksen. Origina...
Making Great UX / @carologic / Scrum Pgh
Figure-Ground – Image 2
Figure-Ground Organization in Natural Images - Xiaofeng R...
Making Great UX / @carologic / Scrum Pgh
Style Guides Encourage Consistency
• Same design principles across products
• Con...
Making Great UX / @carologic / Scrum Pgh
Patterns Defined
• Collection of reusable
components
• Consistent markup,
styles,...
Making Great UX / @carologic / Scrum Pgh
Graceful Degradation
and Responsiveness
Making Great UX / @carologic / Scrum Pgh
User Experience
Making Great UX / @carologic / Scrum Pgh
Influences on UX
• Computer Science
• Artificial Intelligence
• Ergonomics /
Huma...
Making Great UX / @carologic / Scrum Pgh
User’s Experience
• Interaction with a product, service, or company
– Functional
...
Making Great UX / @carologic / Scrum Pgh
Functional
• Able to complete task
–Find information
–Submit form
–Contact someon...
Making Great UX / @carologic / Scrum Pgh
Sensorial
• Visual
– Layout
– Colors
– Images
• Auditory
– Video
– Music
– Ads
Go...
Making Great UX / @carologic / Scrum Pgh
Emotional
• How do they feel?
– Bring their day, context,
with them
• What does t...
Making Great UX / @carologic / Scrum Pgh
Social
• Interactions with people
• Social networking
• Help features
• Chat
An i...
Making Great UX / @carologic / Scrum Pgh
X
Experience
Functional
Emotional
Sensorial
Social
Where They Overlap...
Usability is the degree
to which something
- software, hardware or anything else –
is easy to use and a good fit
for the p...
Making Great UX / @carologic / Scrum Pgh
Aspects of Usability
43
• Able to complete tasks
• Effectively and efficiently
• ...
Making Great UX / @carologic / Scrum Pgh
Usability
is an important characteristic
of what makes a
good User Experience
Making Great UX / @carologic / Scrum Pgh
Minimize Human Cost
45
• Tiredness
• Discomfort
• Embarrassment
• Frustration
• P...
Making Great UX / @carologic / Scrum Pgh
Benefits of Good User Experience
• Increased Usefulness
• Increased Efficiency ($...
Making Great UX / @carologic / Scrum Pgh
Benefits (continued)
• Fewer Errors
• Reduced Training Time
• Improved Acceptance...
IBMDesignThinking
Human-centered outcomes at speed and scale
Understand people’s needs.
IBMDesignThinking
© 2016 IBM Corporation | IBM Confidential
Form intent.
IBMDesignThinking
© 2016 IBM Corporation | IBM Confidential
Deliver outcomes
at speed and scale.
IBMDesignThinking
© 2016 IBM Corporation | IBM Confidential
IBMDesignThinking
© 2016 IBM Corporation | IBM Confidential
TheLoop
TheKeys
Principles
IBMDesignThinking
© 2016 IBM Corporation | IBM Confidential
TheLoop
Principles
TheKeys
Focus on user
outcomes
Multidisciplinary
teams
Restless
reinvention
IBMDesignThinking
© 2016 IBM Corporation | IBM Confide...
Principles
IBMDesignThinking
© 2016 IBM Corporation | IBM Confidential
TheLoop
TheKeys
IBMDesignThinking
TheLoop
Observe Reflect Make
© 2016 IBM Corporation | IBM Confidential
TheLoop
Principles
IBMDesignThinking
© 2016 IBM Corporation | IBM Confidential
TheKeys
Hills Playbacks Sponsor
users
IBMDesignThinking
© 2016 IBM Corporation | IBM Confidential
TheKeys
IBMDesignThinking
© 2016 IBM Corporation | IBM Confidential
TheLoop
TheKeys
Principles
Making Great UX / @carologic / Scrum Pgh
Again - why are some
much better?
Clear focus on specific users
(not specific cus...
Focus
Making Great UX / @carologic / Scrum Pgh
Who will frequently, actively
use your product?
What do they need to do?
Making Great UX / @carologic / Scrum Pgh
Designing for Everyone
is
Impossible
Making Great UX / @carologic / Scrum Pgh
Who are the Primary users?
• What are their goals?
• How many are there?
• Common...
Making Great UX / @carologic / Scrum Pgh
Same Job Title, May Differ in…
UserExperience
Frequency of use
Priority of tasks ...
Making Great UX / @carologic / Scrum Pgh
Case Study
• Creating a site for University students
• Think about the student yo...
Making Great UX / @carologic / Scrum Pgh
Which Student?
• Rick Connie
http://www.flickr.com/photos/mrjkbh/ via http://crea...
Making Great UX / @carologic / Scrum Pgh
Start with Quick Assumptions
• Loosely defined groups of Archetypes
• What differ...
Making Great UX / @carologic / Scrum Pgh
Interview the Experts
• Customer Service
• Marketing (Web statistics)
• Training
...
Making Great UX / @carologic / Scrum Pgh
Include PWD in Research
• People with disabilities
– “We are all only temporarily...
Making Great UX / @carologic / Scrum Pgh
"The biggest waste of all is
building something no one
wants"
- @ericries #LeanSt...
Making Great UX / @carologic / Scrum Pgh
Transform Data
• Look for patterns
• Read “between the lines”
• Know what you’ve ...
Making Great UX / @carologic / Scrum Pgh
Some experiences
are better!
Ability to learn
and iterate quickly
Create a great,
usable, accessible,
and relevant experience
Making Great UX / @carologic / Scrum Pgh
True Statements
• All interfaces have usability problems
• Limited resources to f...
Making Great UX / @carologic / Scrum Pgh
Usability Testing is…
• Representative users
• Doing real tasks
• Being observed
...
Making Great UX / @carologic / Scrum Pgh
Usability NOT User Testing
• There is a difference
• User testing infers testing ...
Making Great UX / @carologic / Scrum Pgh
Regular Usability Testing
Making Great UX / @carologic / Scrum Pgh
Any UX Method Can be Adapted
• Quick
• Bare minimum of effort
• Get needed feedba...
Making Great UX / @carologic / Scrum Pgh
Tweak, Don’t Redesign
• Small iterative changes
– Make it better now
– Don’t brea...
Making Great UX / @carologic / Scrum Pgh
UX is better…
1. Follow design best practices
2. Clear focus on specific users (n...
Making Great UX / @carologic / Scrum Pgh
Share What You Learn
Making Great UX / @carologic / Scrum Pgh
Recommended Readings
84
Making Great UX / @carologic / Scrum Pgh
Contact Carol
LinkedIn: https://www.linkedin.com/in/caroljsmith
Twitter - @Carolo...
Making Great UX / @carologic / Scrum Pgh
Recommended Sites
• Usability.gov
– https://www.usability.gov/
• W3C Web Accessib...
Making Great UX / @carologic / Scrum Pgh
References
• Albert, Bill, Tom Tullis, and Donna Tedesco. Beyond the Usability La...
Making Great UX / @carologic / Scrum Pgh
References
• Gothelf , Jeff. http://blog.usabilla.com/5-effective-ways-for-usabil...
Making Great UX / @carologic / Scrum Pgh
References
• Lewis, Clayton and Rieman, John. (1993, 1994) Task-Centered User Int...
Making Great User Experiences, Pittsburgh Scrum MeetUp, Oct 17, 2017
Making Great User Experiences, Pittsburgh Scrum MeetUp, Oct 17, 2017
Making Great User Experiences, Pittsburgh Scrum MeetUp, Oct 17, 2017
Making Great User Experiences, Pittsburgh Scrum MeetUp, Oct 17, 2017
Making Great User Experiences, Pittsburgh Scrum MeetUp, Oct 17, 2017
Upcoming SlideShare
Loading in …5
×

Making Great User Experiences, Pittsburgh Scrum MeetUp, Oct 17, 2017

16,152 views

Published on

Everything is designed, yet some interactions are much better than others. What does it take to make a great experience? What are the areas that UX specialists focus on? How do skills in cognitive psycology, computer science and design come together? Carol introduces basic concepts in user experience design that you can use to improve the user's expeirence and/or clearly communicate with designers.

Published in: Design
  • Mi nombre es Ahiga Audrey, vivo en Ohio, Estados Unidos, y estoy felizmente casada con un esposo encantador y cariñoso con tres hijos. Un problema muy grande ocurrió en mi familia hace un año, entre mi esposo y yo, tan terrible que llevó el caso a la corte para el divorcio. dijo que nunca más quería quedarse conmigo y que ya no me amaba más. Entonces él salió de la casa y nos hizo a mí y a mis hijos pasar por severos dolores. Intenté todos mis medios posibles para recuperarlo a través de mucha mendicidad, pero todo fue en vano. Finalmente, confirmó que había tomado una decisión y que no quería volver a verme nunca más. Una tarde fatídica, cuando volvía del trabajo, conocí a un viejo amigo que le preguntó a mi esposo. Le expliqué todo, así que me dijo que la única forma de recuperar a mi marido es visitar a un hechicero porque realmente le ha funcionado. Por el contrario, nunca creí en el hechizo, pero no tuve más remedio que seguir su consejo. Ella me dio la dirección de correo electrónico del hechizo que es '' [email protected] '' Entonces, a la mañana siguiente, envié un correo a la dirección que me dio y el hechicero me aseguró que recuperaré a mi esposo en dos días. ¡Qué declaración tan asombrosa! lol !!! Nunca creí, así que habló conmigo y me dijo todo lo que tenía que hacer. A la mañana siguiente, sorprendentemente, mi esposo, que no me había llamado durante más de un año, me llamó para informarme que volverá. . Tan increíble ¿verdad? Bueno, así fue como regresó ese mismo día, con mucho amor y alegría, y se disculpó por sus errores y por los dolores que nos causó a mí y a mis hijos. Desde ese día, nuestra relación ha sido más fuerte de lo que era antes. Gracias por la ayuda de este gran hechicero. Mi consejo para todos los que pasen por diferentes desafíos es contactar a este gran hombre y al igual que lo hizo por mí, él resolverá todos sus problemas. Puede enviarle un correo electrónico a través de esta dirección de correo electrónico. Le prometí que iba a contarle al mundo entero sobre sus magníficos poderes. ([email protected]), si se encuentra en alguna condición como esta, o si tiene algún problema relacionado con la "recuperación de su ex. No solo que puede ayudarlo". 1) ser promovido en cualquier cosa que hagas. 2) Gana un buen dinero o gana una lotería. 3) lograr el éxito en los negocios. 4) problemas espirituales. 5) gana el juicio. 6) Busca a tu compañero de vida. 7) obtener un trabajo bien pagado. 8) obtener control sobre su matrimonio. 9) Deletrear para parar un divorcio 10) recibe el favor y gana la atracción de la gente. 11) recuperar el dinero perdido. (12) te cura de todas las enfermedades. curables e incurables como el VIH / SIDA, cáncer, cualquier cosa (13) resuelve problemas de embarazo y te bendiga con bebés. su dirección de correo electrónico una vez más es ([email protected]) también puede contactarlo a través de whatsapp en el +2348111448971
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • SVSOFTSOLUTIONS.COM IS BEST ONLINE TRAINING INSTITUTE FOR ALL SOFTWARE COURSES
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Kontakt lens siparişleriniz için https://lensoptik.com.tr
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • This is my testimony about the good work of a man who helped me,. My name is Emily Williams from Australia. My life is back after 5 years of marriage because my husband left me and our children. I felt like my life was over and falling apart because i was devastated, Thanks to a spell caster called Dr.Edward Arabba who i met online. On one faithful day,as I was going through the internet,I came across series of testimonies about this particular spell caster, some people testified that he brought their Ex lover back, some testified that he restores womb, some testified that he can cast a spell to stop divorce and so on. There was one particular testimony I saw, it was about a woman called Susan Newton,she testified about how Dr.Edward Arabba brought back her Ex lover in less than 3 days and at the end of her testimony she drop his contact and E-mail address. After reading all these,I decided to give Dr.Edward a try.I contacted him via email and explained my problem to him. In just 2 days my husband came back to me. We solved our issues and we are even happier than before. Dr.Edward Arabba is really a talented and gifted man that God sent to solve people's problem,i will not stop publishing him because he is a wonderful man...If you have a problem and you are looking for a real and genuine spell caster to solve that problem for you.Contact the great Dr.Edward Arabba today,he might be the answer to your problem. Here is his contact: E-mail Address: [email protected] Mobile Number:+27833153741 Whatsapp:+27833153741 Thank you Dr.Edward Arabba... Contact him for the followings: (1)If you want your ex back. (2)If you always have bad dreams. (3)You want to be promoted in your office. (4)You want women/men to run after you. (5)If you want a child.. (6)You want to tie your husband/wife to be yours forever. (7)If you need financial assistance. (8)Herbal care (9)Help bringing people out of prison (10)Marriage Spells (11)Miracle Spells Contact him today tomorrow may be too late for you [email protected] Mobile Number:+27833153741 Whatsapp:+27833153741
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Are you looking for a reliable and a good spell caster to bring back your ex or stop a divorced? Email Dr Jakiki right here in United states [email protected] or text him +1 (402) 892-2486 I am Amber Rosa from FLORIDA, When I eventually found testimonies about this spell caster Dr.Jakiki, how he helped many people to get their lovers and broken homes back, i contacted him too,because I was absolutely desperate to get my lover back. Life without my lover was a real mess for me and my kids. i wanted a dramatic change and I thought love spell could be the solution. After discussing the resolution with Dr Jakiki, he gave me hope that he will restore my relationship. I felt confident that he will actually make my lover to return home and he did! It’s fantastic what this great spell caster have done for me, his help is priceless! I don't know what I would have done without Dr.Jakiki, He does his job so well he is organized and highly functional, i believe he is the best spell caster i can count on when it comes to all kinds of spell, I am so happy that my lover return back home. If you need help, contact him right now through these details below: Email: [email protected] or [email protected] Text him and dont call: +1 (402) 892-2486 Website: http://spellcasthome.webs.com/
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

Making Great User Experiences, Pittsburgh Scrum MeetUp, Oct 17, 2017

  1. 1. Making Great User Experiences Carol Smith, @carologic Pittsburgh Scrum User Group October 17, 2017
  2. Making Great UX / @carologic / Scrum Pgh Everything is Designed
  3. Making Great UX / @carologic / Scrum Pgh Design is process of • Identifying • Classifying • Selecting … constraints Art has fewer constraints
  4. Making Great UX / @carologic / Scrum Pgh Managing Constraints • Non-negotiable - satisfy – Technology – Amount of content (sometimes) • Negotiable - optimize – Navigation wording – Color, images Dini, Dino. (March 2008). Wikipedia: Design. 2005 Game Design and Technology Workshop, Liverpool JM University. http://en.wikipedia.org/wiki/Design Retrieved on 2008-03-23.
  5. Making Great UX / @carologic / Scrum Pgh Principles of good interface design • Natural – Appropriate, adaptive • Consistent – No surprises, reinforce learning • Supportive – Information, status • Flexible – Accommodating for preferences, ability
  6. Making Great UX / @carologic / Scrum Pgh Why are some digital experiences so much better?
  7. Making Great UX / @carologic / Scrum Pgh Why Designs are Better 1. Follow design best practices 2. Clear focus on specific users (not specific customers) 3. Ability to learn and iterate quickly
  8. Making Great UX / @carologic / Scrum Pgh Design Best Practices
  9. Making Great UX / @carologic / Scrum Pgh Cognitive Psychology = Information Handling • Acquire • Perceive • Store Transform Use Communicate Ulric Neisser (1967) Cognitive Psychology
  10. Making Great UX / @carologic / Scrum Pgh Acquire, Perceive and Store via Senses 13 • Sight • Hearing • Taste • Touch • Smell
  11. Making Great UX / @carologic / Scrum Pgh Acquire, Perceive and Store via Perception 14 • From senses • Knowledge in memory • Relate new with old experiences and expectations • Everything is seen through our past experiences
  12. Making Great UX / @carologic / Scrum Pgh Sensory Memory - Cocktail party phenomenon • Absorb information without paying attention • Block out information to focus • Sensory memory • New info replaces old Ceramic frogs at cocktail party.com%2Fen%2Fparty-celebrate-drink-funny-frogs- 1234566%2F&psig=AFQjCNEzJcqc6pC10aXUB2WSxcQE1HV- hw&ust=1500840550608946
  13. Making Great UX / @carologic / Scrum Pgh Short-term Memory (STM) • Information recognized and perceived • Passed from sensory to be processed further • STM is held for 0 seconds to 2 minutes
  14. Making Great UX / @carologic / Scrum Pgh STM can be recalled 17 • Chunking - is our ability to group information • Limited capacity of 7 plus or minus 2 items – Remember 7 digit phone number to dial – Will not remember the next day • Recognition is better than recall
  15. Making Great UX / @carologic / Scrum Pgh Complications to perception • Eye issues – Colorblind, poor eyesight or blindness, dark room • Hearing issues – Reduced sensitivity, loud work area • Reduced tactile sense – Arthritis, Parkinson’s, thick gloves • Mental disabilities – ADHD, dyslexia, alcohol
  16. Making Great UX / @carologic / Scrum Pgh What is Accessibility? Accessibility is designing products so that people can use them regardless of ability or environment. Consider temporary and permanent conditions Disability symbols By NPS Graphics, put together by User:Wcommons (http://www.nps.gov/hfc/carto/map-symbols.htm) [Public domain or Public domain], via Wikimedia Commons https://commons.wikimedia.org/wiki/File:Disability_symbols.png
  17. Making Great UX / @carologic / Scrum Pgh Design so that everyone can… • Perceive • Understand • Navigate • Interact • Create & Contribute effectively Curb Cut Image http://4sbccfaculty.org/lecture/2000s/lectures/Jan_Shapiro.html
  18. Making Great UX / @carologic / Scrum Pgh Gestalt Principles of Design
  19. Making Great UX / @carologic / Scrum Pgh Elements of Design (by J6 Design) © 2015 J6 design http://www.j6design.com.au/6-principles-of-design/
  20. Making Great UX / @carologic / Scrum Pgh Principles of Design (by J6 Design) © 2015 J6 design http://www.j6design.com.au/6-principles-of-design/
  21. Making Great UX / @carologic / Scrum Pgh Closure 24 • Complete familiar objects that have gaps in them Kanizsa triangle By Fibonacci https://commons.wikimedia.org/wiki/File:Kanizsa_triangle.svg [GFDL (http://www.gnu.org/copyleft/fdl.html) or CC-BY-SA-3.0 (http://creativecommons.org/licenses/by-sa/3.0/)], via Wikimedia Commons
  22. Making Great UX / @carologic / Scrum Pgh Symmetry 25 Symmetry Photo by Kevin Jones Follow At the Taj Mahal in Agra, Uttar Pradesh, India https://www.flickr.com/photos/kj-an/3060098369
  23. Making Great UX / @carologic / Scrum Pgh Name this… Grupo Firenze - FIAP 2008 - C:Fibonacci https://commons.wikimedia.org/wiki/Category:Fibonacci#/media/File:Bromelia.png
  24. Making Great UX / @carologic / Scrum Pgh Fibonacci Sequence
  25. Making Great UX / @carologic / Scrum Pgh Quilt: Fibonacci Series #12, Copyright 2013 Caryl Bryer Fallert, Bryerpatch Studio, www.bryerpatch.com Via https://www.jinnybeyer.com/blog/fibonacc i-and-the-golden-ratio/
  26. Making Great UX / @carologic / Scrum Pgh Figure-Ground: Perception Activity Cup or faces image - By Bryan Derksen. Original image paradox.jpg uploaded by Guam on 28 July 2005, SVG conversion by Bryan Derksen, CC BY- SA 3.0, https://commons.wikimedia.org/w/index.php?curid=1733355 Identify a figure from the background
  27. Making Great UX / @carologic / Scrum Pgh Figure-Ground – Image 2 Figure-Ground Organization in Natural Images - Xiaofeng Ren, Charless Fowlkes and Jitendra Malik, in ECCV '06, volume 2, pages 614-627, Graz 2006. http://homes.cs.washington.edu/~xren/research/eccv2006/
  28. Making Great UX / @carologic / Scrum Pgh Style Guides Encourage Consistency • Same design principles across products • Consistency can increase usability • Most important type of consistency is consistency with the way people work* – Different ways of working – May require inconsistencies *Grudin (1989)
  29. Making Great UX / @carologic / Scrum Pgh Patterns Defined • Collection of reusable components • Consistent markup, styles, behavior in prototype and production work • Must be easily maintained and quickly updated IBM Carbon Design System http://carbondesignsystem.com/getting-started/developers
  30. Making Great UX / @carologic / Scrum Pgh Graceful Degradation and Responsiveness
  31. Making Great UX / @carologic / Scrum Pgh User Experience
  32. Making Great UX / @carologic / Scrum Pgh Influences on UX • Computer Science • Artificial Intelligence • Ergonomics / Human Factors Engineering • Linguistics Psychology Art & Design Anthropology / Ethnography Industrial Design
  33. Making Great UX / @carologic / Scrum Pgh User’s Experience • Interaction with a product, service, or company – Functional – Sensorial – Emotional – Social
  34. Making Great UX / @carologic / Scrum Pgh Functional • Able to complete task –Find information –Submit form –Contact someone –Purchase item A Scrum board suggesting to use Kanban by Jeff.lasovski https://commons.wikimedia.org/wiki/File:Simple-kanban-board-.jpg
  35. Making Great UX / @carologic / Scrum Pgh Sensorial • Visual – Layout – Colors – Images • Auditory – Video – Music – Ads Google Search results: https://www.google.com/search?q=complete+a+task&safe=active&rlz=1C1CHBF_enUS729US729&source=lnms&tbm=isch&sa=X&ved=0ahUKEwiVo- jTsqPVAhUFWD4KHTU7C8cQ_AUICigB&biw=1600&bih=804#safe=active&tbs=sur:fc&tbm=isch&q=sensorial
  36. Making Great UX / @carologic / Scrum Pgh Emotional • How do they feel? – Bring their day, context, with them • What does the interface convey? – Conveys ideas and emotions – Sets the tone – They react Photo: Week #51 Emotion [51of52] by Anthony Woman giving the "Ya whatever Dad look" https://www.flickr.com/photos/camera_is_a_mirror_with_memory/8286395944
  37. Making Great UX / @carologic / Scrum Pgh Social • Interactions with people • Social networking • Help features • Chat An icon representing a conversation Created by Benjamin D. Esham (bdesham) with Inkscape. 4 Aug 2007 https://commons.wikimedia.org/wiki/File:Chat_bubbles.svg
  38. Making Great UX / @carologic / Scrum Pgh X Experience Functional Emotional Sensorial Social Where They Overlap...
  39. Usability is the degree to which something - software, hardware or anything else – is easy to use and a good fit for the people who use it. Definition from UXPA Usability Body of Knowledge: http://usabilitybok.org/glossary/19#letteru
  40. Making Great UX / @carologic / Scrum Pgh Aspects of Usability 43 • Able to complete tasks • Effectively and efficiently • Learnable • Pleasant to use and engaging • Feeling of control and support
  41. Making Great UX / @carologic / Scrum Pgh Usability is an important characteristic of what makes a good User Experience
  42. Making Great UX / @carologic / Scrum Pgh Minimize Human Cost 45 • Tiredness • Discomfort • Embarrassment • Frustration • Personal effort Image: Woman holding face in hands in front of computer: http://maxpixel.freegreatpicture.com/People-Male-Man-Sad-Happy-Face-Adult- Emotions-371238
  43. Making Great UX / @carologic / Scrum Pgh Benefits of Good User Experience • Increased Usefulness • Increased Efficiency ($$$) • Improved Productivity
  44. Making Great UX / @carologic / Scrum Pgh Benefits (continued) • Fewer Errors • Reduced Training Time • Improved Acceptance Natural Smile by Bradley Davis https://www.flickr.com/photos/backpackphotography/1375817337
  45. IBMDesignThinking Human-centered outcomes at speed and scale
  46. Understand people’s needs. IBMDesignThinking © 2016 IBM Corporation | IBM Confidential
  47. Form intent. IBMDesignThinking © 2016 IBM Corporation | IBM Confidential
  48. Deliver outcomes at speed and scale. IBMDesignThinking © 2016 IBM Corporation | IBM Confidential
  49. IBMDesignThinking © 2016 IBM Corporation | IBM Confidential TheLoop TheKeys Principles
  50. IBMDesignThinking © 2016 IBM Corporation | IBM Confidential TheLoop Principles TheKeys
  51. Focus on user outcomes Multidisciplinary teams Restless reinvention IBMDesignThinking © 2016 IBM Corporation | IBM Confidential Principles
  52. Principles IBMDesignThinking © 2016 IBM Corporation | IBM Confidential TheLoop TheKeys
  53. IBMDesignThinking TheLoop Observe Reflect Make © 2016 IBM Corporation | IBM Confidential
  54. TheLoop Principles IBMDesignThinking © 2016 IBM Corporation | IBM Confidential TheKeys
  55. Hills Playbacks Sponsor users IBMDesignThinking © 2016 IBM Corporation | IBM Confidential TheKeys
  56. IBMDesignThinking © 2016 IBM Corporation | IBM Confidential TheLoop TheKeys Principles
  57. Making Great UX / @carologic / Scrum Pgh Again - why are some much better? Clear focus on specific users (not specific customers)
  58. Focus
  59. Making Great UX / @carologic / Scrum Pgh Who will frequently, actively use your product? What do they need to do?
  60. Making Great UX / @carologic / Scrum Pgh Designing for Everyone is Impossible
  61. Making Great UX / @carologic / Scrum Pgh Who are the Primary users? • What are their goals? • How many are there? • Common complaints/biggest issues? • Most important/frequent tasks?
  62. Making Great UX / @carologic / Scrum Pgh Same Job Title, May Differ in… UserExperience Frequency of use Priority of tasks Characteristics Motivations and attitude Expectations
  63. Making Great UX / @carologic / Scrum Pgh Case Study • Creating a site for University students • Think about the student you are designing for – What kind of program? – How old are they? – What else?
  64. Making Great UX / @carologic / Scrum Pgh Which Student? • Rick Connie http://www.flickr.com/photos/mrjkbh/ via http://creativecommons.org/licenses/by-nc-nd/2.0/deed.en http://www.flickr.com/photos/caharley72/ (Christopher Alison Photography) via http://creativecommons.org/licenses/by-nc-nd/2.0/
  65. Making Great UX / @carologic / Scrum Pgh Start with Quick Assumptions • Loosely defined groups of Archetypes • What differentiates them? • Be honest about what you don’t know • Only develop Personas with lots of research
  66. Making Great UX / @carologic / Scrum Pgh Interview the Experts • Customer Service • Marketing (Web statistics) • Training • Sales/Business development
  67. Making Great UX / @carologic / Scrum Pgh Include PWD in Research • People with disabilities – “We are all only temporarily able-bodied. Accessibility is good for us all.” – Not “disabled” or “handicapped” – Get to spirit of the law (Section 508, WCAG 2.0) • Disability – any condition that impedes the completion of daily tasks using traditional methods (Wikipedia) [email protected] at #stirtrek 2011 via @carologic
  68. Making Great UX / @carologic / Scrum Pgh "The biggest waste of all is building something no one wants" - @ericries #LeanStartupMI via @MelBugai
  69. Making Great UX / @carologic / Scrum Pgh Transform Data • Look for patterns • Read “between the lines” • Know what you’ve got – Sort, reorganize, review, repeat – What refutes your expectations? – Surprises? – Outliers?
  70. Making Great UX / @carologic / Scrum Pgh Some experiences are better! Ability to learn and iterate quickly
  71. Create a great, usable, accessible, and relevant experience
  72. Making Great UX / @carologic / Scrum Pgh True Statements • All interfaces have usability problems • Limited resources to fix • More problems than resources • Less serious problems distract • Intense focus on fixing most serious problems first Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems. By Steve Krug
  73. Making Great UX / @carologic / Scrum Pgh Usability Testing is… • Representative users • Doing real tasks • Being observed • Using prototypes or live products http://creativecommons.org/licenses/by-sa/2.0/ http://www.flickr.com/photos/raphaelquinet/513351385/sizes/l/in/photostream/ http://www.flickr.com/photos/raphaelquinet/
  74. Making Great UX / @carologic / Scrum Pgh Usability NOT User Testing • There is a difference • User testing infers testing people – Can the participant figure out our design work? • Usability testing puts emphasis on what is being tested – Reduces the focus on the participant’s performance – Is the product successful?
  75. Making Great UX / @carologic / Scrum Pgh Regular Usability Testing
  76. Making Great UX / @carologic / Scrum Pgh Any UX Method Can be Adapted • Quick • Bare minimum of effort • Get needed feedback • Provide recommendations • Repeatable
  77. Making Great UX / @carologic / Scrum Pgh Tweak, Don’t Redesign • Small iterative changes – Make it better now – Don’t break something else • Take something away – Reduce distractions – Don’t add – question it Rocket Surgery Made Easy: The Do-It-Yourself Guide to Finding and Fixing Usability Problems. By Steve Krug
  78. Making Great UX / @carologic / Scrum Pgh UX is better… 1. Follow design best practices 2. Clear focus on specific users (not specific customers) 3. Ability to learn and iterate quickly
  79. Making Great UX / @carologic / Scrum Pgh Share What You Learn
  80. Making Great UX / @carologic / Scrum Pgh Recommended Readings 84
  81. Making Great UX / @carologic / Scrum Pgh Contact Carol LinkedIn: https://www.linkedin.com/in/caroljsmith Twitter - @Carologic: https://twitter.com/carologic Slides on Slideshare: http://smatoku.info/carologic
  82. Making Great UX / @carologic / Scrum Pgh Recommended Sites • Usability.gov – https://www.usability.gov/ • W3C Web Accessibility Initiative – http://www.w3.org/WAI/ • Accessibility Standards in US (Section 508) – https://www.access-board.gov/ • Jakob Nielsen – http://www.useit.com • UXPA – User Experience Professionals Association – http://uxpa.org/ • Information Architecture Institute – http://iainstitute.org/
  83. Making Great UX / @carologic / Scrum Pgh References • Albert, Bill, Tom Tullis, and Donna Tedesco. Beyond the Usability Lab. • Barnum, Carol M. (Jan. 2003). What’s in a Number? STC Usability SIG Newsletter, Usability Interface. http://www.stcsig.org/usability/newsletter/0301-number.html Retrieved: 20080323 • Beyer, Hugh. User-Centered Agile Methods (Synthesis Lectures on Human-Centered Informatics) • Cato, John. User-Centered Web Design. Addison Wesley Longman; 2001. • Dini, Dino. (March 2008). Wikipedia: Design. 2005 Game Design and Technology Workshop, Liverpool JM University. http://en.wikipedia.org/wiki/Design Retrieved on 2008-03-23. Retrieved: 20080323 • Faulkner, Christine. The Essence of Human-Computer Interaction. Prentice Hall PTR; 1997. • Gale, S. A Collaborative Approach to Developing Style Guides. Conference proceedings on Human factors in Computing Systems April 13 - 18, 1996, Vancouver Canada. ACM Press, (pp. 362-367). • Gaffney, Gerry. (2000) What is Card Sorting? Usability Techniques Series, Information & Design. http://www.infodesign.com.au/usabilityresources/design/cardsorting.asp • Galitz, W. O. (2002). The essential guide to user interface design: An introduction to GUI design principles and techniques (Second Edition). Wiley: New York, NY.
  84. Making Great UX / @carologic / Scrum Pgh References • Gothelf , Jeff. http://blog.usabilla.com/5-effective-ways-for-usability-testing-to-play- nice-with-agile/ • Grudin, J. 1989. The case against user interface consistency. Commun. ACM 32, 10 (Oct. 1989), 1164-1173. • Hackos, JoAnn T., PhD and Redish, Janice C. User and Task Analysis for Interface Design. Wiley; 1998. • Henry, Shawn Lawton. Just Ask: Integrating Accessibility Throughout Design. • Henry, S.L. and Grossnickle, M. Accessibility in the User-Centered Design Process. Georgia Tech Research Corporation, Inc; Atlanta, Georgia, USA; 2004. http://uiaccess.com/accessucd/personas.html • Henry, S.L. and Martinson, M. Evaluating for Accessibility, Usability Testing in Diverse Situations. Tutorial, 2003 UPA Conference. • Kuniavsky, Mike. Observing the User Experience: a Practitioner's Guide to User
  85. Making Great UX / @carologic / Scrum Pgh References • Lewis, Clayton and Rieman, John. (1993, 1994) Task-Centered User Interface Design A Practical Introduction. http://hcibib.org/tcuid/chap-4.html • Mandel, Theo. The Elements of User Interface Design. Wiley; 1997. • Neisser, Ulric. (1967) Cognitive Psychology • Nielsen, Jakob and Robert L. Mack. Usability Inspection Methods. John Wiley & Sons, Inc. 1994. • Powell, Thomas A. The Complete Reference: Web Design. Osborne/McGraw-Hill; 2000. • Ratcliffe, Lindsay and Marc McNeill. Agile Experience Design: A Digital Designer's Guide to Agile, Lean, and Continuous. • Rubin, Jeffrey and Dana Chisnell. Handbook of Usability Testing: How to Plan, Design, and Conduct Effective Tests. John Wiley & Sons, Inc. • Schaffer, Eric. Institutionalization of Usability: A Step by Step Guide. Human Factors International, 2004. • Slatin, John M. and Sharron Rush Maximum Accessibility: Making Your Web Site More Usable for Everyone. Addison- Wesley Pub Co., 2002. • W3C Web Accessibility Initiative - http://www.w3.org/WAI/intro/accessibility
посмотреть

купить аккумулятор на авто

там www.pills-generic.com

×