More and more designers are becoming empowered to build interactions through code. Rather than delivering wireframes that only describe proposed interactions, designers can deliver artifacts that developers can actually use in the product being created. Sounds great, but how does this process fit into traditional product development? Does it slow development down if designers are concerned with writing clean, production-ready code? Does it distract design from focussing on user goals and vetting solutions? Are designers getting in their own way?
Presented at WebVisions NYC 2014.
26. 👤 Tami Evnin
tamiiiiiiiiiiii
Compare email
queue to JMS
queue
Monitor job
queue
Add indirect
jobs to queue
Assign release
job to editor
Notify team of
self-claim
system at 6pm
PST
Claim release
job
Immediately
alert team of
mistakes
Monitor job
status
Ensure all jobs
are processed
Update job
status
Manage Job
Queue
Claim Jobs
Manage Job
Completion
Set distribution
options
Add job to
distribution
queue
Distribute Release
Confirm release
distribution
with client
Confirm Job
Provide client
support
Transfer tasks
to correct team
Answer client
calls
Forward
support
messages to
CAMs
Support Client
Staff editorial
desk
Generate job
report
Allocate staffing
resources
Manage Editorial
Team
MANAGE
JOBS
PROCESS
JOB
INTERACT
WITH CLIENTS
MANAGE
EDITORIAL TEAM
Process job in a
timely manner
Coordinate
Tasks
Coordinate Tasks
Proofread
release content
Edit release
content
Process release
in a timely
manner
Format release
content
Process Job
Coordinate
Tasks
Service TypeJob Entry Tracking Queue
Job
Information
Job Scheduler
Job Utilities
Metadata
Wire release
workflow
Job Editor
Job Inspector
Workflow
Translation
Services
Yahoo EPR
News Archive
Search Messaging
Customer
Notes
Control Panel
Homepages
Logins
System
Configuration
Changes
Editorial
Tracking
Earnings
Calendar
Content Views
Content
Creation
API
Transactions
Report
Processing
System Usage
and Activity
Editorial or
Management
Task
Other Task
Editor Task
Conceptual Group
LEGEND
MENTAL SPACE
Job
Portal
Tools
Auditing/
Logging
27. 👤 Tami Evnin
tamiiiiiiiiiiii
https://www.thinkgeek.com/product/e5a7/?srp=1
”The VIsITorThe eDITor
It’s my responsibility to ensure that a press
release best represents the intentions of
our client.
Justine begins her day at 7:00 AM, typically a busy time of day because
press release requests await distribution before the morning bell. She logs
into GlobeNewswire and reviews the job queue. Before she begins work on
a new release, Justine must meet with her colleagues in a web chat room
where, throughout the day, all editors claim jobs as they come in. Claiming a
job requires several disjointed steps. Justine claims a job in the employee chat
room, then changes its status in a separate online queue. She calls the client to
Before editing a release, Justine prints a physical copy of it and reviews a best
practice checklist that is taped next to her monitor. She knows the list by heart,
but she must be sure that every release has no errors. She edits the printed
content line-by-line before copying/pasting and formatting the text into a web
based text editor. Justine is often frustrated because so few clients follow the
suggested best practices, but a printed copy makes it easier to catch common
errors.
This press release includes several earnings tables. Each table requires
thorough work on Justine’s part to ensure that the tables are correctly formatted
for the newswire.
JUsTINe
EDITOR, GLOBENEWSWIRE
Goals: Submit error free news releases; follow
best formatting practices; stay on top of the
job request queue and process any recent
requests.
Pain Points: Each press release requires
redundant formatting; many requests do not
52. 👤 Tami Evnin
tamiiiiiiiiiiii
https://www.thinkgeek.com/product/e5a7/?srp=1
sidebar
(collapsable)
main content
details
preview
(collapsable)
section header
Template (primary page elements)
sidebar
Utility Bar
company logo, name,
ticker symbol, current
stock price, next report
date, multi-listed link
Recommendation
(static chart)
Price Target
(static chart)
Scrolling
Estimates Nav (see Filters page)
Estimates Nav
A $798,000.99
E $698,000.99
Estimates Consensus
Indicates recently
changed (up / down)
R $798,000.99
E $698,000.99
indicates
Restated Actual
A $798,000.99
E -100,000.00
R $798,000.99
E $698,000.99
normal hover
% difference
between Estimate
& Actual
Slides up from
utility bar
High 45
Low 35
# Analysts 20
We are free to
explore better
options :)
Not % - that's
Surprise
sidebar company logo,
name, ticker
symbol, current
stock price, next
report date, multi-
listed link
Chart
Recommendati
on (static chart)
Price Target
(static chart)
Estimates Nav (see Filters page)
12 Month
Change (chart)
12 11 10 9 8 7 6 5 4 3 2 1 0
Time
Chart shows
measure value over
previous 12 months
(from date selected)
measure by
broker
Clickable
(reveals breakdown
by Analyst in
sidebar)
Scrolling
Scrolling
Sidebar
Estimates Consensus
11:15AM, 1 April 2014
Clickable
(reveals
breakdown by
Analyst in sidebar)
add Up and
Down arrows
by Estimate
thead
data table
currency & view controls
data table
currency & view controls
USD
L2R: Currency,
Recently Changed,
Supplimentary Data,
Historical Data
Notes
and Accounting Practices
Estimates Consensus with Preview panel (right) expanded
Table header fixed
(not to scroll out of
view)
6 March, 2014
Previous Actual
has been ditched
sidebar
(collapsable)
main content
section header
Utility Bar
--
Estimates / Summary
-- --
sidebar
(collapsable)
main content
section header
Utility Bar
--
Estimates / Broker
-- --
sideba
(collap
Utility
Estima
Shorter header
linking to
Estimate
Details
Contact Vendor -
follow guidance from
Profiles
25 March, 2014
Recently changed
(highlighting)
has been ditched
See Filters /
Sidebar page
for details
-- --
-- --
65. “
Product Owner
We will want to get designs in from of
clients as soon as feasible... This is one
where I think users really will need to click
around and try to use the tool rather than
view a sketch. [This] is one of the top
testing priorities, so I would want to test
that broadly.
66. “
Product Owner
We will want to get designs in from of
clients as soon as feasible... This is one
where I think users really will need to click
around and try to use the tool rather than
view a sketch. [This] is one of the top
testing priorities, so I would want to test
that broadly.
67. 👤 Tami Evnin
tamiiiiiiiiiiii
What is the value of
designers who code?
68. “
A Vice President
Does have a product design team code
these prototypes help us ship faster?
69. “
Another Vice President
It provides better direction. More clarity.
And much cleaner code. But the speed isn’t
really the big advantage.