본문 바로가기

디자인 리서치

색 (Color) 색은 다루기가 매우 힘든 디자인 요소 중에 하나입니다. 무한에 가까운 색 조합 패턴 속에서 적절하지 못하거나 일관성 없는 색상 사용으로 이어지기도 매우 쉽습니다. 색에 대한 이론적 이해나 실용적 활용법 등은 이미 다른 수없이 많은 자료들이 있기에, 이 부분들은 제하고 디자인 시스템 제작 관점에서 색을 시스템화하는 일반적인 패턴과 관련 지식을 알아 보고자 합니다. 디자인 시스템의 색 체계화: 디자인에 최적화된 컬러 팔레트를 구축하는 과정디자인 시스템에서 색을 정의한다는 것은 디자인에 활용할 컬러 팔레트를 정의하는 과정이라고도 볼 수 있습니다. 이 과정에서 단순히 주관적인 판단이 아닌, 브랜드와 서비스 특성 및 사용자 등 복합적인 디자인 제반 요소들을 고려하여 최적의 효율/효과성을 지닐 수 있는 컬러 팔레트..
라디오 버튼 (Radio Button) 라디오 버튼? 라디오 버튼 역시 명칭과 기능이 현실에서의 메타포를 기반으로 합니다. 지금 세대는 모를 수 있지만, 과거 라디오 플레이어의 주요 버튼들의 의 동작은 하나의 버튼을 누르면 다른 버튼들은 모두 비활성 상태로 튀어 나오는 형태를 갖고 있었습니다. 아래 이미지를 참고하시면 이해가 편하실 수 있습니다. 이 버튼들은 라디오 주파수를 기억하는 Preset을 저장하는 데에 사용되거나, 아니면 카세트 테이프 이후 시대에는 카세트 테이프를 조작하는 용도로 사용되었는데, 공통적으로 하나의 선택값만을 활성화할 수 있다는 특징이 있었습니다. 하나의 선택값만을 활성화하는 속성을 그대로 유지하면서, 이와 같은 기능을 하는 GUI 상의 컨트롤 타입을 라디오 버튼이라는 이름으로 부르기 시작했습니다. 동그란 형태의 라디오..
메뉴 (Menu) 메뉴란? 디자인 시스템과 디자인 컴포넌트의 정의는 사용자 경험 설계에 관계한 환경과 디자인 철학에 따라 시스템별로 상이한 규칙성을 지니게 됩니다. '메뉴'라는 일반적인 용어조차 시스템별로 다른 용도로 사용이 됩니다. GUI의 대부분의 요소들이 그렇듯, 메뉴 또한 현실의 메타포에 기반합니다. 식당에서 고르는 그 메뉴에서 기반한 것이며, 문화적으로 송나라에서 미리 음식을 만들어 골라서 먹을 수 있게 제공하던 서비스에서 기원하며 어원 상으로는 라틴어 'minutus(작게 만들어진 물건)'에서 파생된 불어 'menu'에서 기원한다고 합니다. '선택할 수 있는 작은 단위' 정도의 의미로 파악하는 것이 적절한 메뉴의 의미가 아닐까 싶습니다. 다소 넓은 범위의 이와 같은 정의는 사용자가 컨트롤할 수 있는 대부분의 항..
아토믹디자인(Atomic Design) 방법론, 간단하게 이해하고 응용하기 체계화와 유지관리와 구현 상의 효율성 등의 이유로 컴포넌트 단위의 UX디자인이 각광받기 시작했고, 이는 디자인시스템이라는 형태로 이전까지 화면 단위로 보여지던 디자인의 산출물이 변화하고 있습니다. 이러한 변화는 디자인 분야에서만 나타나는 변화의 현상이 아닌 프론트엔드 개발 분야에서의 기술 변화도 비슷한 형태의 변화 흐름을 보여주고 있습니다. 리액트나 뷰, 앵귤러 등 모던 프레임워크들이 컴포넌트 별로 분리된 개발을 지원하는 것이 그러한 양상 중 하나라고 볼 수 있습니다. 이러한 배경 하에 주목받는 디자인 방법론 또는 개념으로서 '아토믹디자인(Atomic Design)'을 들 수 있습니다. 본 포스트에서는 아토믹디자인이라는 방법론의 간략한 범위 내에서 기본 개념을 파악하고 이를 응용할 수 있는 방법에 대해서..
좋은 대시보드 디자인의 10가지 원칙 (2019) 본 포스트는 Saadia Minhas가 2019년 11월 27일에 작성한 10 Rules of Dashboard Design 포스트를 지식을 널리 알리기 위한 목적으로 번역하여 작성한 글입니다. 저작권 및 내용에 문제가 있을 시 연락을 주시면 그에 적절한 조치를 취하겠습니다. 왜 대시보드 디자인이 중요한가요? 대시보드는 정보를 시각화하는 역할을 합니다. 특히 복잡한 정보들의 집합체를 사용자들이 이해하기 쉬운 포맷으로 전달하는 것이 이것의 목적이라고 볼 수 있습니다. 사용하기 좋은 대시보드는 1) 명확해야합니다 좋은 대시보드는 요청된 정보를 명확하게 표현해야 합니다. 사용자가 대시보드를 볼 때 사용자는 5초 안에 대시보드의 용도를 확인할 수 있어야 합니다. 사용자를 몇 분간 머무르면서 대시보드의 용도를 확..
펜타그램이 디자인한 야후의 새로운 로고 우리에게는 잊혀진 브랜드이지만, 실제 야후는 미국에서 계속 운영되고 있는 서비스이며 실제로 트래픽도 적지 않게 발생하는 생존(?)하고 있는 서비스입니다. 하지만 전반적으로 하향세를 그리는 혹은 노인들만이 주로 찾는 서비스와 같은 부정적인 이미지들이 있었는데, 이를 타개하기 위해 경영자도 바꾸고 다양한 기업들도 인수하고(텀블러, 플리커 등) 했지만 기대했던 만큼의 큰 변화는 없었던 것 같습니다. 그러던 와중 야후의 브랜드 리디자인 소식이 들려 왔는데요, 영국의 글로벌 디자인스튜디오인 펜타그램에서 작업했다고 합니다. 이 변화가 야후의 새로운 변화를 리드할 수 있을지 주목해 봐야할 것 같습니다. Pentagram Pentagram 펜타그램의 소개를 보면, 최근 다른 로고들의 추세와 같게 다양한 플랫폼과 환경에..
국내외 정보보안 및 B2B IT 업체 CI, BI 디자인 모음 (2017년 초 기준) 지란지교소프트의 주된 사업 분야 중 하나인 정보보안 및 B2B IT 분야에는 국내외 많은 업체들이 다양한 사업을 펼치고 있습니다. 이 업체들 모두 각자의 디자인 전략을 가지고 고객과의 커뮤니케이션을 진행하고 있는데요. 디자인팀에서는 정보보안 및 B2B IT 업계의 전반적인 디자인 동향을 알아보는 차원에서 각 업체들의 CI 및 BI를 조사하는 시간을 가져 보았습니다. 특별한 인사이트가 담긴 조사 자료는 아니지만, 말 그대로 업계 디자인 동향을 파악하는 자료로 참고해 주시면 감사하겠습니다. 해당 조사 자료는 2017년 1월의 자료를 근거로 제작되었습니다. 국내 정보보안 및 B2B IT 분야 CI 및 BI 모음 (2017년 초 기준) 해외 정보보안 및 B2B IT 분야 CI 및 BI 모음 (2017년 초 기준)
2016년 가을 공개된 구글 애널리틱스의 새로운 UI디자인 구글 애널리틱스를 이용하시는 분들은 얼마 전부터 UI 최상단에 곧 공개될 새로운 UI를 확인할 수 있는 페이지를 연결시켜 놓았습니다. 해당 페이지로 이동하면 주요 변경 화면에 대한 스크린샷을 제공하고 있습니다. 더불어서 곧 공개될 기업용 유료 서비스인 'Google Analytics 360'에 대한 소개도 함께 기재되어 있습니다. 이번 포스트에서는 세계에서 가장 널리 사용되는 관리자사이트(Admin Website) 중 하나인 구글애널리틱스의 곧 공개될 새로운 UI디자인에 대해 간략히 알아 보겠습니다. 리뉴얼 이전 구글 애널리틱스의 UI디자인 1. 단순화된 네비게이션새로운 구글 메테리얼 디자인 표준을 따릅니다.관리자 관련 서브헤더가 사라지고, 해당 내용은 네비게이션 최하단에 고정했습니다.좌측 네비게이션은 ..