Rails Conference Presentation 2016 - UX, Rails and Awesomeness

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

Transcript of Rails Conference Presentation 2016 - UX, Rails and Awesomeness

UX, Rails & Awesomeness

Prepared for RAILSCONF by Chanelle Henry May 5, 2016

Hi.

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

User Experience Architect & CONSULTANT

Speaker, Writer & Story Teller

Alchemist & Beef Jerky Master

Who am I?

I am a phony.

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

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

What is User Experience?

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

UX Methodology

@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.

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

FeaturesFeaturesSign 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

@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

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

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

Semi-Conclusion: UX is important in Development

* DEV NEEDS UX

* KNOWING CAPABILITIES

* PROCESS FLOWS

“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

UX has come a long way and is

not going anywhere.

BUT we need to still bridge the

gap between design and development.

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

Barriers into STEM Fields AGEISM, RACISM, SEXISM, NEPOTISM, OH MY…

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

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

Is it too late to be awesome?

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

What is awesome?

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

“Vulnerability is the birthplace of innovation, creativity and change.”

— BRENÉ BROWN

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

“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

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

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

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

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

I am a phony.

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

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

Focus + Action = Momentum

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

Focus is a byproduct of choice.

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

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

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

“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

Taking action. YES IT’S TIME FOR A STORY

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

BIT.LY/MUTEDNATION

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)

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

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

Share it.

“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

Thank You.NOW GO & BE AWESOME.

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