惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Help Net Security
Help Net Security
Recent Announcements
Recent Announcements
A
About on SuperTechFans
N
News and Events Feed by Topic
I
Intezer
B
Blog
GbyAI
GbyAI
D
Darknet – Hacking Tools, Hacker News & Cyber Security
Project Zero
Project Zero
T
The Blog of Author Tim Ferriss
Blog — PlanetScale
Blog — PlanetScale
阮一峰的网络日志
阮一峰的网络日志
T
Troy Hunt's Blog
TaoSecurity Blog
TaoSecurity Blog
IT之家
IT之家
MyScale Blog
MyScale Blog
The Register - Security
The Register - Security
Cyberwarzone
Cyberwarzone
Y
Y Combinator Blog
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
酷 壳 – CoolShell
酷 壳 – CoolShell
Stack Overflow Blog
Stack Overflow Blog
P
Privacy & Cybersecurity Law Blog
S
Secure Thoughts
MongoDB | Blog
MongoDB | Blog
N
Netflix TechBlog - Medium
Hacker News - Newest:
Hacker News - Newest: "LLM"
G
Google Developers Blog
罗磊的独立博客
博客园 - 聂微东
G
GRAHAM CLULEY
AWS News Blog
AWS News Blog
Google Online Security Blog
Google Online Security Blog
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
H
Hacker News: Front Page
C
Check Point Blog
L
Lohrmann on Cybersecurity
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
Spread Privacy
Spread Privacy
O
OpenAI News
T
Tor Project blog
P
Privacy International News Feed
Recent Commits to openclaw:main
Recent Commits to openclaw:main
Attack and Defense Labs
Attack and Defense Labs
L
LINUX DO - 最新话题
Forbes - Security
Forbes - Security
云风的 BLOG
云风的 BLOG
C
Cisco Blogs
S
Securelist
博客园_首页

David Hoang — Writing

Design leadership plate tectonics A new MVC is emerging Career reboot Operator Mode Design Engineering Building your designs 40 things I learned in 40 years Choosing a company Keeping an advisory close Tech is going through a factory reset moment The fog of war of company onboarding The four types of software in the future The obsession over craft Waiting for AI Design Design's Seat at the (Cap) Table: Part I The role of taste (and what it means) Crafting a leadership portfolio Creating value with artifacts Mastery for generalists Give users choice: Design ecosystems, not paths Jodorowsky's Product Roadmap
IDDE: The infusion of design and dev tools
David Hoang · 2023-03-31 · via David Hoang — Writing

Many millennial designers grew up playing with Microsoft Paint—often the first UI drawing tool they used whether they knew it or not. This was also true for me, but there was another software that inspired me as a kid—Visual Basic 1.0. I thought the visual development environment for BASIC created by Alan Cooper was a design tool. From Visual Basic, to HyperCard, and to Macromedia Dreamweaver, I never cared (or knew) the difference between a design tool and development tool. It was about making something.

Screenshot of Visual Basic 1.0 development environment

2008 to 2015 were formative years as a designer. I immersed myself in as many tools as possible and found ways to subvert them to build something; some of my favorites being Quartz Composer, Xcode, Framer.js, and coding on TextMate 2. Blending design tools with ways to build, I became enamored with the concept of an Integrated Design (and) Development Environment (IDDE).

The traditional IDE is a suite of tools and features needed for you to build and ship software. I never understood why design wasn’t a part of it. Funny story: when I interviewed with Apple’s Xcode team many years ago, one of the interviewers asked me what wild idea I would propose. “I would buy Sketch 2.0 and make it the new Interface Builder.” This probably killed the interview for me.

Today, this vision of design tools and developer tools coming together is becoming more real than ever—not because of my experiences with Visual Basic as an eight year-old, but the way software is made is rapidly changing.

There are forces of nature in play accelerating this change, and it’s more timely than ever. The first is the adoption of Large Language Models (LLMs)—no surprise if you’ve been following tech trends in the past 12–18 months. I don’t think LLMs are a fad or hype cycle but a foundational change. Because of the complexity of these systems, drawing UI isn’t sufficient to design for something so dynamic. LLMs are only one example of a dynamic system being a core aspect of software. With innovations like Open Interpreter’s 01, multiple-device interaction is another complex system that drawing software cannot comprehend.

Second, the skill range of designers and engineers is expanding through natural skill building or augmentation with AI workflows. A designer who may not be comfortable with coding can hack something together through natural language. It also means a software engineer who may not like front-end work can get help with AI tools to close the skill gap. Both disciplines are getting more and more comfortable within their traditional workflows. According to Figma, 30% of their users are developers.

Finally, shipping software is getting more seamless, resulting in faster iteration cycles to production. In my early career the most magical dev-ex experience was building apps with Ruby on Rails and deploying to Heroku. Today’s experiences will continue to get better for dev ex (and design ex!) for software creators.

Infusing design and development workflows

The concept of merging design and developer tools sounds great, but infusing the workflows can’t be slapped on. Regardless of how innovative or cool your product is, existing human behaviors and adoption will be the biggest competitor to your product’s success. Remember, the two most opinionated people about workflows on the planet are designers and developers. If the workflows are well considered and evolved, adoption can occur.

I came up with a few thoughts on what matters in an infused workflow and this is not a comprehensive list:

  • Abstractions are good, but software creators need to access the raw material (I need to be able to pop the hood open to look at the engine)
  • Access to inputs for real-time feedback is important for any interface manipulation
  • People break each other’s design and code all the time and this often results in manual reconciliation
  • Presence and communication—the ability to have visibility on how changes impact the work

Illustration of integrated design and development environment

The IDDE is a software creation platform

It’s an exciting time for everyone to participate in software creation. The infusion of design and dev tools is not replacing people, but empowering so many others with software developers being more important than ever.

Diagram showing the expansion of software creation platforms

The IDDE has been something I’ve been thinking about for more than ten years in my career. I can’t think of a greater purpose than building tools that revolutionize the internet. I was motivated by this mission at Webflow and now get to work on it at Replit.

As Linus Pauling said, “The best way to have a good idea is to have lots of ideas.” If we can get more people to create software in the world, perhaps one of those people’s ideas is the next idea that changes the world.