A candid discussion about UX, why it's important to bridge the gap between developers and designers, and how to get out of your own way. Why do we struggle so much with feeling like we aren't good enough? Is this a conversation worth having? You be the judge.

1. UX, Rails
& Awesomeness
Prepared for RAILSCONF by Chanelle Henry
May 5, 2016

2. Hi.
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

3. User Experience Architect
& CONSULTANT
Speaker, Writer & Story Teller
Alchemist & Beef Jerky Master
Who am I?

4. I am a phony.
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

5. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016
What is
User
Experience?

6. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016
UX
Methodology

7. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016
Competitive/Comparative Analysis
The best way to look at how your product can be successful is to look at what else
is out there. A comprehensive analysis of competitor products that maps out their
existing features in a comparable way can help to understand industry standards
and identify opportunities to innovate in a given area.
QUESTIONS
• What are the biggest pain points we are trying to solve, and who is doing it right?
How can we align and restructure in order to make sense of the process?
• What can we implement from the leaders of Customer Support (ASP), to create
an evangelistic experience?
RECOMMENDATIONS
• Do a deeper dive into the competitors while being focused on specific target
users and by completing user testing on the competitor sites to determine best
practices and pain points.

8. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016
Features
Features
Sign Up
AlarmVolts
What’s New Teams
Community
Features
TestimonialsChat
Profile
Onboarding
Navigation (Help, Device Connection)
Loading
Login SidebarHome/Landing Page
Home/Landing Page
Help Text Overlay
Achive Page
Process
Flows

9. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016
Here is a small snippet of the branding
style that would be recommended to be
used in the design while using narrational
elements.
Branding
Elements

10. 10
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

11. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016
Semi-Conclusion:
UX is important in
Development
* DEV NEEDS UX
* KNOWING CAPABILITIES
* PROCESS FLOWS

12. “Design creates stories, and stories create memorable
experiences, and great experiences have this innate ability to
change the way in which we view our world.”
— CHRISTIAN SAYLOR
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

13. UX has come a long way and is
not going anywhere.
BUT we need to still bridge the
gap betweendesignanddevelopment.
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

14. Barriers into STEM Fields
AGEISM, RACISM, SEXISM, NEPOTISM, OH MY…
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

15. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016
Is it too late to be awesome?

16. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016
What is awesome?

17. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

18. “Vulnerability is the birthplace of
innovation, creativity and change.”
— BRENÉ BROWN

19. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

20. “When you are content to be simply yourself
and don’t compare or compete, everyone
will respect you.”
— LAO TZO, TAO TE CHING
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

21. What is holding you back?
THE THINGS THAT SUCK US DRY

22. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

23. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

24. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

25. I am a phony.
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

26. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016
Focus + Action = Momentum

27. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016
Focus is a byproduct of choice.
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

28. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

29. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

30. “Excitement must lead to immediate action
or you will lose the power of momentum.
More dreams die because we fail to seize the
moment. DO IT NOW.”
— TONY ROBBINS
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

31. Taking action.
YES IT’S TIME FOR A STORY
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

32. BIT.LY/MUTEDNATION

33. BIT.LY/MUTEDNATION
The results.
• I became depressed. (crap)
• I wrote the group and a post.
• The post went viral. (bummer)
• I became depressed again. (seriously?)
• I didn’t start until that Friday.
• A book was born. (FTW)
• I forgot to reward myself. (of course)

34. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

35. @CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016
Share it.

36. “Don’t ask what the world needs. Ask what
makes you come alive, and go do it.
Because what the world needs is people who
have come alive.”
— HOWARD THURMAN
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016

37. Thank You.NOW GO & BE AWESOME.
@CHANELLE777 | #RAILSCONF2016UX DOWNLOAD PRESENTATION HERE: BIT.LY/RAILSUX2016