Views update, John Maeda, and the future of Production Design

Tom Parandyk
Views Tools
Published in
3 min readFeb 14, 2018

The difference between classical and computation design explained by John Maeda in this video will let you understand the scale of innovation brought by Views — Views is a new intuitive way to reason about interfaces, learn how to code, and start collaborating with dev teams.

Start watching at 8:58s

Views continuous design workflow is a reality! With Views, the cost of change for business drops dramatically when designers don’t create extra work for developers and take full control of the interface in production.

It’s no longer enough to iterate and understand your user. What companies need now are designers who can empathize and bang out lines of Javascript.
- John Maeda

IMPORTANT QUESTION 1

What is the easiest way for a designer to get on with that transformation?

It’s our most important goal to help teams adjust to this new market requirement. We work hard to assist designers in transformation into Production Designers. Views composition model makes it easy to reason about complex interfaces without steep learning curve. We will soon release Visual Tools showcased below for public beta testing. For now we are still in a private testing mode, but you can get yourself familiar with our docs and sign up to our free online Slack community to get updates on public release date https://slack.views.tools/

IMPORTANT QUESTION 2

How to jump from moving circles in Sketch to managing the state of the interface?

Jumping from Sketch to Javascript and understand props, states, scopes, etc. will require for you to try Views on a project. We have a couple of ongoing projects running, and you can join them to learn higher level engineering from developers and other designers. You can also introduce Views to your product team. Because views compile to production quality React and React Native you can use it on a side feature of your React project. There is no downside to Views, only benefits. It’s easy to get in and simple to get out if your teams finds Views are not for you.

We are also working on visual tools that help ease the learning curve even further! We call those Views Tools and here’s a quick showcase of how I would implement a feature using Views.

We’ve been testing Views extensively for the last two years in startups and enterprise companies. We see UX and UI designers changing into Production Designers. We know happy developers who can focus on business logic and bring more value to the product line with engineering innovation.

Shipping imperfect products becomes a better experience for product owners too, because they can be more confident in the team with this new, super fast development workflow.

The evolution of interface design already started. With Views you can learn how to make interfaces the easy way. Divs, selectors, classes, ids, pseudo-classes, cascading styles, all those are in the past. The new approach of self-contained React components, and Views blocks will let you speed up the learning curve and gradually open the doors for more complex Javascript concepts.

I’m a self-thought Production Designer who already made interfaces for these two apps, currently available in Apps Stores:

Classuite https://itunes.apple.com/us/app/classuite-workspaces/id1329983329?mt=8 Use code NYHZWQDM to code my workspace
2BFIT https://itunes.apple.com/us/app/2bfit/id1279427455?mt=8&ign-mpt=uo%3D4 Use code 19191919 to join as a demo user

Development is coming to design. With Views we bring design principles to development. We make it intuitive and simple to reason about. The future of interface design is a process of continuous improvement. That’s only possible when designers and developers contribute to the same code base, one source of truth. Production design is a concept derived from work of great design thinkers. It took John Maeda 30 years to get heard by mainstream technology media. The importance of production design will change the landscape of tools, workflows, and business initiatives, because it’s simply better, faster, cheaper, forward thinking, and progressive.

Here’s more from Wired https://www.wired.com/2017/03/john-maeda-want-survive-design-better-learn-code/

Stay tuned to updates and share the word with other designers. They will be forever in you debt for saving their careers!

For more updates follow me on Twitter, to try Views Tools beta join our Slack team

--

--

Tom Parandyk
Views Tools

Product designer, eager engineer, strategist, wild innovator, proud dad, creative leader, aspiring musician.