Bill Atkinson의 인터페이스를 더 인간적으로 만들기 위한 10가지 규칙

매번 Figma에서 벡터를 드래그하거나 올가미 도구로 선택할 때마다, 여러분은 지난 목요일에 세상을 떠난 전설적인 Apple 엔지니어 Bill Atkinson의 비전 위에서 작업하고 있는 것입니다. Figma에서는 복잡한 창의적 도구가 직관적으로 느껴져야 한다는 신념을 가진 Atkinson에게 큰 빚을 지고 있으며, 이는 우리의 사명에 직접적인 영향을 주고 있습니다. 사용자가 실시간으로 벡터 그래픽을 조작할 때, 그들은 Mac의 시각적 인터페이스를 가능하게 만든 Atkinson의 그래픽 엔진 QuickDraw를 기반으기반으로 작업하고 있는 것입니다. 사용자들이 팀 간 협업을 할 때, 그들은 최초의 직관적인 비트맵 편집기인 MacPaint가 디자인 도구를 대중화했던 방식의 혜택을 받고 있습니다. 인터페이스를 디자인할 때는, 프로그래머가 아닌 사람들도 인터랙티브 소프트웨어를 만들 수 있게 해 준 혁신적인 도구인 HyperCard에 의존하게 됩니다.

Atkinson은 워싱턴 대학교에서 신경생물학을 공부한 후 Apple의 51번째 직원으로 채용되었으며, 처음에는 개발 도구 포팅 업무를 하다가 이후에 신설된 Macintosh 팀에 합류했습니다. 신경생물학과 컴퓨팅을 연결하는 독특한 배경 덕분에 그는 인간과 기계가 어떻게 협력할 수 있는지를 이해할 수 있었습니다.

컴퓨팅과 창의성에 대한 Atkinson의 접근 방식으로부터 도출해 낸 이 10가지 규칙들은, 그의 놀라운 유산에 대한 경의의 표시이자 인간-컴퓨터 인터랙션의 미래를 구축하는 모든 사람에게 가이드 역할을 합니다.

1. 제약을 피하기보다는 제약 안에서 디자인하세요

초기 Macintosh용 QuickDraw를 개발할 때, Atkinson은 부드러운 그래픽을 만드는 것이 불가능해 보일 만큼 심각한 메모리 부족과 프로세스 성능 한계에 직면했습니다. 당시 컴퓨터는 128KB의 RAM과 느린 프로세서만 가지고 있었습니다. 복잡한 형태를 빠르고 아름답게 그릴 수 있어야 한다는 비전을 타협하는 대신, Atkinson은 최적화하는 방법들을 찾았습니다. 예를 들어 도형과 곡선을 그리기 위한 고도로 효율적인 알고리즘들을 개발하여, 원래는 처리할 수 없었을 하드웨어에서도 부드러운 그래픽이 가능해졌습니다. 이것은 그의 대표적인 접근 방식이 되었습니다. 엄격한 제약 조건을 밀어붙여 넘어가려 하기보다는 그 제약 안에서 우아한 해결책을 찾아내는 것입니다.

2. 창의성을 대중화하는 도구를 제작하세요

HyperCard 이전에는 인터랙티브 소프트웨어를 만들기 위해 수년간의 프로그래밍 교육과 깊은 기술 지식이 필요했습니다. Atkinson은 근본적으로 다른 것을 구상했습니다. 바로 그가 "소프트웨어 조립 세트"라고 묘사했던 하이퍼미디어 시스템으로, 누구나 시각적 도구와 자연어 스크립팅을 사용해 인터랙티브 애플리케이션을 만들 수 있었습니다. 전통적인 프로그래밍 기술 없이도, 교사들은 교육용 소프트웨어를 만들 수 있었고 예술가들은 멀티미디어 경험을 구축할 수 있었으며, 기업들은 맞춤형 데이터베이스를 개발할 수 있게 되었습니다. 그 신념은, 가장 혁신적인 도구는 전문가만을 위한 것이어서는 안 되며 모두가 창작할 수 있도록 도와야 한다는 것이었습니다. 실제로 초기 Macintosh 광고에서 그는 자신을 "예술가와 발명가의 중간쯤 되는 사람"이라고 설명했었습니다.

3. 인터페이스가 당연하게 느껴지도록 하세요

Atkinson은 지금은 그것들 없이 작업하는 것을 상상하기 어려울 정도로 컴퓨팅에 너무나 근본적인 인터페이스 요소들을 발명했습니다. 여기에는 애플리케이션 전반에 걸쳐 일관된 명령 계층 구조를 생성하는 메뉴 모음, 더블 클릭 동작, 그리고 초기 비트맵 디스플레이에서 부드러운 곡선을 가능하게 했던 최적화 알고리즘이 포함됩니다. 이러한 혁신은 화려한 기능이 아니라, 프로그래머뿐만 아니라 모든 사람이 드래그 앤 드롭, 포인트 앤 클릭 컴퓨팅을 할 수 있게 해준 기본 요소들이었습니다. 그는 훌륭한 인터페이스 디자인의 특징은 사용자가 도구에 대한 생각을 멈추고 온전히 작업 자체에만 집중할 수 있을 때라는 것을 알고 있었습니다.

4. '명백한' 해결책에 의문을 제기하세요

"시간이 지나면서 저는 HyperCard와 관련해서 목표를 제대로 잡지 못했다는 것을 깨달았습니다"라고 Atkinson은 2002년 Wired와의 인터뷰에서 회고했습니다. "저는 Apple의 상자 중심 문화 속에서 성장했습니다. 만약 제가 Sun [Microsystems] 같은 네트워크 중심 문화에서 자랐더라면, HyperCard가 최초의 웹 브라우저가 되었을지도 모릅니다." Apple은 독립형 컴퓨터, 즉 책상 위의 "상자"에 중점을 두었고, Sun Microsystems는 처음부터 네트워크 컴퓨팅을 우선시했습니다. Atkinson은 정보를 연결하기 위한 훌륭한 시스템을 만들었지만, 단일 컴퓨터 내부에서의 연결만 생각했고 당시 떠오르고 있던 인터넷 전체로 확장하지는 못했습니다. 자신의 가정을 기꺼이 의심하려는 이 의지가 그의 접근 방식을 정의했습니다. 모두가 컴퓨터 인터페이스는 텍스트 기반 명령줄이어야 한다고 여겼을 때, Atkinson은 그래픽 사용자 인터페이스를 개척하는 것을 도왔습니다. 일반 사용자가 비트맵을 편집하는 것이 불가능해 보였을 때, 그는 현실 세계의 미술용품처럼 작동하는 도구를 갖춘 MacPaint를 만들었습니다. 모든 돌파구는 전통적인 지혜를 거부함으로써 이루어졌습니다. 어떤 것이 명백히 불가능하거나 명백히 옳다고 여겨질 때마다, 그때가 바로 그가 자신의 가정들을 밀어붙이곤 했던 때였습니다.

5. 기능만이 아니라, 즐거움을 위해 최적화하세요

MacPaint는 매우 직관적이어서 별다른 지침 없이도 어린아이들 컴퓨터 앞에 앉아 바로 창작을 시작할 수 있었습니다. 하지만 이건 우연이 아니었고, Atkinson은 모든 인터랙션이 자연스럽고 즐겁게 느껴지도록 신중하게 디자인했습니다. 페인트통 도구는 페인트를 붓는 것과 똑같이 작동했고, 브러시는 단순하고 직관적이었으며, 인터페이스는 사용자가 실험해 보도록 유도했습니다. 그는 단순히 작업을 수행하는 것을 넘어 사람들이 탐색하고 놀아보고 싶어지는 소프트웨어를 만들었습니다. 그는 최고의 도구란 단지 작업이 더 빨라지게 해주는 것이 아니라, 작업을 더 창의적으로 느껴지게 만든다는 것을 이해하고 있었습니다.

6. 최종 경험을 염두에 두고 엔지니어링하세요

Atkinson에게는 효율적인 코드를 작성하는 것뿐만 아니라, 사용하기에 적합하다는 느낌이 드는 시스템을 만드는 것이 중요했습니다. QuickDraw를 개발할 때, 순전히 계산 속도를 위해서만 최적화할 수도 있었지만, 대신 성능과 시각적 품질의 균형을 맞췄습니다. Atkinson의 알고리즘은 디지털 그래픽이 자연스러운 느낌이 나게 하는 매끄러운 곡선과 깔끔한 선을 만들어냈으며, 수학적 정확성과 인간의 직관 사이의 격차를 해소했습니다. 다시 말해, 훌륭한 디자인에는 훌륭한 엔지니어링이 필요하고, 훌륭한 엔지니어링 역시 훌륭한 디자인을 필요로 합니다.

7. 단순함 뒤에 복잡함을 숨기세요

Atkinson은 강력한 시스템이 직관적인 인터랙션 뒤에 복잡성을 감추면서도 단순하게 느껴져야 한다는 점을 알고 있었습니다. HyperTalk은 프로그래밍 접근성에 엄청난 혁신이었으며, 개발자들은 난해한 구문 대신 자연스러운 영어처럼 읽히는 코드를 작성할 수 있었습니다. "if (mouseClick == true && objectSelected != null)" 대신에, "on mouseUp, go to next card"라고 간단하게 쓸 수 있게 되었습니다. 이 자연어 인터페이스 뒤에는 인간이 읽을 수 있는 명령을 효율적인 기계 작업으로 변환하는 정교한 구문 분석 엔진이 있었습니다. 마찬가지로, MacPaint의 페인트 통, 브러시, 지우개 같은 단순해 보이는 도구들도 메모리 관리, 색상 매핑, 실시간 렌더링을 처리하는 복잡한 비트맵 조작 알고리즘을 숨기고 있었습니다. Atkinson의 천재성은 바로 여기에 있었습니다. 복잡함을 쉽게 느끼게 하여 사용자가 근본적인 복잡성을 생각할 필요 없이 단순히 창작할 수 있게 한 것입니다.

8. 인간의 인식에 역행하지 말고, 인식에 맞춰 코딩하세요

Atkinson의 디더링 알고리즘은 Mac 512×342 모노크롬 디스플레이를 위해 특별히 디자인되었으며, 다른 기술들의 "흐릿한" 중간 톤을 피하면서, 경계선이 선명하고 대비가 뚜렷한 이미지를 만들어냈습니다. 이 알고리즘은 Macintosh 시각적 언어의 주춧돌이 되었으며, 단순한 흑백 화면에서도 풍부하고 부드러운 톤을 표현할 수 있게 해주었습니다.다. 그의 접근 방식은 한 가지 핵심 원칙을 잘 보여줍니다. 최고의 알고리즘은 단순히 데이터를 처리하는 것이 아니라, 인간의 시각적 인식과 함께 작용하여 어느 한쪽만으로는 이룰 수 없는 더 아름다운 것을 창조함으로써 인간의 역량을 향상시킵니다.

9. 실행하면서 배울 수 있는 도구를 만드세요

HyperCard를 통해 사람들은 단순히 인터랙티브 애플리케이션을 만들 수 있었을 뿐만 아니라, 직접 실험하고 발견함으로써 소프트웨어가 어떻게 작동하는지 볼 수 있었습니다. 사용자들은 추상적인 설명보다는 직접 조작을 통해 프로그래밍 개념을 자연스럽게 배웠습니다. 이것은 우연이 아니었습니다. Atkinson은 시스템이 본질적으로 교육적인 특징을 갖추도록 디자인했습니다. 아이들은 스토리 카드들을 연결해 선택형 어드벤처 게임을 만들었고, 소규모 비즈니스 소유자는 필드와 버튼을 드래그하여 맞춤형 데이터베이스를 만들 수 있었으며, 취미로 즐기는 사람들은 소리와 이미지를 연결해 인터랙티브 아트를 제작할 수 있었습니다. 그 과정에서 사람들은 의식하지 못한 채 조건부 논리, 데이터 구조, 사용자 인터페이스 디자인 같은 개념을 습득하게 됩니다. 학습이 창작의 부산물이 된 것입니다.

10. 단순한 제품이 아닌 플랫폼을 만드세요

Atkinson은 가장 획기적인 혁신은 독립형 제품이 아니라 완전히 새로운 창작의 범주를 가능하게 하는 기반이라는 것을 알고 있었습니다. MacPaint는 그림 그리기 애플리케이션으로서 혁명적이었지만, 그의 진짜 천재성은 수천 개의 다른 애플리케이션이 작동하는 밑바탕이 되어준 그래픽 프레임워크 QuickDraw를 만든 데 있었습니다. HyperCard는 단순 하이퍼미디어 도구가 아니라, 교육용 소프트웨어에서 비즈니스 애플리케이션, 초기 멀티미디어 경험에 이르기까지 모든 것을 탄생시킨 창의적 플랫폼으로 발전했습니다. 그는 단지 당장의 문제들만 해결한 게 아니라, 자신이 상상하지 못했던 문제들까지 다른 사람들이 해결할 수 있도록 해주는 기반 기술을 구축했던 것입니다.

Figma에서는 매일 Atkinson이 직면했던 같은 문제들과 맞서 싸우고 있습니다. "어떻게 하면 강력한 도구를 쉽게 느낄 수 있게 만들까? 어떻게 복잡성을 직관적인 인터랙션 뒤에 숨길 수 있을까?" 그의 흔적은 우리가 밀어붙이는 모든 픽셀, 우리가 하는 모든 선택, 사용자가 경험하는 창의적 흐름의 모든 순간마다 남아 있습니다. 경력 후반기에 Bill Atkinson은 신경과학 기반 연구 회사인 Numenta에 합류했는데, 그곳에서 그는 "개인용 컴퓨터와 인터넷의 등장보다 사회에 더 근본적으로 중요하다"고 믿었던 인공지능 분야에서 일했습니다. AI에 대한 그의 비전은 인간의 창의성을 대체하는 것이 아니라, 수십 년 전에 Mac 인터페이스를 통해 했던 것처럼 창의성을 증폭시키는 것이었습니다. Atkinson의 유산은 아날로그든, 디지털이든, 인공지능이든 상관없이 최고의 도구는 단순히 입력을 처리하는 것 이상으로 높은 차원의 목적을 수행해야 한다고 일깨워 주는 점입니다. 그러한 도구는 인간의 잠재력을 증폭시키고 다른 이들에게 미래를 구축할 수 있는 수단을 제공함으로써 진정한 혁신을 할 수 있게 합니다.