Muutke küpsiste eelistusi

Communicating the User Experience: A Practical Guide for Creating Useful UX Documentation [Pehme köide]

3.69/5 (258 hinnangut Goodreads-ist)
,
  • Formaat: Paperback / softback, 352 pages, kõrgus x laius x paksus: 234x185x18 mm, kaal: 816 g
  • Ilmumisaeg: 08-Nov-2011
  • Kirjastus: John Wiley & Sons Inc
  • ISBN-10: 1119971101
  • ISBN-13: 9781119971108
Teised raamatud teemal:
  • Pehme köide
  • Hind: 36,80 €*
  • * hind on lõplik, st. muud allahindlused enam ei rakendu
  • Tavahind: 43,30 €
  • Säästad 15%
  • Raamatu kohalejõudmiseks kirjastusest kulub orienteeruvalt 2-4 nädalat
  • Kogus:
  • Lisa ostukorvi
  • Tasuta tarne
  • Tellimisaeg 2-4 nädalat
  • Lisa soovinimekirja
Communicating the User Experience: A Practical Guide for Creating Useful UX DocumentationSuurem pilt
  • Formaat: Paperback / softback, 352 pages, kõrgus x laius x paksus: 234x185x18 mm, kaal: 816 g
  • Ilmumisaeg: 08-Nov-2011
  • Kirjastus: John Wiley & Sons Inc
  • ISBN-10: 1119971101
  • ISBN-13: 9781119971108
Teised raamatud teemal:
Püsilink: https://www.kriso.ee/db/9781119971108.html
Märksõnad:
A clear and focused guide to creating useful user experience documentation As web sites and applications become richer and more complex, the user experience (UX) becomes critical to their success. This indispensible and full-color book provides practical guidance on this growing field and shares valuable UX advice that you can put into practice immediately on your own projects. The authors examine why UX is gaining so much interest from web designers, graduates, and career changers and looks at the new UX tools and ideas that can help you do your job better. In addition, you'll benefit from the unique insight the authors provide from their experiences of working with some of the world's best-known companies, learning how to take ideas from business requirements, user research, and documentation to create and develop your UX vision.





Explains how to create documentation that clearly communicates the vision for the UX design and the blueprint for how it's going to be developed Provides practical guidance that you can put to work right away on their own projects Looks at the new UX tools and ideas that are born every day, aimed at helping you do your job better and more efficiently Covers a variety of topics including user journeys, task models, funnel diagrams, content audits, sitemaps, wireframes, interactive prototypes, and more

Communicating the User Experience is an ideal resource for getting started with creating UX documentation.
About the Authors v
Credits vi
Authors' Acknowledgments viii
Contents ix
Introduction 1(8)
A summary of the documents
2(5)
Putting the documents into context
7(1)
Enjoy yourselves!
8(1)
Chapter 1 Personas
9(34)
What makes a good persona?
11(7)
When to create a persona
11(1)
What are you communicating?
11(1)
Use short descriptive bulleted points
12(1)
Base personas on real people
12(1)
Use descriptive photography
12(2)
Anatomy of a persona
14(1)
Photos
14(1)
Persona names
14(1)
User quotes
14(1)
Key goals
14(1)
Behaviors
14(1)
Must dos
15(1)
Must nevers
15(1)
Who is the audience?
16(1)
How to validate personas
17(1)
Research and workshop ideas
18(6)
Start with a theory
18(1)
Research Technique: Listen in on call centers
19(1)
Research Technique: Conduct depth interviews
20(1)
Research Technique: Conduct ethnographic research
20(1)
Workshop Idea: Define your personas
21(3)
How To: Create personas in Power Point
24(10)
Creating and setting up the slide presentation
24(1)
Adding persona images and titles
25(1)
Inserting an image
25(2)
Inserting a title
27(1)
Adding icons, subheadings, and bulleted lists
28(1)
Inserting icons
29(1)
Adding subheadings
30(1)
Adding bulleted lists
30(4)
How To: Create personas in OmniGraffle Pro
34(9)
Creating and setting up the presentation
34(1)
Adding persona images and titles
35(1)
Inserting an image
35(1)
Adding an overlay color
36(1)
Inserting a title
37(1)
Adding subheadings and bulleted lists
38(1)
Inserting icons
38(1)
Adding subheadings
39(1)
Adding bulleted lists
40(3)
Chapter 2 Task Models
43(34)
What makes a good task model?
45(4)
When to create a task model
45(1)
What are you communicating?
45(2)
The goal
47(1)
The order of tasks
47(1)
User behavior
47(1)
Emotional needs
48(1)
Who or what are they interacting with?
49(1)
Content requirements
49(1)
Existing barriers
49(1)
Suggesting solutions
49(1)
The anatomy of a task model
49(4)
Goal
51(1)
Tasks
51(1)
Task phases
51(1)
User behavior
51(1)
Content needs
51(1)
Barriers
51(1)
Design suggestions
51(1)
Personas
51(1)
Who is the audience?
51(1)
How to validate
52(1)
Research and workshop ideas
53(5)
Research Technique: Conduct research
53(1)
Visit call centers
53(1)
Make contextual observations
53(1)
Visit online forums
54(1)
Workshop Idea: Analyze data
55(1)
Identify the goal
55(1)
Analyze the information
55(1)
Group the information
55(1)
Identify the user behavior
55(1)
Highlight the emotions
56(2)
How To: Create task models in OmniGraffle
58(11)
Setting up the template
58(2)
Creating the model
60(1)
Creating a title for your document
60(1)
Indicating direction
60(1)
Adding individual tasks
61(1)
Creating a controlled evaluation
62(2)
Creating a complex evaluation
64(1)
Creating loop backs
65(3)
Creating notes
68(1)
How To: Create task models in PowerPoint
69(8)
Setting up the template
69(1)
Creating the model
70(1)
Adding a title
70(1)
Adding the tasks
70(2)
Creating a controlled evaluation
72(2)
Creating simple icons
74(2)
Adding the finishing touches
76(1)
Chapter 3 User Journeys
77(26)
What makes a good user journey?
79(7)
When to create a user journey
79(1)
Product development
79(1)
Analysis
80(1)
What are you communicating?
80(1)
The goal or task
81(1)
Steps
81(1)
Decision points
81(1)
Start and end steps
81(1)
Grouping
81(1)
Flow
81(1)
Content
81(1)
Pain points
82(1)
External factors
82(1)
Measurement
82(1)
The anatomy of a user journey
82(1)
Tide
82(1)
Groupings
82(1)
Start steps and end steps
82(1)
Steps
83(1)
Pain points
83(1)
Decision points
83(1)
Flow
83(1)
Notes
83(1)
Who is the audience?
83(1)
How to validate the user journey
84(1)
User testing of wireframes, designs, and live sites
84(1)
A/B testing and multivariate testing (MVT)
85(1)
Research and workshop ideas
86(3)
Research Technique: Process sorting
86(1)
Workshop Idea: Examine user journeys
87(1)
Inviting attendees
87(1)
Gathering materials
88(1)
Conducting the Workshop
88(1)
How To: Create a user journey in OmniGraffle
89(9)
Setting up the template
90(1)
Creating the journey
91(1)
Providing a title
92(1)
Styling shapes
92(1)
Using magnetic shapes and arrows
93(1)
Adding lines and arrows
94(1)
Styling the curved arrows
95(1)
Finishing off
96(2)
How To: Create a user journey in PowerPoint
98(5)
Setting up the template
98(2)
Creating the journey
100(1)
Adding shapes
100(1)
Wrapping text
101(1)
Adding arrows and lines
102(1)
Finishing up
102(1)
Chapter 4 Content requirements
103(20)
What makes a good content requirements document?
105(18)
When to create a content requirements document?
105(1)
What are you communicating?
105(1)
Marketing and brand copy
105(1)
Instructions and functionality
106(1)
Data and specification information
106(1)
Image requirements
106(1)
Supporting information
106(1)
What makes the perfect content requirements document?
107(1)
Document title
107(1)
Summary information
108(1)
Reference ID
108(1)
Page name
108(1)
Core purpose
108(1)
User support
108(1)
Required elements and suggestions
108(1)
Who is the audience?
109(1)
Validating the content
109(1)
Content testing in context
109(1)
Content variation testing
110(1)
Research and workshop ideas
111(1)
Research Technique: Immerse yourself in the topic
111(1)
Workshop Idea: Audit content
112(1)
Research Technique: Listen to and observe users
113(1)
Research Technique: Use benchmark testing
114(2)
How To: Create a content requirements document in Word
116(1)
Setting up the template
116(1)
Creating the audit
116(1)
Titling the presentation
116(1)
Inserting the table
117(1)
Formatting the table
118(3)
Adding content
121(2)
Chapter 5 Sitemaps
123(37)
What makes a good sitemap?
125(6)
When to create a sitemap
125(1)
When you need to audit your current content
125(1)
When you need to enhance or improve your current site structure
125(1)
When you are creating a new website
126(1)
What are you communicating?
126(1)
Who is the audience?
127(1)
Wireframers and designers
127(1)
Content teams
128(1)
Development teams
128(1)
SEO teams
128(1)
Project managers
128(1)
Different styles of sitemaps
129(1)
The anatomy of a spreadsheet sitemap
130(1)
Use a tree structure
130(1)
Add a column to specify template numbers
130(1)
Include a notes column
130(1)
Use flags for non-existent content
131(1)
Use actual labels
131(1)
Use shading for visual grouping of navigation categories
131(1)
The anatomy of a visual sitemap
131(3)
1 Don't make your connecting lines too dark
131(1)
2 Use shading to show levels
131(1)
3 Show key cross-links
131(1)
4 Use template numbers
132(1)
5 Separate logged in areas
132(1)
6 Flag non-existent content
132(1)
7 Use actual labels
132(1)
8 Visually differentiate other content types
132(2)
Research and workshop ideas
134(8)
Research Technique: Use site analytics and search logs
134(1)
Research Technique: Use open-card sorting
135(2)
Research Technique: Determine the pages you need
137(1)
Research Technique: Validate your sitemap
138(1)
Closed-card sorts
138(1)
Remote navigation testing
139(3)
How To: Create a sitemap in PowerPoint
142(6)
Setting page orientation
142(1)
Creating and shading boxes
142(2)
Adding connecting lines
144(1)
Signifying page groups
145(1)
Showing cross links
146(2)
How To: Create a sitemap in OmniGrafle
148(5)
Setting up the template
148(1)
Creating boxes with magnetic points
148(2)
Using connecting lines
150(1)
De-magnetizing lines
151(2)
How To: Create a sitemap in Excel
153(7)
Writing labels and wrapping text
153(1)
Shading cells
154(2)
Adding new rows and columns
156(4)
Chapter 6 Wireframes
160(103)
What makes a good wireframe?
162(16)
When to create a wireframe?
162(1)
What are you communicating?
162(1)
Vision
162(1)
Layout
162(1)
Content and images
162(1)
Priority
163(1)
Navigation
163(1)
Functionality
163(1)
Who is the audience?
163(1)
Development team
164(1)
Specialists
165(1)
Related business functions
166(1)
Sign-off groups
166(1)
Agency teams
167(1)
Anatomy of a wireframe
167(1)
Write clear page titles and numbers
167(1)
Work in actual pixels when possible
167(1)
Use shading to show visual weighting
168(1)
Avoid black text lines or shapes
168(1)
Use real data
169(1)
Use real images where necessary
169(1)
Write descriptive image placeholders
169(1)
Use clear annotation
169(1)
Clearly link the notes and wireframes
169(1)
Show the fold
169(1)
Other pages to include
169(1)
Vision
169(1)
Change log
170(1)
Storyboards
171(1)
Design principles for wireframes
171(1)
Structure and style
172(1)
Visual heat
173(1)
When to use color
174(1)
Feel
174(2)
Stepping back to help give focus
176(1)
Validating wireframes
176(2)
Research and workshop ideas
178(8)
Workshop Idea: Prioritize content
179(2)
Workshop Idea: Generate ideas
181(1)
Workshop Idea: Create a healthy perspective
182(4)
How To: Create wireframes in OmniGraffle
186(54)
Setting up the template
188(1)
Creating a new document
188(1)
Changing canvas sizing
188(1)
Changing ruler units
189(1)
Setting up a grid
190(1)
Creating layers
191(1)
Creating shared layers
192(1)
Reordering layers
193(2)
Creating page titles with variables
195(5)
Working with the page outline
200(3)
Creating a custom page grid
203(7)
Creating LinkBack objects
210(3)
Creating the wireframes
213(1)
Using basic boxes to mark out content areas
213(2)
Using image placeholders
215(5)
Creating tabs
220(5)
Adding images
225(4)
Adding text
229(3)
Creating buttons
232(5)
Using stencils
237(3)
How To: Create wireframes in Axure
240(16)
An overview of Axure
240(2)
Creating wireframes
242(1)
Creating and styling basic shapes
242(2)
Editing text and bullets
244(3)
Adding images
247(2)
Creating custom buttons
249(3)
Creating master objects
252(4)
How To: Create wireframes in PowerPoint
256(7)
Setting up the template
256(1)
Enabling Snap to grid
256(1)
Adjusting sizing
257(1)
Creating wireframes
258(1)
Creating the page outline
258(1)
Creating the tabbed navigation
258(1)
Styling shapes
259(2)
Combining shapes
261(2)
Chapter 7 Usability Test Reports
263(28)
What makes a good test report?
265(7)
When to create a test report
265(1)
What are you communicating?
265(1)
Anatomy of the perfect test report
266(1)
Use a clear page title
266(1)
Include a screenshot
267(1)
Write concise comments
267(1)
Provide recommendations
267(1)
Use severity indicators
267(1)
Provide user quotes
267(1)
Include user video
267(1)
Additional slides to include in your test report
267(5)
Who is the audience?
272(1)
Those who roll their sleeves up
272(1)
Those who just want the findings
272(1)
Those who trust your expertise
272(1)
Those who want the big picture
272(1)
Note-taking and research tips
272(4)
Taking notes for exploratory tests
273(1)
Coding your notes
274(1)
Taking notes for design validation tests
274(2)
Research and workshop ideas
276(5)
Workshop Idea: Identify themes
276(1)
Workshop Idea: Prioritize findings
277(1)
Conducting a prioritization workshop
277(1)
Workshop Idea: Practice presenting the findings
278(3)
How To: Create a report in PowerPoint
281(10)
Setting up the template
281(1)
Editing the slide master
281(2)
Editing the Title Master
283(1)
Creating a custom color palette
284(1)
Using guides
285(1)
Creating the report
286(1)
Editing text boxes
286(1)
Editing images
287(2)
Creating custom elements
289(1)
Inserting video
290(1)
Chapter 8 Funnel Diagrams
291(32)
What makes a good funnel diagram?
293(8)
When to create a funnel diagram
293(1)
When you need to convince stakeholders that there is a problem
293(1)
When you need to conduct user testing
294(1)
What are you communicating?
294(1)
The what and why
294(2)
Representing the data
296(1)
Using percentages
297(1)
Anatomy of a funnel diagram
298(1)
1 Use a title that explains the purpose of the document
298(1)
2 Use blocks to show the number of users who visited each page
298(1)
3 Base the percentages on the number of users who started the process
298(1)
4 Use shading to emphasize visitor numbers
299(1)
5 Use text size to emphasize visitor numbers
299(1)
6 Include the key issues with each page
299(1)
Who is the audience?
300(1)
The development team
300(1)
The product managers and senior stakeholders
300(1)
Research and workshop ideas
301(3)
Research Technique: Get to the what
301(1)
Research Technique: Get to the why
302(1)
User testing
302(1)
Call-center listening
302(1)
Website feedback tools
303(1)
How To: Create a funnel diagram in OmniGraffle
304(10)
Setting up the template
304(1)
Creating the diagram
305(1)
Representing the pages and percentages
305(5)
Adding the why
310(4)
How To: Create a funnel diagram in PowerPoint
314(9)
Setting up the template
314(1)
Creating the diagram
314(1)
Representing pages and percentages
314(4)
Adding the why
318(5)
Index 323
Richard Caddick (London) is managing director for cxpartners, a London-based design firm. Richard has been working on digital projects for over 14 years, working most recently with clients such as Expedia, Jaguar, The Cooperative Bank, Nokia and The Planning Portal. Steve Cable (London) is a User Experience Consultant for cxpartners. Steve has worked on many research and design projects, most recently for clients including Nokia Music, Virgin Trains, Planning Portal and Saga Holidays.