19. MARK BOLTON,
“STRUCTURE FIRST, CONTENT ALWAYS”
“We’d really like to understand the type
and structure of the content for this
project. Don’t worry, you don’t have to
write anything yet, just help us
understand.”
20. They have a problem, we have a solution.
Get people to sign up for the service.
We understand their goals and struggles.
They can trust us to offer the right solution.
21.
22. CONTENT INVENTORY
• Clear text describing the problem
• Steps we take to provide a solution
• Break down of our technology
• Video from our product creators
• Prominent testimonial from expert
35. JEFFREY ZELDMAN,
CSS3 FOR WEB DESIGNERS
“Websites are not the same as pictures
of websites. When one person designs
in Photoshop and another converts the
design to markup and CSS, the coder
must make guesses and assumptions
about what the designer intended.”
47. OLIVER REICHENSTEIN,
WEB DESIGN IS 95% TYPOGRAPHY
Ask yourself, which text is functional,
which text is passive, systematize them...
create an interface, the rest will add up
automatically. Until you have resolved the
readability issues, don’t even think about
changing colors, thickening lines, pushing
pixels, choosing pictures.
48. GET BETTER ATTYPE QUICKLY
• Combining Typefaces by Tim Brown
• On Web Typography by Jason Santa Maria
• Upping Your Type Game by Jessica Hische
52. WHY MOBILE FIRST?
• It’s good for business
• It’s good for users
• It’s good for you
53. • Heavy mobile data
users are projected to
triple to one billion this
year.
• Mobile internet
adoption has outpaced
desktop internet
adoption by 8x.
• Amazon: over $1
billion spent via mobile
devices in the past 12
months
• Twitter: 40% of tweets
sent via mobile, 16% of
new users start on
mobile
FOR THE BUSINESS PEOPLE
VIA HTTP://WWW.LUKEW.COM/FF/ENTRY.ASP?1117
54. MATT MARQUIS, @WILTO
“Mobile users want to see our
menu, hours, and delivery
number. Desktop users definitely
want this 1mb png of someone
smiling at a salad.”
55. JOE HEWITT, FACEBOOK
VIA HTTP://STATIC.LUKEW.COM/MOBILEFIRST_LUKEW.PDF
“My goal was initially just to make a
mobile companion, but I became
convinced it was possible to create a
version of Facebook that was actually
better than the website.”
74. GET IN THE BROWSER ASAP
• Do the colors work on every monitor?
• How does it feel on different devices?
• Make rapid color tweaks with HSL.
• http://hslpicker.com/
hsl (hue, saturation, lightness)
80. JOHN GRUBER
VIA HTTP://DARINGFIREBALL.NET/2013/01/
THE_TREND_AGAINST_SKEUOMORPHISM
The trend away from skeuomorphic special effects in UI
design is the beginning of the retina-resolution design era.
Our designs no longer need to accommodate for crude
pixels. Glossy/glassy surfaces, heavy-handed transparency,
glaring drop shadows, embossed text, textured material
surfaces — these hallmarks of modern UI graphic design style
are (almost) never used in good print graphic design.
91. THIS IS THE ICING ON
YOUR SUPREMELY
DELICIOUS CAKE.
Don’t worry, it’s almost lunchtime.
92. Being a web designer
just got a fuck of a lot
harder.
MORE AWESOME.
93. STEVE KRUG,
DON’T MAKE ME THINK
“The problem is there are no simple “right”
answers for most web design questions (at
least not for the important ones). What works
is good, integrated design that fills a need —
carefully thought out, well executed, and
tested.”
94. CHARLES EAMES
“Here is one of the few effective keys to
the design problem — the ability of the
designer to recognize as many of the
constraints as possible — his willingness
and enthusiasm for working within
these constraints.”