[📕] 5. 포스텔의 법칙 - 유연성, 다양한 가능성, 디자인 회복탄력성

5. 포스텔의 법칙

 

자신이 행하는 일은 엄격하게, 남의 것을 받아들일 때는 너그럽게.

 

[핵심 요약]

- 사용자가 어떤 동작이나 입력을 하든지 공감하는 태도로 유연하고 관대하게 대처하라.
- 인터페이스의 안정성과 접근성을 보장하되, 입력, 접근성, 성능 면에서 만반의 준비를 하자.
- 다양한 가능성에 대해 잘 예측하고 대비할수록 디자인 회복탄력성은 좋아진다.
- 사용자의 가변적인 입력을 수용해서 기계가 이해할 수 있는 방식으로 해석하라. 입력의 한계를 정의하고 사용자에게 명확한 피드백을 제공하라.

 

훌륭한 사용자 경험을 디자인한다는 것은 훌륭한 인간 경험을 디자인한다는 뜻이다. 인간은 기계처럼 행동하지 않는다. 인간은 때로 일관성이 없고, 자주 주의가 산만해지며, 가끔 실수하고, 보통 감정에 휘둘린다. 인터랙션하는 제품과 서비스가 우리를 직관적으로 이해하고 너그럽게 대해주길 기대한다.

포스텔의 법칙 첫 문장은 "자신이 행하는 일은 엄격하게"이다. 이를 디자인에 적용하면, 인터페이스든 포괄적인 시스템이든 안정성과 접근성을 보장해야 한다는 뜻으로 해석할 수 있다. 안정성과 접근성은 디지털 제품이나 서비스에서 중요하게 여겨지는 특성이다.

포스텔의 법칙 뒤 문장은 "남의 것을 받아들일 때는 너그럽게"이다. 이를 디자인에 적용하면, 사용자의 입력은 포맷이나 입력 메커니즘을 막록하고 무조건 수용해야 한다는 의미로 해석할 수 있다. 

 

---

 

[기원]

 

존 포스텔은 여러 프로토콜을 체계화하는 데 크게 이바지한 미국의 컴퓨터 과학자다. 그는 네트워크를 통해 데이터를 주고받는 기반인 전송 제어 프로토콜(TCP)의 초기 모델을 구현했다. "TCP 구현은 견고함의 원칙을 따른다. 자신이 행하는 일은 엄격하게 하고, 남에게 받는 것은 너그럽게 받아라."

포스텔의 법칙에 담긴 철학은 사용자 경험 디자인이나 사용자의 입력과 시스템의 출력을 다루는 방식에도 적용할 수 있다. 훌륭한 사용자 경험을 디자인한다는 것은 훌륭한 인간 경험을 디자인한다는 뜻이다. 인간과 컴퓨터가 정보를 소통하고 처리하는 방법은 근본적으로 다르므로, 디자인이 이 둘을 이어주는 역할을 해야한다.

 

---

 

[사례]

 

포스텔의 법칙은 인터페이스의 안정성과 접근성을 보장하는 동시에 입력, 접근성, 성능 면에서 만반의 준비를 해야 한다고 보는 인간-컴퓨터 인터랙션(HCI) 철학과 매우 유사한 방식으로 디자인에 접근한다.

 

1. 입력 폼(input form)

사용자가 디지털 시스템에 정보를 제공하기 위해 오랫동안 활용해온 기본 도구다. 폼은 본질적으로 인간이 시스템과 인터랙션하는 수단으로, 사용자는 제품이나 서비스가 요청한 정보를 폼 요소에 입력해서 전송한다. 

가장 먼저 고려할 사항은 사용자에게 요청하는 정보의 양을 보수적으로 책정하는 것이다. 사용자가 채워야 할 피드가 늘어날수록, 디자이너가 사용자에게 부과하는 인지적 에너지와 노력도 커진다. 그러면 의사결정의 품질이 떨어지며(의사결정 피로감) 폼을 다 채울 확률도 낮아진다. 이메일 주소나 비밀번호처럼 이미 확보한 정보는 중복으로 요청하지 말고, 꼭 필요한 것만 묻는 방식으로 폼을 채우는 데 드는 노력을 최소화하는 편이 좋다.

시스템이 사용자 입력을 얼마나 유연하게 받아들일지도 고민해야 한다. 인간과 컴퓨터는 서로 다른 방식으로 소통하므로 인간이 제공하는 정보와 컴퓨터가 기대하는 정보가 서로 다를 때도 있다. 포스텔의 법칙에 따르면, 컴퓨터는 인간의 다양한 입력을 받아들이고 그 입력을 이해하는 데 그치지 않고 컴퓨터가 읽을 수 있는 형식으로 처리할 수 있을 만큼 견고해야 한다.

 

---

2. 애플의 얼굴 인식 시스템인 페이스 ID

 

페이스 ID를 사용하면 아이폰이나 아이패드의 잠금 해제, 결제 승인, 앱 로그인 등의 기능을 안전하게 이용할 수 있다. 

 

---

3. 반응형 디자인

 

반응형 웹디자인이란 '유동형 그리드, 가변 이미지, 미디어 쿼리'를 활용해 다양한 시청 맥락에 맞게 웹사이트의 콘텐츠가 유동적으로 반응하는 것을 가리킨다. 반응형 웹 디자인이 등장하면서 디자이너는 기기 맞춤형 경험을 만드는 것을 넘어서 웹의 유동적 특성을 포용해야 한다는 압박을 받기 시작했다. CSS의 성능이 좋아지면서 인터넷 접속 기능이 탑재된 스마트 워치, 스마트폰, 게임 콘솔, 노트북, PC, TV 등 화면을 감상하는 다양한 상황에 맞춰 콘텐츠는 유연하게 반응할 수 있게 되었다. 광범위한 유형의 입력을 수용하되, 기기의 크기나 유형에 구애받지 않고 다양한 크기의 화면에서 안정적으로 출력이 이뤄지게 한다는 철학을 잘 구현하고 있다.

 

---

4. 점진적 향상 전략

콘텐츠에 초점을 맞추고 스타일과 인터랙션을 점진적으로 쌓아가는 웹디자인 전략인 점진적 향상도 포스텔의 법칙 사례로 볼 수 있다. 점진적 향상 전략에서는 모든 사용자가 브라우저 기능 지원, 기기 기능이나 성능, 인터넷 연결 속도에 상관없이 기본적인 콘텐츠와 가능에 접근할 수 있어야 한다. 부가적인 스타일이나 인터랙션은 기능 지원이나 성능을 탐지해 점진적으로 추가한다. 그러면 핵심 콘텐츠의 접근성을 저해하지 않고, 새로운 브라우저, 더 좋은 기기, 혹은 더 빠른 망으로 접속한 사람에게 더 나은 경험을 제공할 수 있다. 

점진적 향상 전략의 강점은 브라우저의 기능이나 기기의 성능, 연결 속도에 구애받지 않고 다양한 사용자를 관대하게 수용하는 능력에 있다. 핵심 콘텐츠를 지키면서 향상된 기능을 보수적으로 추가하기 때문에 누구의 접근성도 저해하지 않는다. 

 

예)

• 점진적 향상 검색 컴포넌트, 검색 상자는 기본으로 제공되고, 음성 인식이 지원되는 기기에서는 음성 기능을 제공한다.
• 디자인 시스템은 재사용 가능한 컴포넌트와 패턴의 집합을 가리킨다. 디자인 시스템이 있으면 사용 방법을 정의한 표준에 따라 컴포넌트와 패턴을 조합해서 다양한 애플리케이션을 만들고 프레임워크를 통해 디자인의 확장성을 보장하는 것이 가능해진다.

 

---

 

[심화 학습]

 

디자인 회복 탄력성

사용자가 시스템에 입력하는 내용은 가변적이고 광범위하다. 그러므로 더 나은 사용자 경험을 보장하려면 입력을 너그럽게 수용하는 시스템을 디자인해야 한다. 디자이너가 다양한 가능성에 대해 잘 예측하고 대비할수록 디자인의 회복탄력성은 더 좋아질 것이다.

텍스트에 할당된 공간이나 레이아웃과 관련된 문제를 일으킬 때가 많다. 글자를 확대할 수 있다는 것을 예상하고 대비책을 마련해두지 않으면 사용자가 이 기능을 쓸 때 디자인이 망가질 수 있다. 디자인 적응력을 높이려면 이를 염두에 두고 적절한 대비책을 마련해야 한다.

 

---

 

[정리]

 

포스텔 법칙은 인간과 기계를 잇는 가교 역할을 한다. 인간의 가변적인 입력을 너그럽게 수용해서 구조적이고 기계 친화적인 출력으로 해석할 수 있는 시스템을 디자인하면, 사용자의 부담이 줄고 더욱 인간적인 사용자 경험이 보장된다. 그러면 더 다양해지고 복잡해지는 요구에 잘 적응하는 견고한 제품과 서비스가 완성될 것이다. 디자이너가 다양한 가능성에 대해 잘 예측하고 대비한다면 회복탄력성이 뛰어난 디자인을 만들 수 있을 것이다.