380 likes | 454 Vues
Slideshow about Workflow That Works Under Pressure by Jeff Eaton
E N D
1 Workflow that works under pressure Building tools that make publishing faster, safer, and saner ! ! ! #congility2014 : @eaton : 18-06-2014
2 Hi, I’m @eaton! I’m with Lullabot. web strategy, design, and development
3 Lots of content
4 I have a lot of feelings
5 1. The potato button
6 1. The potato button
7 “The latest version of our CMS has a fresh new design; it’s simple and easy to use! Every vendor since vendors started vending
8 1. The potato button 2. A false dichotomy
9 Creator Consumer Editor Writer Author Visitor Customer End user Reader Ink-stained wretch
Legal Counsel Hapless Intern 10 Boss’s Assistant Social Media Manager Copywriter Fact Checker Freelance Photographer Editor in Chief Subject Matter Expert
one size does not fit all. 11
12 1. The potato button 2. A false dichotomy 3. Hard-won lessons
13 Don’t overwhelm ‣Inexperienced users need clear paths ‣Experienced ones need shortcuts ‣Both need consistency ‣Use their vocabulary to label, organize ‣Use selective disclosure, sensible defaults
14 Speed tasks, not forms ‣Let go of the 1:1 mapping ‣Understand the processes and goals ‣Maintain context, state for multi-step work ‣Automate repetitive tasks ‣Map offline work, know the cutovers
15 Workflow should work ‣Your 12-step approval system sucks ‣Model state, then responsibility, then process ‣Give visibility before veto power ‣Restrict access to risky actions ‣Consult the lawyer, trust the team.
16 Divorce the design ‣Take a hard look at responsibilities ‣Capture priority, emphasis, grouping ‣Slim down the markup, use tokens ‣Treat curation and assembly as content ‣Don’t be dazzled by amazing demos
17 1. The potato button 2. A false dichotomy 3. Hard-won lessons 4. Success stories
18 MSNBC
19 decoupled control
19 decoupled control
21 The GRAMMYs
22 Roughly 1,000,000,000,000,000,000 Est. GRAMMY Traffic 4pm-10pm Feb 10th
24 WWE
25 Grouping and Labeling
27 The New York Times
28 open.blogs.nytimes.com/2014/06/17/scoop-a-glimpse-into-the-nytimes-cms
29 open.blogs.nytimes.com/2014/06/17/scoop-a-glimpse-into-the-nytimes-cms
30 Making it happen
31 There’s always a budget for “not failing” ‣Map content to business goals ‣Know the cost of public errors ‣Know the cost of lost time ‣Grab the low-hanging fruit
31 There’s always a budget for “not failing” ‣Map content to business goals ‣Know the cost of public errors ‣Know the cost of lost time ‣Grab the low-hanging fruit http://xkcd.com/1205
32 Yay, it’s old-fashioned CS and UX work! ‣Interviews and user stories! ‣Card sorts and taxonomy! ‣Domain and content modeling! ‣Inventories and governance plans!
33 Your secret weapon: two hours and a pizza ‣Get your editors involved early ‣Ask what they want and hate ‣Watch them do real work
34 Your tools will evolve: Ask, build, and iterate. ‣You can never solve it all in one go ‣Iterative refinement lets you learn ‣Your solutions will not be universal …But they’ll work for your team.
35 Want to read more? Check out… When Editors Design ! Baby Got Backend Battle for the Body Field ! Interviewing Users Card Sorting Mental Models Web Form Design rosenfeldmedia.com/books/web-form-design www.smashingmagazine.com/2013/06/26/ controlling-presentation-in-structured-content www.lullabot.com/blog/article/baby-got-backend alistapart.com/article/battle-for-the-body-field ! rosenfeldmedia.com/books/interviewing-users rosenfeldmedia.com/books/card-sorting rosenfeldmedia.com/books/mental-models