디자인 DNA 정의

Google에서 '의 DNA'라는 용어를 검색하면 흥미로운 것들이 많이 보입니다. 관계의 DNA; 성공의 DNA; 신의 DNA. 그래서 DNA는 무엇입니까? (데 옥시 리보 핵산 외에) 왜 그렇게 많은 비유가 그것에 의존합니까?

Oxford English Dictionary의 DNA에 대한 2 차 정의는 '특히 변경 불가능한 것으로 간주 될 때 누군가 또는 무언가의 근본적이고 독특한 특성 또는 특성'입니다.

이제 디자인의 DNA에 대해 이야기 해 봅시다. 이것은 단순한 브랜딩 이상의 의미를 갖습니다. 대신 사용자 경험 자체를 조사합니다.



일러스트 레이터에서 태블릿으로 그리는 방법

디자인 DNA 란?

디자인 DNA는 여러 플랫폼 (종종 여러 코드베이스)에 도달하지만 일관된 스타일, 동작 및 태도를 유지하는 경험을 말합니다.

이미지, 색상 및 글꼴은 모두 DNA의 일부이지만 문화도 여기에 포함됩니다. 원한다면 경험의 '개성'도 포함됩니다. 그 개성은 디자인, 경험 및 브랜딩의 융합입니다.

내가 가장 좋아하는 시간 낭비자인 PopCap의 Plants vs. Zombies를 예로 들어 보겠습니다. 온라인 플래시 게임으로 시작했으며 Windows 및 Mac 용 다운로드로도 제공되었습니다.

App Store의 출현으로 PopCap은 iOS에 대한 코딩 전략을 변경해야했습니다. 하지만 변하지 않은 것은 게임의 성격이었습니다. PvZ의 각 버전과 Wikipedia에 따르면 이제 Xbox Live Arcade에서 BlackBerry Tablet OS에 이르기까지 모든 버전에 존재하며 일관된 색상 선택과 디자인 요소를 유지합니다. 13 개의 개별 플랫폼에서 사용자 경험을 일관되게 유지하기 위해 얼마나 많은 생각을했는지 상상해보십시오.

일러스트 레이터는 원근 격자를 제거

Facebook에서 배우기

물론이 개념은 게임만을위한 것이 아닙니다. Facebook을보세요. 디자인은 데스크탑에서 모바일, iPad까지 다양합니다. 하지만 각 플랫폼에서 무엇을 기대해야하는지 정확히 알고 있습니다. 성격은 일관 적입니다. (당신이 그 성격을 좋아하는지 여부는 완전히 또 다른 주제입니다.)

Facebook에서 일정 수준의 성능을 기대하게되었습니다. 특정 사용자 경험을 기대합니다. 따라서 회사가 더 많은 플랫폼에서 서비스를보다 쉽게 ​​배포 할 수 있도록 HTML5 / CSS3 코딩의 길을 가려고 시도했을 때 곤경에 처했습니다.

Mark Zuckerberg 자신이 9 월에 말했듯이 :“회사로서 우리가 저지른 가장 큰 실수는 네이티브가 아닌 HTML5에 너무 많이 베팅 한 것입니다. 거기에 없었 으니까.” 그가 말하는“그것”은 일관된 경험입니다.

따라서 Facebook은 기본 iOS 앱을 재건했으며 여전히 Android 버전에서 작업 중입니다.

유전자 드리프트 관리

Facebook은 플랫폼 전반에 걸쳐 아이콘과 색 구성표를 재사용하지만 일부 기본 유사 규칙도 사용합니다. 트위터에서 만든 '끌어서 새로 고침'과 왼쪽 스 와이프를 사용하여 삭제 기능을 표시합니다.

제품군 디자인 DNA 내에서 사용자 경험의 일관성이라고 부르려면 패턴의 만연한 모방을 '유전 적 드리프트'라고 부를 것입니다.

Facebook 자체가 슬라이드 아웃 메뉴의 새로운 패턴을 만들었습니다. 그런 다음 Gmail 앱이이를 구현했습니다. 'iOS 슬라이드 아웃 내비게이션'이라는 용어로 Google 이미지 검색을 수행하면이 유전자를 물려받은 다른 모든 앱을 찾을 수 있습니다.

그렇다면 여러 플랫폼에서 제품의 디자인 DNA를 공유하는 것이 왜 중요할까요? 편안 하니까요 앱이나 웹 사이트를 사용하는 사람들은 자신이 올바른 위치에 있다는 것을 즉시 알게됩니다. 그들은 무엇을 기대해야하는지 알고 있습니다.

박물관에서 미술품을 얻는 방법

일관성, 동일하지 않음

모양, 느낌 및 기능이 모든 플랫폼에서 동일해야합니까? 아니요. 디자인 접근 방식은 각 플랫폼의 컨텍스트를 고려해야합니다. 아직이 작업을 수행하고 있지 않다면 사용자 입장에서 생각해보세요. 다음에 휴대폰을 꺼낼 때는 현재 위치를 기록해 두십시오. 다른 장치 또는 콘솔에 대해서도 동일하게 수행하십시오.

아마존이 아이폰 앱에 접근하는 방식을 고려해보고 즉시 구매를 위해 노력하십시오. 첫 번째 화면에는 시작하는 데 필요한 최소한의 정보 만 표시됩니다. Amazon은 사용성 테스트를 수행했으며 모바일 고객이 원하는 제품에 대해 이미 좋은 아이디어를 가지고 있음을 알고 있습니다. 또한 일반적으로 서두르고 있습니다.

하지만 웹 사이트에서는 다른 경험입니다. 구매 행동, 때때로 신제품에 대한 전체 페이지 인수, 수많은 특별 행사 및 여러 파트너 사이트 및 자회사와의 링크 팜을 기반으로 한 다양한 제안이 있습니다.

영화 편집자가되는 방법

하지만 여전히 아마존입니다. 고객은 여전히 ​​자신이 어디에 있는지 알고 있습니다. 로고 때문이 아니라 깨끗하고 선명한 모습이 똑같기 때문입니다. 좋은 고객 서비스에 대한 주장도 그렇습니다.

이 모든 것에서 무엇을 제거 할 수 있습니까? 플랫폼 간 디자인 DNA 공유와 해당 플랫폼이 사용되는 컨텍스트를 모두 염두에두면 플랫폼 간 성공을위한 좋은 길을 택할 수 있습니다.