The hitchhiker's guide to UXing without a UXer - Chrissy Welsh - Codemotion Milan 2016

•

1 like•540 views

The document provides tips for designing user experiences without a dedicated UX designer. It recommends having a clear vision, thinking like the intended users by researching who they are and what goals they are trying to achieve. It also recommends wireframing designs quickly using tools like pen and paper, creating throwaway prototypes to test designs, gathering user feedback to evaluate work, and being willing to scrap ideas that are not working and start over. The overall message is that iterative design and usability testing are important to create great experiences for users.

The hitchhiker’s guide
To UXing without a UXer

“I want to build great
things... I start out with
good intentions but it
always turns out rubbish...
what happened?”

A B
Great Experience
Easy Interfaces
Happy Users

What will you learn?
• How important it is to have one vision

• How to think like a user

• Why you should wireframe and how to do it

• How to make a throwaway prototype

• How to evaluate your work

• & Finally when to scrap it and start again

Print this out...
“What one thing do
you want it to do well?”

The User - Who are they?
• Really think & write out
who will use your app/
website

• Write out their age,
education job etc.

• Name them - for
example Arthur Dent

The User - What are they doing?
• Where are they going?

• What are they trying to
achieve?

Why, crazy lady, are you
making me name
imaginary people?

Example “I just want to buy what I want and get out”
James Dent
32 years old
Product Manager
Key Goals
Knows what he wants to buy
Doesn't want to browse
Behaviors
Gets bored quickly
Wants quality products
We Must
Clearly show key features
Show only relevant offers
We must never
Provide ﬂuffy product descriptions
Overwhelm with choice

Why wireframe?
• Fast layouts

• Easy to see if you have everything you need

• Fast to iterate on

• Cheaper than changing code

Why wireframe?
Having one
idea is great
Iterating on an
idea is better
Trying multiple
ideas gives you
the best solution

Some Tools - listed
• Pen & Paper - Super Fast
• Balsamiq Mockups - Fast if you’re scared of paper
• Axure - Less fast but High Fidelity
• Photoshop - Use if a client is going to look at it
• Illustrator - If you dont like Photoshop
• InvisionApp - Link those bad boys!

• How important it is to have one vision

• How to think like a user

• Why you should wireframe and how to do it

• How to make a throwaway prototype

• How to evaluate your work

• & Finally when to scrap it and start again

What we have covered

Chrissy Welsh (@chrissywelsh)
Question Time

The hitchhiker's guide to UXing without a UXer - Chrissy Welsh - Codemotion Milan 2016

The document provides tips for writing effectively for the web, including writing outwardly to focus on the reader's needs and benefits, not including unnecessary details, and making strong calls to action. It emphasizes leading with the most important information, highlighting key takeaways, using plain language, and placing important points above the fold and in sub-headings. It also discusses using brevity to arouse curiosity and not revealing everything to leave something to the imagination.

160329 iot talk 002

Alex Hulme

This document provides an overview of Map Project Office, an experience-driven design consultancy. It works with established brands, startups, institutions, and agencies. It takes a strategy-led, collaborative approach focused on user experience rather than just aesthetics. Designers create models, code, drawings, stories, and films. The company emphasizes testing prototypes with users and following instincts over just gathering feedback. It outlines five design principles: prioritizing experience, considering both on-screen and off-screen experiences, balancing technology and experience needs, working with rather than for clients, and making prototypes to learn from failures.

Being a designer

Ahmad Firoz

This document provides guidance for aspiring designers. It discusses why passion is important, how to get started in design by exploring interests and learning software. The design process is described as iterative, involving research, prototyping, and feedback. Finding work involves building a strong portfolio and marketing skills. When working with clients, it's important to understand their needs, set clear expectations, and help educate them on design value. The document also offers tips on productivity, pricing work appropriately, and recommends resources for continuing education.

How to become a UX Designer

Glen Lipka

Getting ideas!

Dhatri Misra

This document provides tips for finding new app ideas and developing them into working prototypes. It suggests looking for problems apps could solve, existing apps that need improvements, websites that would benefit from apps, and ideas sparked by problems and stimuli. Additional tips include exploring APIs, making existing apps free or more beautiful, and talking to people. The document outlines a 10 step process for taking an idea from definition to refinement that includes sketching, research, wireframing, backend definition, prototyping, backend building, frontend design, testing, and refinement.

Freelancing for Web Professionals

Ken Starzer

This document provides tips and resources for freelancers getting started in their business. It covers setting up administrative and financial tools like a business name, website, and invoice tracking. It also discusses getting connected through local meetups and social media, finding clients through job boards, and important considerations for contracts and payments. Managing client relationships is addressed, including tips for avoiding problematic clients. Educational resources for skills development are listed at the end.

Intro to Design w/ Pivotal Labs

500 Startups

This document provides guidance on design processes for startups. It discusses conducting user research through interviews and observation, creating scenarios to define features, sketching and prototyping ideas, and testing prototypes both qualitatively and quantitatively. The key aspects of the design process outlined are empathizing with users through research, defining problems and opportunities, ideating solutions, prototyping those ideas, and testing prototypes with users in an iterative process.

Presented at Lean UX 2014, April 12, 2014 www.leanuxnyc.co In this fun, hands-on workshop, I’ll lead you through a series of exercises which help you learn to draw good-looking, quick, useful, user interface (UI) sketches. This class covers: • Types of sketches • Why sketch? • Sketching materials • Grids, containers and functional groupings • Developing your personal UI shorthand This workshop is appropriate for designers, product managers, Web developers, software engineers or anyone else who needs to think about or communicate concepts for digital products. No prior artistic or drawing experience necessary. If you can draw a circle, a square and a triangle, you’ve already got the basics covered! Learning how to quickly sketch screen layouts and UI elements helps you think through design problems, communicate ideas to other people, collaborate, and reduce the need for pixel-perfect deliverables. Work through the exercises in this workshop and pick up some new skills you can use right away in your own projects.

No Code Proto

Christian Gammill

Testing Paper Prototypes (IxDworks)

InteractionDesign

This document provides guidance on conducting user testing with paper prototypes for early stage projects. It outlines key steps including creating personas, scenarios and tasks to test. Recommendations are given for preparing paper prototypes, assigning roles in testing, conducting the test by having participants think aloud and complete tasks, and discussing findings to inform design changes. Examples of tasks, open-ended questions and things to watch for during testing are also provided. The overall goal is to catch usability issues early through low-fidelity testing before significant development work is done.

A road to awesomeness

Huib Schoots

New to testing? Looking improve your testing skills? Recently discovered the testing community and wondering what we’ve been talking about all this time? Well, this talk is for you then! Huib is awesome. Well, he thinks he is. Others do to though, based on the popularity of his popular blogpost “Heuristics for recognizing professional testers”. In this talk, Huib will share his view on what an awesome tester is, based on that blogpost. How did Huib become an awesome tester? What does he know that we may not. What skills has he learnt over his career, that we are perhaps yet to. What characteristics has he identified in himself and other awesome testers? Huib is going to share his personal learning journey with us. Offering us his map into the world of learning software testing, a detailed comprehensive map. Huib will walk us through his map expanding on why his map contains this area, key concepts to grasp in this area, how he cut his path through this area, sharing with us who and what helped him. As a coach and trainer, Huib has coached and trained many software testers in his career. Over this time he has collated a huge list of useful resources, including books, blogs, videos and some great communities. Huib will equip you with them all, giving you all he has to offer, preparing you as best he can for your journey, be it at the start, or a new chapter. It just leaves one question, what does your map look like?

Your second job -- hacking your career

Matthew Mark Miller

Presentation

mparmele1

This document summarizes the development of a photography website template created by Marissa Parmele for her senior project. She created a responsive template that could be used by photographers to display their work online. The template was tested by two students, Brandy Coke and Abigayle Metcalf, who needed easy-to-use online portfolios. The template uses a grid layout inspired by scrapbooks and utilizes HTML, CSS, and content writing. Creating the template helped Marissa learn about project management and keeping designs simple and achievable. Future plans include updating the template to keep it current with web standards.

How Do I UX?

Dave Stadler

This document provides tips and advice for navigating a career in user experience (UX) design. It discusses key aspects of UX like defining UX versus UI, conducting user research, creating wireframes and prototypes, and effective project planning and workflow. Specific tips include talking to clients to understand needs, using agile methods, conducting card sorting and user interviews, and the importance of sketching, wireframing and iteration. Recommended books and tools are also provided.

Practical customer development

Cindy Alvarez

This document discusses customer development and outlines its key steps: forming a hypothesis about a customer problem; finding potential customers to interview; asking open-ended questions to understand customer frustrations, constraints, decision-making processes, and workflows; making sense of interview findings to validate or invalidate hypotheses; and using insights to build minimum viable products that test learning. It emphasizes that half of all product ideas fail and that customer development can save significant time by avoiding building the wrong products.

Learning UX Everyday

uxhow

Design for Developers: Nashville Software School (Summary)

Susan Culkin

The document provides an overview of design basics and principles for web design. It discusses how good design is functional, useful, intuitive, well-thought out, user-oriented, engaging, simple, efficient, long-lasting, aesthetic and unobtrusive. It provides tips for evaluating a website or app from a user perspective such as checking layout, consistency, clarity of new elements, ability to recover from errors, logical grouping of content, readability, emphasis of elements, use of space and getting feedback from others. It also discusses using personas to represent target users and lists resources for design including books, websites and free tools.

Small Team, Big UX

Dave Stadler

This document outlines the UX design process for small teams working on startups. It emphasizes researching users through personas, user journeys, and interviews. It recommends going lean and agile through techniques like rapid prototyping. The document provides a checklist of UX deliverables and recommends affordable or free software and tools to use at each stage of the process, from wireframing and prototyping to visual design and testing.

How to Sell Design to Developers

Dave Stadler

Starting With a Side Project

Rachel Andrew

The document provides advice for starting a side project that can be bootstrapped into a business. It recommends choosing a product that serves your own community, solves a problem quickly with minimal features, addresses a problem customers will pay to solve, does not require many users to be useful, has some competition but fills an unmet need, and can be worked on in small increments of time. The key is to launch with the minimum product needed and improve it over time based on feedback from paying customers, rather than free users. This approach allows one to successfully work on a side project alongside a full-time job.

Design Pattern Libraries

Brian Peppler

Design Pattern Libraries explores the process of creating, maintaining, and evolving a design language using a pattern library. This talk explains how to identify, document, share and iterate design patterns, build consensus throughout large organizations, and create a uniform user experience in the process. Pattern libraries are living, breathing systems, and this presentation shows how to evolve patterns and create a library that keeps pace with product release cycles as well as changes in technology and an organization's brand.

Two way feedback

Marissa McQueeney

This document discusses developing a two-way feedback system between mentors and mentees. It provides tips for mentees to reflect on their practice, request specific feedback from mentors and learners, and determine the effectiveness of mentor feedback. Examples are given of effective emails mentees can send to request feedback or input from their mentors. The document also discusses how mentors can best respond to feedback from their mentees and outlines some communication systems for documenting feedback exchanges.

Practical UX Methods - as presented at FOWD 2014

Patrick McNeil

Designing for Customer needs: A UX Perspective

Richard O'Brien

This document discusses user experience (UX) design from conducting primary customer research to iterating a design based on feedback. It recommends talking to 10-15 target customers to understand their needs better than assumptions allow. Key insights should be analyzed to develop customer personas and design principles. Early prototypes using tools like Fluid UI can gather more feedback to iteratively improve the solution. The goal is to quickly apply lessons to design an experience that truly meets customer needs.

How to build the perfect pattern library

Wolf Brüning

Lo sviluppo di Edge Guardian VR - Marco Giammetti - Codemotion Milan 2016

The hitchhiker's guide to UXing without a UXer - Chrissy Welsh - Codemotion Milan 2016

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (20)

Similar to The hitchhiker's guide to UXing without a UXer - Chrissy Welsh - Codemotion Milan 2016

Similar to The hitchhiker's guide to UXing without a UXer - Chrissy Welsh - Codemotion Milan 2016 (20)

More from Codemotion

More from Codemotion (20)

Recently uploaded

Recently uploaded (20)

The hitchhiker's guide to UXing without a UXer - Chrissy Welsh - Codemotion Milan 2016