UI 디자인 : Uncanny Valley를 정말로 두려워해야합니까?
UI 디자인의 리얼리즘은 지금 뜨거운 주제입니다. 가치가있는 모든 디자인 블로그는 공개적으로 애플이 아이 패드 앱이 현실을 모방해야한다는 제안에서 벗어났다고 말한다.
토론에 생명을 불어 넣어이 개념들 중 일부를 앞두고 우리와 함께하십시오. 리얼리즘이 효과적 일 때와 그것이 파괴적 일 때, 그리고 인터페이스를 망치지 않고 자신의 디자인으로 어떻게 사용할 수 있는지 살펴 보겠습니다.
아이 패드, 토론을 촉발
iPad가 출시 된 이래로 사용자 인터페이스 디자인에서 사실주의를 사용하는 것에 대해 많은 논의가있었습니다. Apple은 디자이너들이 전통적으로 UI 디자인에서 볼 수있는 일반적인 디지털 아트처럼 보이도록 iPad 앱에 시각적 인 은유를 제공하도록 권장합니다.
우선, 우리 디자이너들은 우리의 업무 수행 방식을 알려주는 사람들을 특히 좋아하지 않습니다. 또한 많은 사람들이 Apple의 UI 제안이나 심지어 메모 및 캘린더와 같은 기본 iPad 앱의 Apple 고유의 인터페이스 선택에 전혀 만족하지 않습니다.
이로 인해 가상 현실 인터페이스의 사용에 관한 디자인 커뮤니티의 엄격한 경고가 발생했습니다. 이러한 경고는 의도가 좋고, 논쟁이 잘되고 합법적이지만, 논쟁은이 시점에서 약간 일방적 인 것으로 보이므로 정직하고 지능적인 것을 유지하기 위해 신선한 관점을 가져오고 싶습니다.
거인의 어깨에
이 분야에서 오늘의 토론의 대부분은 내가 존경하는 동료의 주제에 관한 세 가지 훌륭한 기사로 구성됩니다.
- iPad를위한 디자인 : Oliver Reichenstein의 Reality Check
- Lukas Mathis의 UI 디자인 현실감
언캐니 밸리
우리가 디자인에서 사실주의에 직면하고있는 투쟁에 대한 가장 적절한 제목은 GetFinch.com의 그의 기사에서 Francisco Inchaust의 것입니다. 그는 Masahiro Mori가 70 년대에“Uncanny Valley”라는 용어를 만들어 기계가 인간과 매우 흡사 해 지거나 최소한 그들에 의해 불안해지는 로봇 공학의 발전을 지적했다. 외관.
이 아이디어는 UI 디자인의 트렌드에 완벽하게 적용됩니다. 라이 헨 슈타인은 그의 기사에서 카이의 PhotoSoap의 끔찍한 유사 현실 인터페이스의 스크린 샷을 보여줍니다.
트렌드 배싱은 또 다른 트렌드입니까?
우리가이 같은 맥락에서 인터페이스 디자인의 부활을보고있는 것은 분명합니다. 그러나 디자이너가 이것을 선택하고 다른 사람들을 비난하기 시작하면서, 나는 디자인 커뮤니티에서 괴롭힘에 대한 두려움에 대해 어떤 종류의 사실주의를 적용하기를 주저하고 있습니다. 어떤 식 으로든 Twitter, Dribbble 및 블로고 스피어는 놀이터가되며 다른 사람을 화나게하지 않으면서도 멋진 일을하고 싶어하는 많은 아이들이 있습니다.
Teenage Mutant Ninja Turtles 티셔츠를 입기로 결정한 아이를 때리는 대신, 단색과 최소한의 디자인 스타일을 사용하여 인터페이스를 만드는 디자이너를 비웃는 경향이 있습니다.
사용자의 관점에서 무엇이 최선인지 아닌지에 대한 적절한 분석없이 트렌드를 공격하는 것이 트렌드 자체가 될 때 문제가 발생합니다. 디자이너 는 비판을 받고 트렌드 를 올바르게 식별 해야 하지만 논리보다는 선호도에 따라 엄격하고 빠른 규칙을 작성하지 않아야합니다.
리얼리즘에있어 나쁜 점은 무엇입니까?
위에서 언급 한 기사에는 Uncanny Valley를 유혹하는 것으로 보이는 몇 가지 대중적인 UI 디자인 예제가 포함되어 있습니다. 즉, 현실감이 실제로는 경험을 떨어 뜨립니다.
발생하는 문제를 실제로 목표로 삼을 수 있는지 확인하기 위해 몇 가지를 살펴 보겠습니다. 첫 번째는 Apple의 iBooks 인터페이스입니다 (아래 참조).
이제, 나는 iBooks 읽기 인터페이스를 어떻게 싫어하는 지에 대해 이전에 저술했습니다. 그러나 나는 여기서 문제를 Uncanny Valley와 동일시하는 것은 실제로 잘못된 진단이라고 생각합니다. 책 인터페이스는 분명히 "만화 적"이며 너무 현실적이어서 내 두뇌가 그것을 불신하게 만듭니다. 나는 누적 된 페이지를 몇 분 동안 쳐다 보지 않고 너무 실제적이지만 여전히 Tron Legacy의 Jeff Bridges의 수정 된 버전과 마찬가지로 중요한 방식으로 꺼져 있다고 생각합니다.
그래서 여기서 정말로 문제가 무엇입니까? 문제는 애플의 귀여운 작은 인터페이스는 사용 가능한 공간을 매우 열악하게 사용하는 완전한 방해 요소라는 것입니다. 그 페이지의 가운데로 내려가는 주름은 사실주의에 대해 흥분을 느끼게하는 것이 아니라, 실제 책을 읽는 것의 더 나쁜 부분을 모방 한 것입니다!
iBooks 인터페이스의 현실은 실제로 앱의 초점을 맞 춥니 다 : 읽기. 그들이 은유를위한 공간을 만들고 있었기 때문에 나는 나의 독서 경험을위한 공간이 적습니다. Kindle iPad 인터페이스를 보면 분명해집니다.
이것은 iBooks에 비해 신선한 공기를 마시지 만 왜 그럴까요? 내 뇌가 마침내 Uncanny Valley의 고통에서 벗어날 수 있는가, 아니면 인터페이스가 숨을 쉴 수있는 공간이 더 많고 내가보고 싶은 것에 더 많은 공간을 제공 하는가? 나는 후자를 제출합니다. 하단의 슬라이더는 앞뒤로 움직일 수있는 실제 버튼과 매우 비슷합니다. 이것은 나를 조금 귀찮게하지 않습니다. 매력적이고, 더 중요한 것은 내 방식에서 벗어난 것입니다!
효율성 이야기
위의 예는 훌륭한 디자이너가 현실감으로 잘못하는 부분을 분명히 보여줍니다. 물론, 그 자체의 장점으로 평범한 낡은 것을 만들 수있는 인터페이스 디자이너는 많지만, 사용성에 대해 잊어 버린 현실적인 인터페이스를 만드는 데 매우 익숙한 재능있는 디자이너도 많이 있습니다. Photoshop 기술에 대한 감탄을 추구하면 응용 프로그램을 쉽고 즐겁게 사용할 수 있도록 인터페이스의 주요 목표를 놓치게됩니다.
이 아이디어를 더 자세히 살펴보기 위해 Inchauste가 사용하는 또 다른 예를 보자 : 아래에 표시된 이전 Mac 용 Mac 인터페이스 인터페이스.
다시 한 번 나는 여기서 문제가 실제로 현실주의의 시도인지 아니면 이것이 인터페이스의 효율성에 어떤 영향을 미치는지 궁금합니다. 솔직히 말해서, 유리, 고무 및 금속 질감은 나를 울부 짖지 않습니다. 물론, 그들은 유행이지만 논란의 여지없이 매력적입니다.
정말로 나를 얻는 것은 혼란스러운 순환 제어 (그 이후로 버려진)와 그 주위의 모든 빈 공간입니다. 현실적인 디자인 은유로 인해 버튼이 작고 복잡한 공간에 불필요하게 밀려났습니다. 우리가 iBooks에서 본 것처럼이 비유를 포기하면 공간을 훨씬 더 논리적이고 사용자 친화적으로 사용할 수 있습니다.
효율성으로 시작
그렇다면 이러한 유형의 인터페이스가 종종 사용성을 방해한다는 원칙을 통해 사용자에게 현실적인 인터페이스가 재미 있고 바람직하다는 Apple의 아이디어와 어떻게 균형을 맞출 수 있습니까?
iPad와 iPhone의 홈 화면에 적절한 예가 있습니다. 이 인터페이스는 효율성을 고려하여 첫 번째 iPhone에서 시작되었습니다. 원래 핵심 개념은 단순한 검정색 배경의 아이콘 그리드였습니다. 아래에서 iPad의 홈 화면 레이아웃이 구조를 강조하기 위해 단순화 된 것을 볼 수 있습니다.
분명히 그리드 레이아웃은 75 개의 앱 (때로는 목록보기로 죽일)이있을 때 효과가 떨어지기 시작하지만 소수의 잘 구성된 콘텐츠의 경우 훌륭하게 작동합니다. 디자이너는 썸네일 갤러리에서 전체 웹 사이트 레이아웃에 이르기까지 모든 것에 그리드를 지속적으로 사용합니다. 우리는 수축적인 은유가 아닌 견고한 기초로 시작했습니다.
따라서 유용성을 손상시키지 않으면 서 여기에 사실감을 더할 수 있습니까? 더 사실적으로, 사실감을 더하고 실제로 유용성을 높일 수 있습니까? 물론이지. 아이콘에 생명을 불어 넣을 때 얼마나 더 나아지는지보십시오.
여기서 가장 추상적이고 비현실적인 아이콘은 실제로 해석하기가 가장 어렵습니다. OS X의 응용 프로그램 폴더에 익숙하지 않은 사람에게는 App Store 아이콘이 혼동됩니다. 할머니는 아마도 그 아이콘이 무엇을하는지 모를 것입니다. 그러나 그녀에게 현실적인 메모 아이콘을 표시하면 응용 프로그램의 용도를 즉시 알 수 있습니다. Lukas Mathis는 그의 기사에서 아이콘 디자인에 관한 유사한 아이디어를 탐구합니다.
자, 우리는 디자인을 파괴하지 않고 리얼리즘을 더욱 발전시킬 수 있습니까? 디자이너가 너무 싫어하는 트렌디 한 질감 중 일부를 던지면 어떨까요? 확실히 그것은 그것을 죽일 것입니다.
이에 대한 답을 얻으려면 지금 App Store에서 가장 인기있는 유료 유료 iPad 앱 10 가지 중 하나의 배경 (Pimp Your Screen)을 추가해 보겠습니다. 사용자가 자신이 가장 좋아하는 경험에 실제로 투표 할 수있는 방법이 있다면 지갑을 사용하는 것입니다.
여기에 친숙한 시각적 비유가 추가되었습니다. 자, 이것이 가장 잘 보이는 나무 질감입니까? 확실히. 사실, 나는 그것이 Uncanny Valley에 위험하게 접근하고 있다고 말할 것입니다. 그럼에도 불구하고 iBooks 읽기 인터페이스처럼 우리의 유용성을 실제로 망쳐 놓지는 못했습니다 (iBooks 선반 그리드에서 많이 차용하지만). 이는 사용 편의성과 효율적인 레이아웃으로 구축 된 핵심 구조가 그대로 유지되기 때문입니다.
흥미롭게도 위의 배경 화면을 적용한 다음 iPad를 세로로 돌리면 모든 것이 파괴됩니다. 아이콘이 선반과 정렬되지 않고 은유가 산만 해집니다.
이것이 사실적인 인터페이스를 올바른 방법으로 끌어내는 열쇠라고 생각합니다. 디자이너가 트렌디 한 은유로 시작할 때 문제가 발생하고 결과적으로 비효율적이고 비효율적 인 UI가 만들어집니다. 예쁜 그림의 이름으로 유용성이 희생됩니다. 그러나 사용성을 염두에두고 구성된 단순하고 견고한 기초로 시작하면 점차 스타일을 추가 할 수 있습니다. 여전히 모든 변경 사항을 판단하고 변경 사항이 개선, 감소 또는 유용성에 중립적인지 여부를 결정해야합니다.
시험
인터페이스에 대한 좋은 테스트 중 하나는 은유를 제거하고 레이아웃이 합리적 일 수 있는지 여부입니다. 예를 들어, iBooks 인터페이스에서 보풀을 제거하면 사용 가능한 공간을 잘 활용하지 못하는 어색한 간격의 단락이 남게됩니다. 중간에 페이지 주름이 레이아웃을 망치고 있기 때문입니다.
이제 아래 표시된 적중 목록을 사용하여 노트북 용지 또는 3 차원 탭과 유사한 부분을 제거했다고 가정합니다. 레이아웃이 여전히 의미가 있습니까? 대답은“완벽합니다”입니다. 이곳의 디자이너는 더 매력적으로 보이도록 스타일이 지정된 강력하고 친숙한 구조를 가지고 있습니다. 이것은 미리 생각 된 시각적 아이디어와 어울리도록 어색하게 구성된 인터페이스와는 매우 다릅니다.
현실주의는 디자이너만을위한 것인가?
지금까지 논의는 사용성을 방해하지 않고 리얼리즘이 존재할 수 있다는 아이디어를 다루었으며, 진정한 재능을 가진 사람의 손에 의해서도 그것을 향상시킬 수 있습니다. 그러나 논쟁의 여지가없는이 논쟁의 또 다른 주요 측면이있다 : 사용자가 원하는가?
이 토론에서 현재 많은 사람들이 내포 한 의미는 많은 iPad 앱에서 볼 수있는 현실적인 인터페이스가 디자이너를 위해 디자이너가 만든 아이 캔디로 구성되어 있다는 것입니다. 이 주장에 따르면 일반 사용자는 이러한 사전 정의 된 픽셀을 전혀 신경 쓰지 않고 주어진 작업 만 완료하려고합니다.
나는이 주장이 기본이 아니라고 믿는다. 첫째, 당신은 평균 사람들에게 충분한 신용을주지 않습니다. 누군가가 디자이너가 아니라고해서 매력적인 디자인을 감상 할 수 없다는 의미는 아닙니다. 저는 화가는 아니지만 대학에서 미술사를 즐겼습니다.
너무나 자주“좋은 디자인”에 대한 인식이없는 사람들로서 일반 대중을 괴롭히는 디자이너의 이야기를 듣는다. 그것이 사실이라면, 우리는 직장에서 나갔을 것입니다! 많은 사람들이 매력적인 디자인을 인정하고 고마워하며, 그들이 스스로 생산할 수있는 것이 그렇지 않다는 것을 알기 때문에 우리를 고용합니다.
둘째, 트렌디 한 사실적인 인터페이스를 좋아하는 모든 "정상적인 사람"에 대해 싫어하는 열 명의 디자이너를 찾을 수 있습니다. 까다로운 디자이너는 Apple의 캘린더 앱을 비판하는 사람들이며, 나머지 세계 사람들은 광고에서 볼 수있는 깔끔한 인터페이스 때문에 사탕 같은 아이 패드를 구매하고 있습니다.
우리와 같은 디자이너들은 UI 디자인에서 리얼리즘의 장단점을 토론하는 데 몇 시간을 보냅니다. 한편, Penultimate는 유료 다운로드에서 4 위를 차지했습니다. 이 응용 프로그램은 실제 필기 경험을 모방하기 위해 현실적인 노트북 인터페이스를 사용하며 사용자는 그것을 충분히 얻을 수 없습니다.
Penultimate 인터페이스의 리얼리즘에 의해 디자이너로서 감동을 받았습니까? 원격이 아닙니다. 사실, 나는 앱이 보이는 방식을 정말로 좋아하지 않습니다. 그러나 평범한 joe iPad 소유자는 그것이 훌륭하다고 생각합니다.
제 요점은, 대중적인 논쟁은 거꾸로한다는 것입니다. UI 디자인의 효과적인 현실감은 침을 흘리는 드리블 사료 일뿐만 아니라, 사용자가 높이 평가하고받을 수있는 프리미엄을 지불 할 의향이 있습니다.
결론
UI 디자인에서 사실성이 남용됩니까? 물론이지. 현실적인 iPad 인터페이스는 앞으로 나아갈 추세입니까? 물론. 그들은 모두를위한 것인가? 절대적으로하지. iA Writer와 같은 최소한의 앱은 종종 효율성을 높이기 위해 사실감을 버리고 핫케이크처럼 판매합니다.
이 기사에서 내가하고있는 요점은 "현실주의"는 현재 디자이너들이 만들어내는 더러운 말이 아니라는 것입니다. 디자이너로서, 당신은 Uncanny Valley 경찰이 와서 당신을 데려 올 것이라는 두려움에 정말로 훌륭한 인터페이스 아이디어를 포기해서는 안됩니다. 애플의 인터페이스조차도 의도적으로 포토 리얼리즘과는 거리가 멀지 만, 약간의 질감으로 인해 사용자가 앱을 미워하는 것을 두려워해서는 안된다는 점에 유의해야합니다.
성공적인 UI 디자이너는 견고하고 사용 가능한 기반이 모든 잘 설계된 응용 프로그램의 기초라는 것을 알고 있습니다. 얼마나 많은 추가 스타일을 적용 할 것인지는 대상 고객과 디자인 및 응용 프로그램 컨텍스트를 돕거나 방해하는 것으로 인식할지 여부에 따라 다릅니다.
다음 질문을 해보십시오.이 설정에서 내 은유가 의미가 있습니까? 은유가 제거되면 레이아웃이 강하게 유지됩니까? 앱의 수용 및 사용성을 향상시키기 위해 사실감을 적용합니까, 아니면 추세를 따르기 쉽습니까? 타겟 고객이 비슷한 아이디어를 좋아하거나 싫어하는 경향이 있습니까?
아래에 의견을 남기고 현실적인 인터페이스에 접근하는 옳고 그른 방법이 있는지에 대한 의견을 알려주십시오. 현실감이 효과적 일 때와 디자인의 무결성을 손상시킬 때를 어떻게 측정합니까?
