SlideShare a Scribd company logo
Ryan Singer
 37signals
How to craft clear
user interfaces
Usability?
“Usable” is not a
  compliment
Clear
Easy
Fast
Fun
Good
The interface is our
      product
1. Screens
2. Flow
3. Language
1. Screens
2. Flow
3. Language
Edward Tufte
Strong
Normal
 Weak
Headline

Lorem ipsum dolor sit amet, consectetur        Lorem ipsum dolor sit
                                               amet, consectetur
adipisicing elit, sed do eiusmod tempor
                                               adipisicing elit, sed do
incididunt ut labore et dolore magna           eiusmod tempor
aliqua. Ut enim ad minim veniam, quis          incididunt ut labore et
                                               dolore magna aliqua. Ut
nostrud exercitation ullamco laboris nisi
                                               enim ad minim veniam,
ut aliquip ex ea commodo consequat.            quis nostrud
Duis aute irure dolor in reprehenderit in      exercitation ullamco




On Time      On Time         LATE           On Time
Headline
Lorem ipsum dolor sit amet, consectetur        Lorem ipsum dolor sit
                                               amet, consectetur
adipisicing elit, sed do eiusmod tempor
                                               adipisicing elit, sed do
incididunt ut labore et dolore magna           eiusmod tempor
aliqua. Ut enim ad minim veniam, quis          incididunt ut labore et
                                               dolore magna aliqua. Ut
nostrud exercitation ullamco laboris nisi
                                               enim ad minim veniam,
ut aliquip ex ea commodo consequat.            quis nostrud
Duis aute irure dolor in reprehenderit in      exercitation ullamco




On Time On Time              LATE           On Time
Headline
Lorem ipsum dolor sit amet, consectetur        Lorem ipsum dolor sit
                                               amet, consectetur
adipisicing elit, sed do eiusmod tempor
                                               adipisicing elit, sed do
incididunt ut labore et dolore magna           eiusmod tempor
aliqua. Ut enim ad minim veniam, quis          incididunt ut labore et
                                               dolore magna aliqua. Ut
nostrud exercitation ullamco laboris nisi
                                               enim ad minim veniam,
ut aliquip ex ea commodo consequat.            quis nostrud
Duis aute irure dolor in reprehenderit in      exercitation ullamco




On Time On Time              LATE           On Time
Headline
Lorem ipsum dolor sit amet, consectetur        Lorem ipsum dolor sit
                                               amet, consectetur
adipisicing elit, sed do eiusmod tempor
                                               adipisicing elit, sed do
incididunt ut labore et dolore magna           eiusmod tempor
aliqua. Ut enim ad minim veniam, quis          incididunt ut labore et
                                               dolore magna aliqua. Ut
nostrud exercitation ullamco laboris nisi
                                               enim ad minim veniam,
ut aliquip ex ea commodo consequat.            quis nostrud
Duis aute irure dolor in reprehenderit in      exercitation ullamco




On Time On Time              LATE           On Time
Consectetur
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed         Lorem ipsum dolor sit
                                                                      amet, consectetur
do eiusmod tempor incididunt ut labore et dolore magna                adipisicing elit, sed do
aliqua. Ut enim ad minim veniam, quis nostrud exercitation            eiusmod tempor
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis         incididunt ut labore et
                                                                      dolore magna aliqua.
aute irure dolor in reprehenderit in voluptate velit esse cillum      Ut enim ad minim
dolore eu fugiat nulla pariatur. Excepteur sint occaecat              veniam, quis nostrud
cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum

 On Time    On Time    LATE     On Time




Ullamco
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do      Lorem ipsum dolor sit
                                                                      amet, consectetur
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut        adipisicing elit, sed do
enim ad minim veniam, quis nostrud exercitation ullamco laboris       eiusmod tempor
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in     incididunt ut labore et
                                                                      dolore magna aliqua.
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla   Ut enim ad minim
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in     veniam, quis nostrud
culpa qui officia deserunt mollit anim id est laborum

  LATE     On Time    On Time   On Time
Consectetur
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed         Lorem ipsum dolor sit
                                                                      amet, consectetur
do eiusmod tempor incididunt ut labore et dolore magna                adipisicing elit, sed do
aliqua. Ut enim ad minim veniam, quis nostrud exercitation            eiusmod tempor
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis         incididunt ut labore et
                                                                      dolore magna aliqua.
aute irure dolor in reprehenderit in voluptate velit esse cillum      Ut enim ad minim
dolore eu fugiat nulla pariatur. Excepteur sint occaecat              veniam, quis nostrud
cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum

 On Time    On Time    LATE     On Time




Ullamco
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do      Lorem ipsum dolor sit
                                                                      amet, consectetur
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut        adipisicing elit, sed do
enim ad minim veniam, quis nostrud exercitation ullamco laboris       eiusmod tempor
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in     incididunt ut labore et
                                                                      dolore magna aliqua.
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla   Ut enim ad minim
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in     veniam, quis nostrud
culpa qui officia deserunt mollit anim id est laborum

  LATE     On Time    On Time   On Time
Consectetur
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed         Lorem ipsum dolor sit
                                                                      amet, consectetur
do eiusmod tempor incididunt ut labore et dolore magna                adipisicing elit, sed do
aliqua. Ut enim ad minim veniam, quis nostrud exercitation            eiusmod tempor
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis         incididunt ut labore et
                                                                      dolore magna aliqua.
aute irure dolor in reprehenderit in voluptate velit esse cillum      Ut enim ad minim
dolore eu fugiat nulla pariatur. Excepteur sint occaecat              veniam, quis nostrud
cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum

 On Time    On Time    LATE     On Time




Ullamco
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do      Lorem ipsum dolor sit
                                                                      amet, consectetur
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut        adipisicing elit, sed do
enim ad minim veniam, quis nostrud exercitation ullamco laboris       eiusmod tempor
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in     incididunt ut labore et
                                                                      dolore magna aliqua.
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla   Ut enim ad minim
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in     veniam, quis nostrud
culpa qui officia deserunt mollit anim id est laborum

  LATE     On Time    On Time   On Time
Consectetur
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed         Lorem ipsum dolor sit
                                                                      amet, consectetur
do eiusmod tempor incididunt ut labore et dolore magna                adipisicing elit, sed do
aliqua. Ut enim ad minim veniam, quis nostrud exercitation            eiusmod tempor
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis         incididunt ut labore et
                                                                      dolore magna aliqua.
aute irure dolor in reprehenderit in voluptate velit esse cillum      Ut enim ad minim
dolore eu fugiat nulla pariatur. Excepteur sint occaecat              veniam, quis nostrud
cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum

 On Time    On Time    LATE     On Time




Ullamco
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do      Lorem ipsum dolor sit
                                                                      amet, consectetur
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut        adipisicing elit, sed do
enim ad minim veniam, quis nostrud exercitation ullamco laboris       eiusmod tempor
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in     incididunt ut labore et
                                                                      dolore magna aliqua.
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla   Ut enim ad minim
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in     veniam, quis nostrud
culpa qui officia deserunt mollit anim id est laborum

  LATE     On Time    On Time   On Time
Consectetur
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed         Lorem ipsum dolor sit
                                                                      amet, consectetur
do eiusmod tempor incididunt ut labore et dolore magna                adipisicing elit, sed do
aliqua. Ut enim ad minim veniam, quis nostrud exercitation            eiusmod tempor
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis         incididunt ut labore et
                                                                      dolore magna aliqua.
aute irure dolor in reprehenderit in voluptate velit esse cillum      Ut enim ad minim
dolore eu fugiat nulla pariatur. Excepteur sint occaecat              veniam, quis nostrud
cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum

 On Time    On Time    LATE     On Time




Ullamco
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do      Lorem ipsum dolor sit
                                                                      amet, consectetur
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut        adipisicing elit, sed do
enim ad minim veniam, quis nostrud exercitation ullamco laboris       eiusmod tempor
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in     incididunt ut labore et
                                                                      dolore magna aliqua.
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla   Ut enim ad minim
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in     veniam, quis nostrud
culpa qui officia deserunt mollit anim id est laborum

  LATE     On Time    On Time   On Time
Consectetur
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed         Lorem ipsum dolor sit
                                                                      amet, consectetur
do eiusmod tempor incididunt ut labore et dolore magna                adipisicing elit, sed do
aliqua. Ut enim ad minim veniam, quis nostrud exercitation            eiusmod tempor
ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis         incididunt ut labore et
                                                                      dolore magna aliqua.
aute irure dolor in reprehenderit in voluptate velit esse cillum      Ut enim ad minim
dolore eu fugiat nulla pariatur. Excepteur sint occaecat              veniam, quis nostrud
cupidatat non proident, sunt in culpa qui officia deserunt mollit
anim id est laborum

 On Time    On Time    LATE     On Time




Ullamco
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do      Lorem ipsum dolor sit
                                                                      amet, consectetur
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut        adipisicing elit, sed do
enim ad minim veniam, quis nostrud exercitation ullamco laboris       eiusmod tempor
nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in     incididunt ut labore et
                                                                      dolore magna aliqua.
reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla   Ut enim ad minim
pariatur. Excepteur sint occaecat cupidatat non proident, sunt in     veniam, quis nostrud
culpa qui officia deserunt mollit anim id est laborum

  LATE     On Time    On Time   On Time
1   2    3
5   6    7
9   10   11
1   2    3
5   6    7
9   10   11
Add a new person
Add a new company
Import from vCard, Basecamp, Outlook
Export to vCard, Excel
Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
1. Decide what matters
 2. Make that pop out
3. Make everything else
       fade back
1. Screens
2. Flow
3. Language
Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
1. Screens
2. Flow
3. Language
Interface design is
   copywriting
Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
Speak your user’s
   language.
Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
Talk like a human
Long labels are OK
How often do you
 really “submit”
   something?
1. Screens
2. Flow
3. Language
Be opinionated and
decide what matters
Emphasize the
 important elements
and de-emphasize the
  unimportant ones
Walk through every
process to smooth out
 bumps and potholes
Write the best words
to communicate the
  clearest concepts
1. Prioritize what’s important

2. Emphasize and de-emphasize

3. Smooth out the flow

4. Clarify your language
Thank you!

Questions?

More Related Content

What's hot

Akapity
AkapityAkapity
Akapity
natan
 
Delete
DeleteDelete
Delete
tristobal
 
Csr report
Csr report Csr report
Csr report
Discover Template
 
English grammar course
English grammar courseEnglish grammar course
English grammar course
Beat Sigerist
 
Le rugby en belgique
Le rugby en belgiqueLe rugby en belgique
Le rugby en belgique
CHU de Liège
 
Product Catalog Powerpoint Presentation Template
Product Catalog Powerpoint Presentation TemplateProduct Catalog Powerpoint Presentation Template
Product Catalog Powerpoint Presentation Template
adriandragne
 
Manual de Identidad Corporativa - 102 Novadoc
Manual de Identidad Corporativa - 102 NovadocManual de Identidad Corporativa - 102 Novadoc
Manual de Identidad Corporativa - 102 Novadoc
102 novadoc
 

What's hot (18)

Lorem Ipsum
Lorem IpsumLorem Ipsum
Lorem Ipsum
 
Lorem Ipsum
Lorem IpsumLorem Ipsum
Lorem Ipsum
 
Lorem Ipsum 3
Lorem Ipsum 3Lorem Ipsum 3
Lorem Ipsum 3
 
test2
test2test2
test2
 
Lorem Ipsum2
Lorem Ipsum2Lorem Ipsum2
Lorem Ipsum2
 
Lorem ipsum
Lorem ipsumLorem ipsum
Lorem ipsum
 
Akapity
AkapityAkapity
Akapity
 
Revista
RevistaRevista
Revista
 
Revista
RevistaRevista
Revista
 
Delete
DeleteDelete
Delete
 
Csr report
Csr report Csr report
Csr report
 
Xylem keynote
Xylem keynoteXylem keynote
Xylem keynote
 
Xylem keynote
Xylem keynoteXylem keynote
Xylem keynote
 
Traballo congreso
Traballo congresoTraballo congreso
Traballo congreso
 
English grammar course
English grammar courseEnglish grammar course
English grammar course
 
Le rugby en belgique
Le rugby en belgiqueLe rugby en belgique
Le rugby en belgique
 
Product Catalog Powerpoint Presentation Template
Product Catalog Powerpoint Presentation TemplateProduct Catalog Powerpoint Presentation Template
Product Catalog Powerpoint Presentation Template
 
Manual de Identidad Corporativa - 102 Novadoc
Manual de Identidad Corporativa - 102 NovadocManual de Identidad Corporativa - 102 Novadoc
Manual de Identidad Corporativa - 102 Novadoc
 

Similar to Ryan Singer

slajdy - test
slajdy - testslajdy - test
slajdy - test
natan
 
Test upload
Test uploadTest upload
Test upload
kulachesth
 
eComm 2008 Programme Guide
eComm 2008 Programme GuideeComm 2008 Programme Guide
eComm 2008 Programme Guide
eComm2008
 
Presentation baytrailtest1
Presentation baytrailtest1Presentation baytrailtest1
Presentation baytrailtest1
Marcelo Castro
 
Taskstream Slideshow
Taskstream SlideshowTaskstream Slideshow
Taskstream Slideshow
NYU385
 
50 Lições de Marketing Digital e Empreendedorismo
50 Lições de Marketing Digital e Empreendedorismo50 Lições de Marketing Digital e Empreendedorismo
50 Lições de Marketing Digital e Empreendedorismo
Maratona Digital
 
Revista
RevistaRevista
Revista
GalSerrano
 

Similar to Ryan Singer (9)

37signals
37signals37signals
37signals
 
slajdy - test
slajdy - testslajdy - test
slajdy - test
 
Traballo congreso
Traballo congresoTraballo congreso
Traballo congreso
 
Test upload
Test uploadTest upload
Test upload
 
eComm 2008 Programme Guide
eComm 2008 Programme GuideeComm 2008 Programme Guide
eComm 2008 Programme Guide
 
Presentation baytrailtest1
Presentation baytrailtest1Presentation baytrailtest1
Presentation baytrailtest1
 
Taskstream Slideshow
Taskstream SlideshowTaskstream Slideshow
Taskstream Slideshow
 
50 Lições de Marketing Digital e Empreendedorismo
50 Lições de Marketing Digital e Empreendedorismo50 Lições de Marketing Digital e Empreendedorismo
50 Lições de Marketing Digital e Empreendedorismo
 
Revista
RevistaRevista
Revista
 

More from Carsonified Team

Chris Lea - What does NoSQL Mean for You
Chris Lea - What does NoSQL Mean for YouChris Lea - What does NoSQL Mean for You
Chris Lea - What does NoSQL Mean for You
Carsonified Team
 
Tara Hunt - Your Social Media Strategy Wont Save You
Tara Hunt - Your Social Media Strategy Wont Save YouTara Hunt - Your Social Media Strategy Wont Save You
Tara Hunt - Your Social Media Strategy Wont Save You
Carsonified Team
 
Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere
Dion Almaer & Ben Galbraith - Build Once, Deploy EverywhereDion Almaer & Ben Galbraith - Build Once, Deploy Everywhere
Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere
Carsonified Team
 
Steve Huffman - Lessons learned while at reddit.com
Steve Huffman - Lessons learned while at reddit.comSteve Huffman - Lessons learned while at reddit.com
Steve Huffman - Lessons learned while at reddit.com
Carsonified Team
 
Neil Patel - What You Need to be Measuring and How to Do It
Neil Patel - What You Need to be Measuring and How to Do ItNeil Patel - What You Need to be Measuring and How to Do It
Neil Patel - What You Need to be Measuring and How to Do It
Carsonified Team
 
Molly Holzschlag - How HTML 5 is Going to Completely Change your Web App
Molly Holzschlag - How HTML 5 is Going to Completely Change your Web AppMolly Holzschlag - How HTML 5 is Going to Completely Change your Web App
Molly Holzschlag - How HTML 5 is Going to Completely Change your Web App
Carsonified Team
 
Mike Mcderment - Marketing Metrics and the Systems You Need to Measure Them
Mike Mcderment - Marketing Metrics and the Systems You Need to Measure ThemMike Mcderment - Marketing Metrics and the Systems You Need to Measure Them
Mike Mcderment - Marketing Metrics and the Systems You Need to Measure Them
Carsonified Team
 
Fred Wilson - The 10 Golden Principles for Successful Web Apps
Fred Wilson - The 10 Golden Principles for Successful Web AppsFred Wilson - The 10 Golden Principles for Successful Web Apps
Fred Wilson - The 10 Golden Principles for Successful Web Apps
Carsonified Team
 
Alex Payne - Speedy, Stable, and Secure: Better Web Applications Through Func...
Alex Payne - Speedy, Stable, and Secure: Better Web Applications Through Func...Alex Payne - Speedy, Stable, and Secure: Better Web Applications Through Func...
Alex Payne - Speedy, Stable, and Secure: Better Web Applications Through Func...
Carsonified Team
 
Aaron Patzer - How to Take Your Start-up to the Next Level
Aaron Patzer - How to Take Your Start-up to the Next LevelAaron Patzer - How to Take Your Start-up to the Next Level
Aaron Patzer - How to Take Your Start-up to the Next Level
Carsonified Team
 
Taking your Site from One to One Million Users by Kevin Rose
Taking your Site from One to One Million Users by Kevin RoseTaking your Site from One to One Million Users by Kevin Rose
Taking your Site from One to One Million Users by Kevin Rose
Carsonified Team
 
The New Marketing, by Ryan Carson
The New Marketing, by Ryan CarsonThe New Marketing, by Ryan Carson
The New Marketing, by Ryan Carson
Carsonified Team
 
FOWA Tour- Richard Healy
FOWA Tour- Richard HealyFOWA Tour- Richard Healy
FOWA Tour- Richard Healy
Carsonified Team
 
FOWA Tour- Andy McLoughlin
FOWA Tour- Andy McLoughlinFOWA Tour- Andy McLoughlin
FOWA Tour- Andy McLoughlin
Carsonified Team
 
FOWA Tour- Dorothy Briggs
FOWA Tour- Dorothy BriggsFOWA Tour- Dorothy Briggs
FOWA Tour- Dorothy Briggs
Carsonified Team
 
FOWA Tour- Ryan Carson
FOWA Tour- Ryan CarsonFOWA Tour- Ryan Carson
FOWA Tour- Ryan Carson
Carsonified Team
 
FOWA Tour- Roan Lavery
FOWA Tour- Roan LaveryFOWA Tour- Roan Lavery
FOWA Tour- Roan Lavery
Carsonified Team
 
FOWA Tour- Graeme Mathieson
FOWA Tour- Graeme MathiesonFOWA Tour- Graeme Mathieson
FOWA Tour- Graeme Mathieson
Carsonified Team
 
FOWA Bristol/ Leeds- Dan Rubin
FOWA Bristol/ Leeds- Dan RubinFOWA Bristol/ Leeds- Dan Rubin
FOWA Bristol/ Leeds- Dan Rubin
Carsonified Team
 
FOWA Bristol- Ian Broom
FOWA Bristol- Ian BroomFOWA Bristol- Ian Broom
FOWA Bristol- Ian Broom
Carsonified Team
 

More from Carsonified Team (20)

Chris Lea - What does NoSQL Mean for You
Chris Lea - What does NoSQL Mean for YouChris Lea - What does NoSQL Mean for You
Chris Lea - What does NoSQL Mean for You
 
Tara Hunt - Your Social Media Strategy Wont Save You
Tara Hunt - Your Social Media Strategy Wont Save YouTara Hunt - Your Social Media Strategy Wont Save You
Tara Hunt - Your Social Media Strategy Wont Save You
 
Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere
Dion Almaer & Ben Galbraith - Build Once, Deploy EverywhereDion Almaer & Ben Galbraith - Build Once, Deploy Everywhere
Dion Almaer & Ben Galbraith - Build Once, Deploy Everywhere
 
Steve Huffman - Lessons learned while at reddit.com
Steve Huffman - Lessons learned while at reddit.comSteve Huffman - Lessons learned while at reddit.com
Steve Huffman - Lessons learned while at reddit.com
 
Neil Patel - What You Need to be Measuring and How to Do It
Neil Patel - What You Need to be Measuring and How to Do ItNeil Patel - What You Need to be Measuring and How to Do It
Neil Patel - What You Need to be Measuring and How to Do It
 
Molly Holzschlag - How HTML 5 is Going to Completely Change your Web App
Molly Holzschlag - How HTML 5 is Going to Completely Change your Web AppMolly Holzschlag - How HTML 5 is Going to Completely Change your Web App
Molly Holzschlag - How HTML 5 is Going to Completely Change your Web App
 
Mike Mcderment - Marketing Metrics and the Systems You Need to Measure Them
Mike Mcderment - Marketing Metrics and the Systems You Need to Measure ThemMike Mcderment - Marketing Metrics and the Systems You Need to Measure Them
Mike Mcderment - Marketing Metrics and the Systems You Need to Measure Them
 
Fred Wilson - The 10 Golden Principles for Successful Web Apps
Fred Wilson - The 10 Golden Principles for Successful Web AppsFred Wilson - The 10 Golden Principles for Successful Web Apps
Fred Wilson - The 10 Golden Principles for Successful Web Apps
 
Alex Payne - Speedy, Stable, and Secure: Better Web Applications Through Func...
Alex Payne - Speedy, Stable, and Secure: Better Web Applications Through Func...Alex Payne - Speedy, Stable, and Secure: Better Web Applications Through Func...
Alex Payne - Speedy, Stable, and Secure: Better Web Applications Through Func...
 
Aaron Patzer - How to Take Your Start-up to the Next Level
Aaron Patzer - How to Take Your Start-up to the Next LevelAaron Patzer - How to Take Your Start-up to the Next Level
Aaron Patzer - How to Take Your Start-up to the Next Level
 
Taking your Site from One to One Million Users by Kevin Rose
Taking your Site from One to One Million Users by Kevin RoseTaking your Site from One to One Million Users by Kevin Rose
Taking your Site from One to One Million Users by Kevin Rose
 
The New Marketing, by Ryan Carson
The New Marketing, by Ryan CarsonThe New Marketing, by Ryan Carson
The New Marketing, by Ryan Carson
 
FOWA Tour- Richard Healy
FOWA Tour- Richard HealyFOWA Tour- Richard Healy
FOWA Tour- Richard Healy
 
FOWA Tour- Andy McLoughlin
FOWA Tour- Andy McLoughlinFOWA Tour- Andy McLoughlin
FOWA Tour- Andy McLoughlin
 
FOWA Tour- Dorothy Briggs
FOWA Tour- Dorothy BriggsFOWA Tour- Dorothy Briggs
FOWA Tour- Dorothy Briggs
 
FOWA Tour- Ryan Carson
FOWA Tour- Ryan CarsonFOWA Tour- Ryan Carson
FOWA Tour- Ryan Carson
 
FOWA Tour- Roan Lavery
FOWA Tour- Roan LaveryFOWA Tour- Roan Lavery
FOWA Tour- Roan Lavery
 
FOWA Tour- Graeme Mathieson
FOWA Tour- Graeme MathiesonFOWA Tour- Graeme Mathieson
FOWA Tour- Graeme Mathieson
 
FOWA Bristol/ Leeds- Dan Rubin
FOWA Bristol/ Leeds- Dan RubinFOWA Bristol/ Leeds- Dan Rubin
FOWA Bristol/ Leeds- Dan Rubin
 
FOWA Bristol- Ian Broom
FOWA Bristol- Ian BroomFOWA Bristol- Ian Broom
FOWA Bristol- Ian Broom
 

Ryan Singer

  • 2. How to craft clear user interfaces
  • 4. “Usable” is not a compliment
  • 6. The interface is our product
  • 9.
  • 10.
  • 12.
  • 14. Headline Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor adipisicing elit, sed do incididunt ut labore et dolore magna eiusmod tempor aliqua. Ut enim ad minim veniam, quis incididunt ut labore et dolore magna aliqua. Ut nostrud exercitation ullamco laboris nisi enim ad minim veniam, ut aliquip ex ea commodo consequat. quis nostrud Duis aute irure dolor in reprehenderit in exercitation ullamco On Time On Time LATE On Time
  • 15. Headline Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor adipisicing elit, sed do incididunt ut labore et dolore magna eiusmod tempor aliqua. Ut enim ad minim veniam, quis incididunt ut labore et dolore magna aliqua. Ut nostrud exercitation ullamco laboris nisi enim ad minim veniam, ut aliquip ex ea commodo consequat. quis nostrud Duis aute irure dolor in reprehenderit in exercitation ullamco On Time On Time LATE On Time
  • 16. Headline Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor adipisicing elit, sed do incididunt ut labore et dolore magna eiusmod tempor aliqua. Ut enim ad minim veniam, quis incididunt ut labore et dolore magna aliqua. Ut nostrud exercitation ullamco laboris nisi enim ad minim veniam, ut aliquip ex ea commodo consequat. quis nostrud Duis aute irure dolor in reprehenderit in exercitation ullamco On Time On Time LATE On Time
  • 17. Headline Lorem ipsum dolor sit amet, consectetur Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor adipisicing elit, sed do incididunt ut labore et dolore magna eiusmod tempor aliqua. Ut enim ad minim veniam, quis incididunt ut labore et dolore magna aliqua. Ut nostrud exercitation ullamco laboris nisi enim ad minim veniam, ut aliquip ex ea commodo consequat. quis nostrud Duis aute irure dolor in reprehenderit in exercitation ullamco On Time On Time LATE On Time
  • 18. Consectetur Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed Lorem ipsum dolor sit amet, consectetur do eiusmod tempor incididunt ut labore et dolore magna adipisicing elit, sed do aliqua. Ut enim ad minim veniam, quis nostrud exercitation eiusmod tempor ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis incididunt ut labore et dolore magna aliqua. aute irure dolor in reprehenderit in voluptate velit esse cillum Ut enim ad minim dolore eu fugiat nulla pariatur. Excepteur sint occaecat veniam, quis nostrud cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum On Time On Time LATE On Time Ullamco Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do Lorem ipsum dolor sit amet, consectetur eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut adipisicing elit, sed do enim ad minim veniam, quis nostrud exercitation ullamco laboris eiusmod tempor nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in incididunt ut labore et dolore magna aliqua. reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla Ut enim ad minim pariatur. Excepteur sint occaecat cupidatat non proident, sunt in veniam, quis nostrud culpa qui officia deserunt mollit anim id est laborum LATE On Time On Time On Time
  • 19. Consectetur Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed Lorem ipsum dolor sit amet, consectetur do eiusmod tempor incididunt ut labore et dolore magna adipisicing elit, sed do aliqua. Ut enim ad minim veniam, quis nostrud exercitation eiusmod tempor ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis incididunt ut labore et dolore magna aliqua. aute irure dolor in reprehenderit in voluptate velit esse cillum Ut enim ad minim dolore eu fugiat nulla pariatur. Excepteur sint occaecat veniam, quis nostrud cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum On Time On Time LATE On Time Ullamco Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do Lorem ipsum dolor sit amet, consectetur eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut adipisicing elit, sed do enim ad minim veniam, quis nostrud exercitation ullamco laboris eiusmod tempor nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in incididunt ut labore et dolore magna aliqua. reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla Ut enim ad minim pariatur. Excepteur sint occaecat cupidatat non proident, sunt in veniam, quis nostrud culpa qui officia deserunt mollit anim id est laborum LATE On Time On Time On Time
  • 20. Consectetur Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed Lorem ipsum dolor sit amet, consectetur do eiusmod tempor incididunt ut labore et dolore magna adipisicing elit, sed do aliqua. Ut enim ad minim veniam, quis nostrud exercitation eiusmod tempor ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis incididunt ut labore et dolore magna aliqua. aute irure dolor in reprehenderit in voluptate velit esse cillum Ut enim ad minim dolore eu fugiat nulla pariatur. Excepteur sint occaecat veniam, quis nostrud cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum On Time On Time LATE On Time Ullamco Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do Lorem ipsum dolor sit amet, consectetur eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut adipisicing elit, sed do enim ad minim veniam, quis nostrud exercitation ullamco laboris eiusmod tempor nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in incididunt ut labore et dolore magna aliqua. reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla Ut enim ad minim pariatur. Excepteur sint occaecat cupidatat non proident, sunt in veniam, quis nostrud culpa qui officia deserunt mollit anim id est laborum LATE On Time On Time On Time
  • 21. Consectetur Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed Lorem ipsum dolor sit amet, consectetur do eiusmod tempor incididunt ut labore et dolore magna adipisicing elit, sed do aliqua. Ut enim ad minim veniam, quis nostrud exercitation eiusmod tempor ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis incididunt ut labore et dolore magna aliqua. aute irure dolor in reprehenderit in voluptate velit esse cillum Ut enim ad minim dolore eu fugiat nulla pariatur. Excepteur sint occaecat veniam, quis nostrud cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum On Time On Time LATE On Time Ullamco Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do Lorem ipsum dolor sit amet, consectetur eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut adipisicing elit, sed do enim ad minim veniam, quis nostrud exercitation ullamco laboris eiusmod tempor nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in incididunt ut labore et dolore magna aliqua. reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla Ut enim ad minim pariatur. Excepteur sint occaecat cupidatat non proident, sunt in veniam, quis nostrud culpa qui officia deserunt mollit anim id est laborum LATE On Time On Time On Time
  • 22. Consectetur Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed Lorem ipsum dolor sit amet, consectetur do eiusmod tempor incididunt ut labore et dolore magna adipisicing elit, sed do aliqua. Ut enim ad minim veniam, quis nostrud exercitation eiusmod tempor ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis incididunt ut labore et dolore magna aliqua. aute irure dolor in reprehenderit in voluptate velit esse cillum Ut enim ad minim dolore eu fugiat nulla pariatur. Excepteur sint occaecat veniam, quis nostrud cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum On Time On Time LATE On Time Ullamco Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do Lorem ipsum dolor sit amet, consectetur eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut adipisicing elit, sed do enim ad minim veniam, quis nostrud exercitation ullamco laboris eiusmod tempor nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in incididunt ut labore et dolore magna aliqua. reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla Ut enim ad minim pariatur. Excepteur sint occaecat cupidatat non proident, sunt in veniam, quis nostrud culpa qui officia deserunt mollit anim id est laborum LATE On Time On Time On Time
  • 23. Consectetur Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed Lorem ipsum dolor sit amet, consectetur do eiusmod tempor incididunt ut labore et dolore magna adipisicing elit, sed do aliqua. Ut enim ad minim veniam, quis nostrud exercitation eiusmod tempor ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis incididunt ut labore et dolore magna aliqua. aute irure dolor in reprehenderit in voluptate velit esse cillum Ut enim ad minim dolore eu fugiat nulla pariatur. Excepteur sint occaecat veniam, quis nostrud cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum On Time On Time LATE On Time Ullamco Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do Lorem ipsum dolor sit amet, consectetur eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut adipisicing elit, sed do enim ad minim veniam, quis nostrud exercitation ullamco laboris eiusmod tempor nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in incididunt ut labore et dolore magna aliqua. reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla Ut enim ad minim pariatur. Excepteur sint occaecat cupidatat non proident, sunt in veniam, quis nostrud culpa qui officia deserunt mollit anim id est laborum LATE On Time On Time On Time
  • 24.
  • 25. 1 2 3 5 6 7 9 10 11
  • 26. 1 2 3 5 6 7 9 10 11
  • 27. Add a new person Add a new company Import from vCard, Basecamp, Outlook Export to vCard, Excel
  • 28.
  • 29. Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
  • 30. 1. Decide what matters 2. Make that pop out 3. Make everything else fade back
  • 32. Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
  • 33. Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
  • 34. Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
  • 35. Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
  • 36. Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
  • 37. Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
  • 38. Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
  • 39. Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
  • 41. Interface design is copywriting
  • 42. Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
  • 44. Presentation Copyright© 2006 37signals, LLC. All Rights Reserved. These slides may not be used or distributed without written permission of 37signals. http://www.37signals.com
  • 45. Talk like a human
  • 46.
  • 47.
  • 49. How often do you really “submit” something?
  • 52. Emphasize the important elements and de-emphasize the unimportant ones
  • 53. Walk through every process to smooth out bumps and potholes
  • 54. Write the best words to communicate the clearest concepts
  • 55. 1. Prioritize what’s important 2. Emphasize and de-emphasize 3. Smooth out the flow 4. Clarify your language