A Roundup of New Tools That Mingle Visual UI Design & Code

A Roundup of New Tools That Mingle Visual UI Design & Code

by | Nov 3, 2018 | Blog, Roundup

I’ve been intrigued by the potential endgame of a single environment that could satisfy the needs and modes of operation for both visual UI designers and developers. Convergence of tools has been a theme of my “Looking Ahead” new year blog entries for 2017 and 2018.

Typical UI Design tools still offer an excellent working model for quickly manifesting design ideas at any level of fidelity. Many of us know of situations where a well-executed mockup that took 30 minutes to render in a design tool (drawing pictures of screens) might get a dev estimate of many hours or days to execute (QA’d production code).

As long as that dynamic exists, many designers will continue to prefer WYSIWYG drawing tool interfaces over working directly in code – especially when they are early in the ideation process.

Popular tools like Figma, Sketch and AdobeXD continue to make moves toward exporting out to React and potentially other libraries. However, as of now, these are one-way, and the real deal will be bi-directional or zero-conversion options.

Here’s a roundup of new tools looking to shorten or even eliminate the distance between drawings of screens and production-ready code (in alphabetical order).

Alva

Alva – “Alva lets you design interactive products based on components engineered by your developers. And guess what – we are entirely open source.”

Haiku

Haiku – “Design components that snap into any codebase: Unlock your creativity with the world’s most expressive UI builder”

Interplay

Interplay – Fast prototyping that combines the power of design systems, production code components and live collaboration.”

Iterative.ly

Iterative.ly – “Iterate on top of your live app using your design system. Launch an experiment in under 10 minutes. Continuously improve your product.”

Modulz

Modulz – “The visual code editor for designing and building digital products—without writing code.”

Supernova

Supernova – “Design and development tool unlike anything you’ve experienced. #nomoresnippets – always a production-ready code.”

Mobile Data & Storage Growing Pains May Hinder Expansion

by | Jul 18, 2012 | Blog

Mobile smartphones and tablets have been on a meteoric rise since the iPhone initially shipped in 2007. However, there are conflicting trends that could stagnate growth in the U.S., if they are not adequately addressed in a user-centered way.

Carriers & Manufacturers Are Out of Sync Regarding Data Plans

‘I don’t give a f*&% how thin your phone is, I want unlimited data…’
Gambling genie

“Gambling genie” by Lisa Brewster

When Horace Dediu kicked off mobilism 2012, he presented an impressive animated chart that illustrated the ascension of the iPhone relative to its competitors. People generally attribute this rapid success to the genius of the iPhone hardware feature set. However, one of the main “features” that secured its success, in my opinion, was that it originally shipped with a single unlimited data plan via AT&T. People were fed up with being nickled and dimed with fees for internet access, email, downloading music, transferring photos, backing up contacts etc. The content-liberated iPhone hardware, plus the simple unlimited data plan, sealed the deal for many and justified the relatively high cost.

Ever since the iPhone took off and tablets got into the game, AT&T (and eventually the other major carriers) have been trying to stuff that unlimited-data-Genie back in the bottle. With tiered data plans, shared data buckets, throttling and other tactics, the redefined “unlimited” is a shadow of it’s brash 2007 incarnation. I could be argued that the iPhone was a better value in its first year than it is today. (more…)

The Evolving User Experience of Social Sharing

by | May 31, 2012 | Blog

Share buttons may irritate us at the moment, but they’ll continue to mature in the way they are implemented and they’ll eventually become obsolete due to device-level capabilities.

Flipboard for iPhone - Options via Sharing buttonOliver Reichenstein of Information Architects recently wrote a thoughtful and provocative article titled “Sweep the Sleaze”. Despite the broad strokes and firm tone of his piece, I’m very pleased to see a well thought out challenge to the often mindless and trend-rabid implementation of social sharing buttons. I think it’s an important addition to the discussion around best practices for social media. His general thesis brings the dialogue back to where it should have been all along – How can we tactfully implement sharing as part of a user-centered design process?

As Reichenstein indicated, each social service button has its own unique UX and flow. They also have their own set of pros and cons as they relate to improving the engagement of a target audience. In addition, they also share some general attributes that can either work for or against you, in terms of interaction and site performance. For example, the article highlights the general implications when it comes to displaying the number of times something was shared. You generally either look like a loser with a low count, or an over-shared meme, except for that fleeting period of time when the count is neither too low or too high.

In order to do something that’s better and more intelligent, content designers have to stop thinking in terms of a “bank of buttons” model. They must start exploring the features and flow of each individual sharing button as it relates to the interaction narratives they desire for their users. (more…)