Quick guide to UX and web copy

Post on 27-Jan-2015

109 views 3 download

Tags:

description

Not so long ago I was redesigning one website (due to corporate rules I'm not allowed to say client's name). Before we start building architecture and writing copy I decided to run a workshop for the whole team (for those, who have never taken part in the web projects) and explain briefly main UX principles and give some tips on effective web copy.

Transcript of Quick guide to UX and web copy

WORKSHOP: REDESIGNING WEBSITE

WORKFLOW, UX GUIDE AND WEB CONTENT TIPS

(SELECTED SLIDES)

People’s behavior makes sense if you think about it in terms of their goals, needs, and motives.

T h o m a s m a n n

research audience

goalsmission

design graPhics infographics, photos,

video, typography

overal visual look

Plan strUctUre information architecture

site map,platform

write content

develoP website

and test, test,test all the time

laUnch keeP it

UP-to-date

design UX sketch wireframes

and build a prototype

in our case:

modify template

1

5

2 3

67

4

website redesign workflow

!

the best of

corPorate websites best Practices

“don’t make me think”

User eXPerience and navigation tiPs

UX bUsinessgoals

visitors goals

where am i?

where shoUld i start? where did they PUt ___?

why did they call it that?

what will haPPen if i click here?

what are the most imPortant things on this Page?

things visitors

shoUld not think aboUt

content is king

qUick gUide how to write an effective web content

notice teXt on pages

read text scan text

see just images79%

16% 84%

21%

make yoUr coPy

scannable

Use simPle langUage

and short sentances

be sPecific

divide teXt into Parts

(titles, subtitles, lists, steps)

keeP it short for the first look (but add special

page with full info)

talk to your target audience

avoid generalities, superlatives

and hype

+

User-centered goals

what in it for me?

feature-oriented copy

about features about benefits about experience

benefit-oriented copy

80% 50%

25%

20% 25%

calls to action

seo( search engine oPtimization )

Use synonyms

don’t coPy teXts

1 2

thank yoU

any qUestions?

: )