Integrating Agile UX into your project - Ágiles 2013
Upcoming SlideShare
Loading in...5
×
 

Integrating Agile UX into your project - Ágiles 2013

on

  • 692 views

Slides from my talk with Rachel Kammerer about Agile UX, explaining how software developers and user experience designers can better collaborate on agile teams. ...

Slides from my talk with Rachel Kammerer about Agile UX, explaining how software developers and user experience designers can better collaborate on agile teams.

We presented it at Ágiles 2013 in Lima, Peru on October 11, 2013.

Statistics

Views

Total Views
692
Views on SlideShare
521
Embed Views
171

Actions

Likes
5
Downloads
13
Comments
0

5 Embeds 171

http://www.agiledossier.com 152
https://twitter.com 11
http://www.linkedin.com 5
http://www.google.ie 2
http://cloud.feedly.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Integrating Agile UX into your project - Ágiles 2013 Integrating Agile UX into your project - Ágiles 2013 Presentation Transcript

    • Integrating Agile UX into your project Rachel Kammerer @rlkammerer Rafael Petry @rafaelpetry
    • Understanding and Selling UX
    • UX
    • UX UI
    • UX UI XD
    • UX UI XD
    • graphic designer
    • graphic designer information architect
    • graphic designer information architect user researcher
    • graphic designer information architect user researcher interaction designer
    • graphic designer information architect user researcher interaction designer UI developer
    • graphic designer information architect user researcher interaction designer UI developer usability engineer
    • psychology
    • psychology branding
    • psychology branding aesthetics
    • psychology branding aesthetics emotion
    • psychology perception branding aesthetics emotion
    • psychology perception branding experience aesthetics emotion
    • graphic design information architecture user research interaction design UI development usability engineering
    • graphic design psychology information architecture perception user research branding interaction design experience UI development aesthetics usability engineering emotion
    • UX
    • UX/UI
    • UX/UI/XD
    • graphic design psychology information architecture perception user research branding interaction design experience UI development aesthetics usability engineering emotion UX/UI/XD
    • graphic design psychology information architecture perception user research branding interaction design experience UI development aesthetics usability engineering emotion UX/UI/XD
    • graphic design psychology information architecture perception user research branding interaction design experience UI development aesthetics usability engineering emotion UX/UI/XD
    • “We need a UX”
    • graphic design information architecture user research interaction design UI development usability engineering
    • CHECK DESIRED SKILLS graphic design information architecture user research interaction design UI development usability engineering UX/UI/XD
    • graphic design psychology information architecture perception user research branding interaction design experience UI development aesthetics usability engineering emotion
    • experience
    • outcome
    • ?
    • pretty
    • intuitive
    • efficient
    • rewarding
    • enjoyable
    • memorable
    • pretty intuitive efficient rewarding enjoyable memorable
    • pretty intuitive efficient rewarding enjoyable memorable
    • Avoid rework.
    • Avoid rework. 50% of developer time is spent on rework. http://socialmediatoday.com/bitpakkit/267487/roi-ux
    • Better prioritization of features.
    • Better prioritization of features. 5% of features are used 95% of the time. http://www.sds-consulting.com/sites/default/files/SDS_UX%20Report%202009.pdf
    • Save development time.
    • Save development time. early integration of UX eliminates 33-50% of dev time. http://www.sds-consulting.com/sites/default/files/SDS_UX%20Report%202009.pdf
    • Increase loyalty, increase revenue
    • Increase loyalty, increase revenue  a loyal customer is worth 2.4 times more. http://www.sds-consulting.com/sites/default/files/SDS_UX%20Report%202009.pdf
    • Math
    • JEDI CLOAK
    • 1 cloak
    • 15 minutes
    • 4 cloaks per hour
    • 100 people
    • x 400 400 cloaks per hour
    • =
    • S/. 40,000
    • 15 minutes
    • 15 minutes
    • 5 minutes
    • 5 developers
    • 1 week (40 hours)
    • S/. 200 per hour
    • 5 x 40 x 200 developers hours soles/hour
    • 5 x 40 x 200 = S/. 40,000 developers hours soles/hour
    • 15 minutes
    • 5 minutes
    • 12 cloaks per hour
    • 100 people
    • S/. 120,000
    • S/. 40,000 S/. 120,000 per hour per hour
    • + S/. 40,000
    • 30 minutes
    • A/B Testing
    • 60% 40%
    • 50%
    • VictoryKit
    • Whiplash
    • 1
    • 1
    • 1 60% 40%
    • 1 50%
    • 1 2
    • 1 2
    • 1 2 67% 50%
    • 1 2 34%
    • case studies
    • 7% 15% 27% 30% http://37signals.com/svn/posts/1525-writing-decisions-headline-tests-on-the-highrise-signup-page
    • 5% http://kylerush.net/blog/optimization-at-the-obama-campaign-ab-testing/
    • 19% http://kylerush.net/blog/optimization-at-the-obama-campaign-ab-testing/
    • http://www.slideshare.net/Upworthy/how-to-make-that-one-thing-go-viral-just-kidding
    • tools
    • https://github.com/victorykit/whiplash
    • Conveying Ideas
    • DISCUSSION
    • DISCUSSION two or more people communicating
    • DISCUSSION: share ideas
    • DISCUSSION: big picture
    • SKETCH
    • SKETCH quick drawing
    • SKETCH: define elements
    • SKETCH: space
    • WIREFRAME
    • WIREFRAME digital representation of ideas
    • Link Link Link Logo Image Image Image Image Image
    • WIREFRAME: architecture
    • WIREFRAME: refine space
    • WIREFRAME: sharable
    • MOCK-UP
    • MOCK-UP high-fidelity graphic
    • MOCK-UP: design
    • MOCK-UP: branding
    • MOCK-UP: feel
    • PROTOTYPE
    • PROTOTYPE working code with graphics
    • PROTOTYPE: interaction
    • prove ideas are possible
    • create reusable code
    • expedite development
    • discussions become more focused
    • discussion
    • sketch discussion
    • wireframe sketch discussion
    • mock-up wireframe sketch discussion
    • prototype mock-up wireframe sketch discussion
    • working code prototype mock-up wireframe sketch discussion
    • UX in Agile Teams
    • "Continuous attention to technical excellence  and good design enhances agility." http://agilemanifesto.org/principles.html
    • "Simplicity—the art of maximizing the amount of work not done—is essential." http://agilemanifesto.org/principles.html
    • sharing insights
    • pairing
    • prototyping
    • A/B testing
    • Integrating Agile UX into your project Rachel Kammerer @rlkammerer Rafael Petry @rafaelpetry