odd-archive

디자인을 할때 현재 위치 표시에 대해서 고민하던것들을 적어보려고 한다 1.헤더 - 브레드크럼 home표시와 현재 페이지 표시를 줄여라 2) 메뉴 네비게이션의 계층구조에 따라 어디에 표현될지가 편리한 UX로 이끈다. 메뉴의 구조를 잘 잡아야 사용자가 헷갈리지 않게 서비스를 사용할 수 있다. 메뉴명과 카테고리을 잘 나눠놔야 현재페이지에 대한 중복적인 표시를 막을 수 있다. https://carbondesignsystem.com/ UX Collective 블로그에서 네비게이션에 대해서 분석한 내용 1. 메인 네비게이션은 왼쪽에 둘때 많은 장점이 있다. - 사람들은 알파벳 F자의 형태로 웹페이지를 훑어보는 경향이 있어 네비게이션의 위치는 위쪽과 왼쪽에 두는것이 좋다. 2. 네비게이션을 위쪽에 두면 공간이 절약 ..

브레드크럼+탭+페이지타이틀 이것만 해도 현재 위치에 대한 설명이 세군데나 나타난다.. 이런식이면 브레드크럼의 현재 페이지 표기를 없애고 탭으로 페이지 타이틀로 대체해서 , 컨텐츠에는 타이틀 없이 본론이 바로 나오는게 맞는 걸까? 브레드크럼 내비게이션은 유저에게 ‘맥락 정보’의 훌륭한 소스가 되며, 유저가 다음 질문에 대한 답을 찾을 수 있도록 도와준다고 합니다. - 지금 어디에 있는가? 사이트 전체 구조 안에서 어디에 위치했는지 알려준다고 합니다. - 어디로 갈 수 있는가? 사이트의 검색 가능성을 높여주며, 펼쳐서 보여주어 메뉴보다 사이트 구 조를 더 이해하기 쉽게 해준다고 합니다. - 거기로 가야 하는가? 콘텐츠의 가치를 알려주고 브라우징을 독려한다고 합니다. 예를 들어 상품을 검색해서 마음에 안 들면..

제작 목적 회사에서 SaaS 제품을 만든다고 하여 새로운 디자인 소스가 필요한 상황이었다. 데이터를 활용한 여러 구성의 화면들이 나오기 때문에 재사용 가능한 디자인이 필요하였고 지금이야 말로 디자인 시스템을 만들 타이밍이라고 생각했다. 디자인 시스템 구축하기 전에 많은 회사의 디자인 시스템들을 찾아보았는데 많이 참고했던 회사들을 공유하자면 1. 쏘카 / [SDS] Socar Design System https://tech.socarcorp.kr/design/2020/06/23/socar-design-system-01.html [SOCAR FRAME 만들기 #1] 쏘카의 디자인 시스템 맛보기 안녕하세요, 쏘카 프로덕트 디자인팀의 가디입니다. tech.socarcorp.kr 2.IBM / [CDS] Carb..