90년대 웹 디자인의 구루들: Zeldman, Siegel, Nielsen

 (cybercultural.com)
2P by GN⁺ | ★ favorite | 댓글 1개
  • 1997년 웹 디자인은 Flash와 CSS가 부상하면서 시각적 실험, 표준, 사용성이 충돌하던 시기였고, Zeldman·Siegel·Nielsen은 서로 다른 해법을 대표함
  • David Siegel은 CSS와 Flash 이전의 표현 한계를 넘기 위해 HTML 해킹을 적극 활용했고, 보이지 않는 테이블·1픽셀 GIF·특정 브라우저 최적화도 감수함
  • Jakob Nielsen은 웹사이트가 “진지한 비즈니스 도구”가 되려면 시맨틱 HTML과 브라우저 전반의 접근성이 필요하다고 봤고, CSS를 콘텐츠와 표현 분리의 해법으로 받아들임
  • Jeffrey Zeldman은 CSS를 지지하면서도 Shockwave·Flash 같은 도구를 활용하는 실용적 절충을 택해 미적 표현과 표준 준수를 함께 추구함
  • 세 사람의 이후 경로는 갈라졌지만, 1997년의 논쟁은 웹 디자인이 장식, 호환성, 사용성 사이에서 어떤 균형을 잡아야 하는지 보여줌

1997년 웹 디자인을 가른 세 흐름

  • 1997년 웹 디자인은 Flash와 CSS가 함께 부상하며 빠르게 변하던 시기였음
  • David Siegel은 시각적 완성도를 위해 HTML을 우회적으로 활용하는 방식을 옹호함
  • Jakob Nielsen은 단순성, 접근성, 시맨틱 구조를 웹의 핵심 원칙으로 봄
  • Jeffrey Zeldman은 시각적 감각과 사용성을 함께 추구하며 두 흐름 사이에 서 있었음

Jeffrey Zeldman: 그래픽과 표준 사이의 실용주의

  • Zeldman은 1997년 초 42세였고, 소설가 지망생·저널리스트·투어링 뮤지션·광고업을 거쳐 웹 디자인으로 옮겨옴
  • 광고에서 익힌 “즉시 전달” 훈련이 웹에 도움이 됐다고 봤고, 1995년에 첫 웹사이트를 만듦
  • 1996년 말 개인 웹사이트에는 “하이퍼링크 텍스트가 웹을 만들었고, 그래픽이 소비자 놀이터로 만들었다”고 씀
  • 당시 웹은 파일 크기와 이미지 사용량 제약이 컸고, Zeldman은 이미지를 가능한 적게 쓰고 파일 크기를 줄이라고 조언함
  • 웹페이지는 Macintosh의 일반 텍스트 편집기로 HTML을 작성하고 Photoshop으로 그래픽을 만드는 방식으로 제작함
  • HTML 기본기를 중시하면서도, 다른 디자이너의 작업을 배우려면 File: View Source를 활용하라고 권장함

David Siegel: “HTML terrorist”와 시각적 제어

  • Zeldman은 초기 웹 디자이너 시절 David Siegel의 Creating Killer Web Sites: The Art of Third-Generation Site Design에서 큰 영향을 받음
  • 이 책의 1996년판은 CSS나 Flash가 본격화되기 전이라, 더 매력적인 웹사이트를 만들기 위한 HTML 해킹을 옹호함
    • 보이지 않는 테이블과 1픽셀 GIF로 레이아웃을 제어하는 방식이 핵심 기법이었음
    • 1996년판에는 “A PDF Primer” 장이 있었지만 CSS는 언급하지 않음
    • 1997년 2판에서는 PDF 장이 빠지고 “A CSS Primer”가 새로 들어감
  • Siegel은 1997년 초 약 37세였고, 디지털 타이포그래피 배경을 가진 디자이너였음
  • 웹에서 좋은 타이포그래피와 명확한 커뮤니케이션을 구현하기 위해 필요한 모든 수단을 쓰겠다고 했고, Netscape Navigator에 집중함
  • “모든 브라우저에 최적화된 페이지를 만들지 않겠다”고 했으며, 이런 태도는 특정 브라우저에서만 제대로 보이는 웹사이트 흐름과 맞닿아 있었음

Jakob Nielsen: 사용성과 시맨틱 웹 구조

  • Jakob Nielsen은 1997년 39세였고, 스스로를 “usability guru”라고 불렀음
  • 웹에서 피상적인 멋을 제거하고 웹사이트를 진지한 비즈니스 도구로 만들겠다는 목표를 세움
  • 주요 브라우저 모두에서 접근 가능한 디자인을 강하게 옹호했고, 콘텐츠와 표현을 분리하기 위해 시맨틱 인코딩을 권장함
  • 초기에는 HTML 명세에 정의된 구조를 지키는 데 초점을 맞춤
    • 예를 들어 헤더에는 “18픽셀 굵은 Garamond” 같은 표현 방식이 아니라 H1, H2 같은 구조를 쓰는 방식임
    • 각 브라우저가 사용자에게 헤더를 어떻게 보여줄지 정해야 한다는 입장이었음
  • 곧 CSS를 지지했고, 1996년 말 CSS가 아직 널리 쓰이지 않았지만 브라우저와 표시 장치가 늘어나는 상황에서 좋은 표현을 구현할 유일한 해법이라고 봄

CSS 지원의 한계와 브라우저 전쟁

  • 1997년 초 두 주요 브라우저의 CSS 지원은 불완전했음
  • Internet Explorer 3.0은 W3C CSS 표준 지원에 가장 가까웠지만 버그가 많고 일관성이 부족함
  • Netscape 3.0은 CSS 지원이 약했고, JavaScript 기반 스타일링 방식인 JavaScript-Based Style Sheets(JSSS)를 CSS의 대안으로 만들려 함
  • JSSS는 결국 확산되지 않았지만, Netscape가 초기 웹 표준인 스타일시트를 지지하는 속도를 늦추는 역할을 함
  • 1997년이 진행되면서 Siegel의 미학 중심 접근과 Nielsen의 시맨틱 접근 사이의 간극이 커짐

Flash의 부상과 CSS와의 대비

  • Zeldman은 나중에 Flash에서 돌아섰지만, 1997년 Flash가 인기를 얻기 시작했을 때는 웹 멀티미디어를 다음 단계로 끌어올릴 애니메이션 도구로 여겨짐
  • 1997년 5월 Macromedia는 Flash 2를 출시하며, 프로그래밍 없이 벡터 기반 해상도 독립 그래픽을 만들고 애니메이션화하는 도구로 소개함
  • Flash의 강점은 당시 CSS의 약점과 대비됐음
    • CSS보다 배우기 쉬웠음
    • 당시 CSS보다 시각적으로 훨씬 많은 일을 할 수 있었음
    • 브라우저 회사의 구현에 의존하지 않고 브라우저 플러그인으로 동작함
    • 사용자가 플러그인을 대규모로 다운로드하면 활용 가능했음
  • Siegel은 1997년 9월 출간된 Creating Killer Web Sites 2판에서 Flash가 웹에 벡터 그래픽을 주류로 가져오는 최선의 선택이라고 봄
  • 같은 책에서 CSS 장도 새로 다뤘지만, 1997년 8월 당시 브라우저들이 스타일시트의 약속을 제대로 구현하지 못한다고 평가함
  • Nielsen은 Flash를 빠르게 거부했고, 몇 년 뒤 Flash가 “99% bad”이며 거의 항상 “사용성 질병”이라고 씀
  • Siegel도 Flash가 Macromedia가 소유·통제하는 독점 도구라는 점을 우려함
    • Flash 소프트웨어는 오픈소스가 아니었음
    • .fla 파일 형식은 독점 형식이었음
    • 결과물은 웹 표준을 따르지 않았음

세 인물의 이후 행보

  • 세 사람은 모두 초기 웹 디자인이라는 직업을 앞으로 밀고 나가려 했고, 1997년 웹 플랫폼의 변화 때문에 웹 디자인은 필연적으로 실험적이었음
  • Nielsen의 Useit은 장식 없는 미니멀 디자인을 유지했고, Web 2.0 시기에는 많은 웹 디자인 종사자에게 시대에 뒤처진 사이트로 보였음
    • Useit은 몇 년 더 유지되다 2012년 말 NNGroup 웹사이트로 통합됨
    • 2025년 Nielsen은 Substack에서 AI에 대해 쓰고 있음
  • Siegel은 디지털 타이포그래피 석사 학위와 Pixar 경력을 가진 세 사람 중 가장 전문적인 디자인 배경을 가졌음
    • 1996~1997년 Killer Web Sites 두 판 이후 웹 디자인에서 웹 비즈니스 쪽으로 이동함
    • 이후 Pull: The Power of the Semantic Web to Transform Your Business를 홍보했고, 블록체인에도 관심을 가짐
    • 현재 웹사이트 cuttingthroughthenoise.net은 다양한 비즈니스와 개인 관심사를 보여줌
  • Zeldman은 계속 웹 디자이너로 남아 있음
    • 2019년부터 WordPress, Tumblr 등을 만드는 Automattic의 Executive Creative Director로 일함
    • zeldman.com에서 웹 디자인 주제로 계속 블로그를 씀
    • 2019년 2월부터 기본 WordPress 테마를 사용해 왔고, 2025년에는 사이트 리디자인을 준비 중이라고 밝힘
  • Zeldman의 접근은 웹 표준과 디자인 감각을 결합하는 방식이었고, 1997년 세 구루 중 그의 당시 웹사이트가 가장 흥미롭고 이국적인 사이트로 평가됨

함께 보면 좋은 글 β

GN⁺   [-]
Hacker News 의견들

  • 이 글은 Nielsen을 “기술적으로는 맞는” 쪽에 놓지만, 적어도 내게 Nielsen의 영향은 경험적으로 맞는 것에 강하게 집중하게 만든 데 있었음
    정보를 전달하는 데 무엇이 효과적인지 실제 사람을 대상으로 테스트하는 방식이었고, “보기 좋음”은 희생하곤 했음
    그래서 그의 결과물이 “절망적으로 구식”처럼 보였지만, 그 싸움에서는 옳은 편에 있었다고 봄

    • 당시에는 그가 드물게도 사용자의 필요를 진짜로 챙기는 사람처럼 느껴졌음
      사이트에 들어가기 전에 Flash 스플래시 화면을 보여주는 게 좋은 생각이라고 믿던 사이트가 많았고, 디자이너들은 보통 사람이 읽을 수 있을 만큼 큰 글자에 원한이라도 있는 것처럼 굴던 시절이었음
    • Nielsen 개인보다 Nielsen이 속한 인간-컴퓨터 상호작용 계보를 더 존중했음
      당시에는 디자이너도 고전적인 HCI 쪽 사람도 프로그래머도 웹을 제대로 이해하지 못한다고 느꼈고, Nielsen은 적어도 웹에 집중하긴 했음
      다만 완전히 새로운 매체의 초기 사용자 기대에 집착하면서, 아직 초창기라 필연적으로 진화할 거라는 점을 보지 못했음
      “하이퍼링크는 항상 파란색 밑줄이어야 한다” 같은 말을 했는데, 그 시점은 웹 보급이 너무 초기라 그런 경직된 규칙을 적용하기엔 맞지 않았다고 봄
    • 여러 해 동안 NNG Group에서 Nielsen과 Tog의 강의를 포함해 여러 과정을 들었고, Don Norman은 강의를 한 적이 없었던 것 같음
      덕분에 사용성에 큰 존중을 갖게 됐고, 디자이너들은 Nielsen을 싫어했음
    • Discount Usability Engineering이 유용하다고 믿지 않았는데, 직접 해보고 결과에 완전히 놀랐음
      이후 모든 설계와 재설계에 계속 적용하고 있음
      예전 UseIt.com https://web.archive.org/web/19990125092506/http://useit.com/은 머릿속에서 영원히 공짜로 자리 잡고 있을 듯함
    • “정보 전달에 무엇이 효과적인지 실제 사람으로 테스트한다”는 예로, 5명만 테스트해도 되는 이유가 있음
      https://www.nngroup.com/articles/why-you-only-need-to-test-w...

  • Zeldman의 A List Apart를 좋아했는데, 우리 모두 20대 중반이던 시절에 그가 그렇게 나이가 많았다는 건 몰랐음
    같은 세대라고 생각했음 :D
    Nielsen은 솔직히 없어도 됐고, 수백만 명이 더 쓰기 쉬운 사이트를 쓰게 도왔을 수는 있지만 너무 경직되고 지루했음
    특히 “홈페이지에는 이런 링크가 있어야 한다” 같은 처방식 접근이 답답했고, Philip Greenspun이 언젠가 그를 제대로 찔렀던 것 같음
    사람들이 답과 방향을 원했고 그에 큰돈을 낼 준비가 되어 있었으며, 그는 컨설턴트로 컨설팅을 했으니 왜 그랬는지는 이해함
    빠르게 변하는 세계에서는 답의 유통기한이 짧고, 그래서 그의 지도가 너무 낡아간다는 걸 알고 오래전에 사이트를 내렸던 것일지도 모름
    그래도 즐거운 시절이었고, 참 좋은 시대였음

    • 그때는 사용자도 달랐음
      한 페이지에 다 넣는 문제뿐 아니라, 오늘날 보면 놀랍게도 많은 사용자가 아래로 스크롤하지 않았기 때문에 접히는 선 위에 모두 넣는 문제이기도 했음
      사람들이 스크롤할 수 있다는 걸 몰랐고, 이후 실험에서 스크롤이 평범해지는 전환점이 관찰됐음
      사이트가 작동해야 했던 환경이 기술적으로만 아니라 사회적으로도 완전히 달랐고, 그런 세부사항이 오늘날까지 그대로 이어지지 않는 건 당연함
    • 2000년대 초반의 CSS/디자인 블로그권은 정말 흥미로운 곳이었음
      당시 고등학생이었지만 Dave Shea, Andy Budd, Doug Bowman, Shaun Inman, Mike Davidson, 그리고 지금은 잊은 더 많은 사람들을 즐겨 따라봤음
    • 기억으로는 Greenspun이 찌른 건 Nielsen이 아니라 Siegel이었음
      Siegel은 “Killer” 책의 한 판에서 사이트에 2~3단계짜리 “입구 포털”을 두자고 했고, Greenspun은 그게 멍청하다고 봤음
      Nielsen의 접근은 꽤 높이 평가함
      웹이 다시 사용성으로 돌아간다면 훨씬 나을 수 있음
      우리는 Flash가 제공하던 것의 상당 부분을 다시 만들려고 엄청 애썼지만, 정말 스크롤할 때 사진과 텍스트 블록이 날아다니길 원하는가?
      처음 보면 멋있지만 그다음엔 어떤가? “이 사이트 정보는 훌륭한데, Jack Russell terrier처럼 화면에서 튀어 다녔으면 좋겠다”고 말하는 사람이 있을까
    • 몇 년 만에 A List Apart에 가봤는데 완전히 달라 보여서 놀랐음
      게다가 홈 화면에는 내일이면 1년 된 글에 “new” 태그가 붙어 있음
      시대가 변한 것 같음
    • 오래전에 사용성 테스트 서비스를 운영했는데 Nielsen에 대해 같은 감정이었음
      내 취향과 매일 돌리던 테스트 현실에 비해 너무 경직되고 꼬치꼬치 따지는 편이었음

  • Jeffrey Zeldman이 1997년 초에 42세가 됐다는 걸 이제야 깨달았음
    2000년대 초에는 그가 우리보다 몇 살 많은 정도라고 늘 생각했음
    그들의 웹사이트에서 “View Source”를 보는 건 교육적으로 잘 쓴 시간이었음
    경고: 일부 지역에서는 “View Source”가 불법일 수 있으니 재량껏 사용하라는 농담도 떠오름
    2000년대 초 커리어를 시작했고, 내 디자인과 Flash 작업물이 인터넷에 있던 시절에는 Zeldman, Siegel, 그리고 많은 이들이 영웅이었고 Nielsen은 악역이었음
    2000년대 중반쯤에는 병원과 의사들을 위해 접근성, HIPAA 준수 등을 깊게 다루는 작업을 많이 했고, 그때쯤엔 Nielsen 같은 이들이 영웅이 됐음 :-)

    • “View Source”가 어디에서 불법인가?
    • 그래도 그는 실제로 우리보다 몇 살 많은 정도였음

  • 페이지에서 멋진 게 어떻게 작동하는지 그냥 View Source로 볼 수 있던 초창기가 그리움
    이제는 멋진 게 거의 없고, 있더라도 검사기로 뒤져볼 수는 있지만 대개 난독화된 JavaScript 깊숙이 묻혀 있어 해독하지 못할 가능성이 큼

    • 최근 그 CSS Minecraft를 들여다봤는지 궁금함
      몇 년 만에 겪은 최고의 소스 보기 경험 중 하나였음: https://github.com/BenjaminAster/CSS-Minecraft/tree/main
    • JavaScript 기계가 아닌 창의적으로 만든 사이트라면 지금도 HTML과 CSS를 탐색하는 건 즐거움
      현대 CSS는 믿을 수 없을 만큼 풍부함

  • 내게 또 하나의 중요한 책은 Web Pages That Suck이었음
    그 책은 실제로 Creating Killer Web Sites를 꽤 깠고, 그때는 자존심 센 사람들이 많았음
    그 책에서 꽤 많이 배웠고, Flanders는 아직 사이트를 갖고 있을지도 모름
    그의 메일링 리스트에 있었지만 지난 10년쯤은 아무 소식도 못 들었음

    • 그 사이트도 정말 좋아했음
      요즘은 모든 게 너무 최적화되고 효율적이라, 웹페이지가 가끔 엉망이던 시절이 그리워졌음
      쓰기 어렵더라도 적어도 개성은 있었음
      자동차와 비슷하게, 박물관에서 아주 오래된 차를 보며 저 페달과 레버들이 뭘 하는지 궁금해하는 건 좋지만 직접 운전하지 않아도 되는 건 다행이라고 느끼는 것과 같음
    • 그 책은 내게도 결정적이었고 지금 내가 있는 곳의 출발점이었음
      Flanders가 정확히 비판한 mystery meat navigation은 내게 엄청난 영향을 줬고, 사용성 문제를 생각할 때 아직도 머릿속에 울림

  • 아직 책장에 Creating Killer Web Sites가 있음
    그냥 빨리 산 책이었고 고전이 될 거라고는 전혀 생각하지 못했음
    그래도 책에서 보여준 방식대로 디자인된 웹사이트를 보는 건 대단한 경험이었지만, 실용적이지는 않았다고 봄
    내 눈에는 인쇄 매체를 그대로 복제한 것에 가까웠음
    당시 ColdFusion이나 Dreamweaver가 어떻게 작동했는지 기억한다면, QuarkXPress 같은 DTP 소프트웨어에서 빌려온 게 분명한 부분들이 있음
    그 시절을 떠올리는 건 좋지만, 결국 사이트 디자인의 길로 가진 않았음

    • 그 말이 인기가 없을 수도 있지만 나도 비슷하게 웃어넘길 것 같음
      REX BBS 스크립트부터 요즘의 ES6, SVG, WebGL까지 상상할 수 있는 온갖 기술로 웹사이트와 인쇄·웹 디자인을 꽤 오래 해본 뒤라, 이 사람들이 웹에서 뭘 하는지 전혀 몰랐다고 과감히 말할 수 있음
      아마 인쇄 쪽 최고 디자이너였고 그건 칭찬받을 일이지만, 웹은 인쇄물이 아님
      그들은 이 새로운 매체, 화면, 그리고 모든 정보를 같은 페이지에 넣을 필요가 없다는 사실을 이해하지 못했음
      아마 2010년쯤 다시 평평하고 단순해지기 시작하고 나서야 사람들이 합리적인 웹 디자인을 하기 시작했음
      2005년에도 사용성은 새로운 개념이었고, Apple의 K-12 인터페이스도 큰 도움이 되진 않았음
      물론 System OS의 어떤 디자인 결정들은 꽤 말이 되지만, 그건 웹이 아니었음
      이런 책들이 가르친 대부분은 Illustrator, CorelDRAW, Quark식 접근을 웹페이지 위에 얹는 방법이었음
      페이지, 버튼 같은 이미 주어진 위젯으로 얼마나 적은 것을 보여주고도 탐색 가능하게 만들 수 있는지 실험한 사람은 너무 적었음
      이는 지도 제작도 마찬가지라, 더 느리게 움직이고 아직도 1834년처럼 정보가 과부하된 지도를 만들고 있음
      아주 인기가 없을 말일 수 있지만, 내 생각엔 게임 디자이너와 게임 UI 디자이너가 초기의 과대평가된 디자이너들보다 웹에 훨씬 더 큰 영감을 줬음
      그 초기 디자이너들이 포스터와 인쇄물에서는 훌륭했더라도 말임
      어떤 게임들은 인터페이스의 단순함에서 정말 앞서 있었고 아름다워서, 세상의 대부분은 게이머와 데모씬 사람들이 이미 몇 년 전 도달했던 곳에 뒤늦게 온 거라고 볼 수 있음

  • 이 사람들에게서 배우며 커리어를 시작했고, A List Apart 같은 사이트를 좋아했음
    어느 날 Zeldman이 내가 만든 WordPress 플러그인에 개선 요청 메일을 보내왔을 때 유명인을 만난 것처럼 들떴고, 한 바퀴 돌아 제자리로 온 느낌이었음

  • Zeldman은 2000년대 내 영웅 중 하나였음
    목록에는 Eric Meyer도 들어갈 수 있다고 봄: https://en.wikipedia.org/wiki/Eric_A._Meyer

    • 아직도 Eric's CSS Reset 2.0을 씀
      이만큼 단순하고 요점에 맞는 걸 찾지 못했음

  • Netscape Navigator 4에서 테이블 중첩이 7단계까지만 가능했다는 걸 몇 살쯤 되어야 잊을 수 있을지 늘 궁금함

  • 그 시대가 몹시 그리움
    정말 행복하고 긍정적이며 순수했음
    사람들은 진심으로 무언가를 만들고 서로 가르치며 즐기고 있었음
    요즘은 모든 게 너무 가짜 같고 허영에 이끌리는 느낌임
    이 사람들의 책을 읽고 Designer's Talk 같은 포럼을 계속 새로고침하면서 HTML + CSS를 배웠던 걸 절대 잊지 못할 것임

답변달기