Should designers code?
Upcoming SlideShare
Loading in...5
×
 

Should designers code?

on

  • 3,376 views

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 ...

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.

Statistics

Views

Total Views
3,376
Views on SlideShare
3,344
Embed Views
32

Actions

Likes
20
Downloads
41
Comments
0

5 Embeds 32

https://twitter.com 15
http://www.google.com 14
http://pulse.me&_=1396753743121 HTTP 1
http://infantry.local 1
http://www.linkedin.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Should designers code? Should designers code? Presentation Transcript

  • 👤 Tami Evnin 🏢 Product Designer, NASDAQ OMX  tamiiiiiiiiiiii Should designers code?
  • 👤 Tami Evnin  tamiiiiiiiiiiii Should designers code?
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1
  • 👤 Tami Evnin  tamiiiiiiiiiiii http://www.waynegreenwood.com/unicorn-shmunicorn-be-a-pegasus/
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://medium.com/p/8821e7ac6207
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://generalassemb.ly/
  • 👤 Tami Evnin  tamiiiiiiiiiiii http://unicorninstitute.com/
  • 👤 Tami Evnin  tamiiiiiiiiiiii Daqground
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1
  • 💬 📢 💰
  • 👤 Tami Evnin  tamiiiiiiiiiiii Prodaqground
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii Should designers code?
  • 👤 Tami Evnin  tamiiiiiiiiiiii What happens when designers code?
  • 👤 Tami Evnin  tamiiiiiiiiiiii Designer to designer
  • 👤 Tami Evnin  tamiiiiiiiiiiii Tools
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1
  • 👤 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
  • 👤 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
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii Process
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii Challenges • Varying experience levels • Distributed teams • Complex projects
  • 👤 Tami Evnin  tamiiiiiiiiiiii Designer to developer
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 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 -- -- -- --
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii Guidelines • File structure & sharing • Naming conventions • Timelines and deadline • Prototype vs. Production • QA • Access & understanding
  • 👤 Tami Evnin  tamiiiiiiiiiiii What else happens when designers code?
  • 👤 Tami Evnin  tamiiiiiiiiiiii Working with product mgmt
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • “ 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.
  • “ 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.
  • 👤 Tami Evnin  tamiiiiiiiiiiii What is the value of designers who code?
  • “ A Vice President Does have a product design team code these prototypes help us ship faster?
  • “ Another Vice President It provides better direction. More clarity. And much cleaner code. But the speed isn’t really the big advantage.
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1 Clarity
  • 👤 Tami Evnin  tamiiiiiiiiiiii https://www.thinkgeek.com/product/e5a7/?srp=1 Sustainability
  • 👤 Tami Evnin  tamiiiiiiiiiiii What happens when designers code?
  • 👤 Tami Evnin  tamiiiiiiiiiiii How can organizations support designers who code?
  • 👤 Tami Evnin  tamiiiiiiiiiiii Trust.
  • 👤 Tami Evnin  tamiiiiiiiiiiii
  • 👤 Tami Evnin  tamiiiiiiiiiiii Should designers code?
  • 👤 Tami Evnin  tamiiiiiiiiiiii What have you seen happen when designers code?
  • 👤 Tami Evnin  tamiiiiiiiiiiii How can your organization support designers who code?
  • 👤 Tami Evnin  tamiiiiiiiiiiii How can designers help organizations support designers?
  • 👤 Tami Evnin  tamiiiiiiiiiiii How can designers help organizations support designers who code?
  • 👤 Tami Evnin 🏢 Product Designer, NASDAQ OMX  tamiiiiiiiiiiii Thanks!