Story

Balancing Design and Dev

Apr 27, 2014

I feel great with the recent progress. I have a very basic version of the Client and Project API finished and the frontend successfully sending requests. Technically, this is gratifying, but it’s a departure from my work on Cushion over the past few months, when I was only focusing on design. I can definitely sense my concerns shifting from the actual usability of the app to its technical challenges—when narrowing in on one of them, I lose sight of the other.

This is just how it goes when tackling both design and dev. I think I just need to plan my time better and designate specific days or moments throughout the day to revisit design. With every technical achievement, I should stop and assess its effect on design. Does this help or hinder me? Now that this code is done, should I give equal time to design?

In the past, I’ve been able to work well by getting the design to a certain point, then switching to dev and designing the rest through code. This has its ups and downs—it helps in seeing how the design will actually work, but it prevents any grand departures from the original design. Scrapping everything and starting from scratch is easy in design flats, but not in code. Straying that far would require a certain level of confidence that it’s not a waste of time.

Considering all of this, I will design more next week. There are several sections of Cushion that still need a thoughtful look and feel, so I will give each the time it needs.

Share this on Twitter or Facebook

Archive

  1. Visualizing Daylight Saving Time
    Dev
  2. Recording Screencast GIFs
    Dev
  3. Writing a Job Listing
    Story
  4. Using Feature Flags to Run Betas
    Dev
  5. Our First Company Lunch
    Story
  6. How to embed Vue.js & Vuex inside an AngularJS app... wait what?
    Dev
  7. Funding Cushion
    Story
  8. Hiring a Team of Freelancers
    Story
  9. Taking a Real Break From Work
    Story
  10. Slack as a Notification Center
    Dev
  11. Document Your Features
    Story
  12. 300
    Story
  13. Vacations
    Design
  14. Offering Discounts
    Design
  15. Waves of Traffic
    Story
  16. Less Blogging, More Journaling
    Story
  17. Retention Through Useful Features
    Design
  18. The Onboarding Checklist
    Design
  19. Spreading the Word
    Story
  20. From Beta to Launch - The Subdomain
    Dev
  21. From Beta to Launch - Sign up
    Design
  22. From Beta to Launch - Messaging
    Design
  23. Launch
    Story
  24. Authenticating with 3rd Party Services
    Dev
  25. Intro to Integrations
    Design
  26. Inspiration vs Imitation
    Story
  27. The Emotional Rollercoaster
    Story
  28. Designing Project Blocks
    Design
  29. Everything in Increments
    Story
  30. Deleting Your Account
    Design
  31. Designing the Subscription Page
    Design
  32. Rewriting the Timeline
    Dev
  33. Restructuring the Individual Project Page
    Design
  34. Project Blocks
    Story
  35. Redesigning the Homepage
    Design
  36. Multiple Timelines
    Design
  37. Archiving and Estimate Differences
    Design
  38. Multiple Financial Goals
    Design
  39. Zooming in on the Timeline
    Design
  40. Currency
    Dev
  41. Preferences, Accounts, and a Typeface Change
    Design
  42. Sending Out the First Email
    Story
  43. Currency Inputs, Notifications, and Invoice Nets
    Design
  44. Dots and Lines
    Design
  45. Calculating in the Database and Revealing Tendencies
    Dev
  46. Improved Form UX
    Design
  47. Cushion is Online
    Story
  48. Schedule Timeline Patterns
    Design
  49. A Slimmer Schedule Timeline
    Design
  50. The Schedule Timeline
    Design
  51. Plugging in Real Data for the First Time
    Design
  52. Transitions and Project Lists
    Design
  53. Death to Modals
    Design
  54. The Individual Project Page
    Design
  55. Estimated Incomes and Talks with Other Freelancers
    Story
  56. Statuses to Lists and the Paid Beta
    Story
  57. The Timeline
    Story
  58. Invoice Terminology
    Dev
  59. Modal Forms
    Dev
  60. Wiring the Backend to the Frontend
    Dev
  61. Balancing Design and Dev
    Story
  62. Timecop, Monocle, and Vagrant
    Dev
  63. Going with Ruby and Sinatra
    Dev
  64. Ditching local-first and trying out Node.js
    Dev
  65. Switching to AngularJS
    Dev
  66. Building the Table with Vue.js
    Dev
  67. Clients, Projects, and Invoices
    Dev
  68. Introduction
    Story

Ask a Freelancer

A podcast series where experienced freelancers answer questions about freelancing.

Listen to the Podcast

Talking Shop

An interview series where we talk to freelancers about important topics in the freelance world.

Read the Interviews

Running Costs

Take a close look at the costs that go into running a web app and why we use specific services.

View the Costs

How It’s Made

Follow along with the journal for insight into the overall experience of building an app.

Read the Journal