hohyeon99 님의 블로그

디자인 시스템 네이밍 어떤 것을 선택하시겠어요? | 디자이너스 디자인 시스템 네이밍 어떤 것을 선택하시겠어요? | 디자이너스디자인 시스템 네이밍 어떤 것을 선택하시겠어요?designus.io  오늘의 디자인 카타 주제는 두 디자인 시스템 네이밍에 어떤 것을 선택 할 건지 토론하는 것이다.위에는 5가지 다른 채도의 핑크 색을 A같은 경우 tint, light  등 으로 네이밍했으며 B같은 경우 각 색의 채도를 수치화 하여 네이밍을 한 사례이다. 각 디자인을 살펴보면서 나는 B 형식의 네이밍을 골랐는데 이유는 다음과 같다. 수치화B의 경우 각 색깔을 수치화 하여 사용자에게 암기하기 편할 것 같으며 수가 높을수록  채도가 높아진다는 규칙을 발견할 수 있어 명확한 의견전달이 가능하다고 생각한다 그리고 항목이 많..

카테고리 리스트 어떤 것을 선택하시겠어요? | 디자이너스 카테고리 리스트 어떤 것을 선택하시겠어요? | 디자이너스카테고리 리스트 어떤 것을 선택하시겠어요?designus.io  오늘의 디자인 카타는 두 카테고리 리스트 중, 어떤 디자인을 선택하는지에 대한 토론이다.A는 카테고리 세부항목을 세로로 배치하며 숨기기 기능을 탑재하였고 B는 카테고리 세부항목을 가로 세로 전부 배치한 디자인이다나는 이 두개의 디자인 중 A를 골랐는데 그 이유를 설명하겠다. 1.상하스크롤을 통한 시각적 편안함A는 모든 항목을 세로로 배치하여 사용자가 스크롤하면서 정보를 탐색할 수 있게 설계되었다. 이는 사용자가 시선의 움직을 최소화하여 정보를 읽을 수 있기 때문에 사용자가 더 편하게 사용할 수 있다. 2.숨기기 기능A는 카테고리 ..

가이드 텍스트 위치 어디에 노출하는 것이 더 유용할까요? | 디자이너스 가이드 텍스트 위치 어디에 노출하는 것이 더 유용할까요? | 디자이너스가이드 텍스트 위치 어디에 노출하는 것이 더 유용할까요?designus.io 오늘은 이전에 해본 디자인 카타 주제지만 새로운 조와 다시 한번 논의 해보는 가이드 텍스트 위치가 어디어 노출되는 것이 더 유용하는지 토론 해보는 시간이다.A는 가이드 텍스트를 CTA버튼에 넣었으며 B는 가이드 텍스트를 가이드 영역에 별도 표기한 디자인 이다.디자인을 살펴보면서 나는 다시 한번 B를 고르게 되었는데 그 이유를 설명하겠다.  확실한 역할을 수행하는 가이드 텍스트가이드 텍스트를 가이드 영역에 따로 두어 배치하여 내가 어떤 부분에서 잘못된 정보를 기입했거나 필수 행동을 누락했는지..

숙박 날짜 선택 하단 UI, A와 B는 유저 경험에 어떤 차이가 있을까요? | 디자이너스 숙박 날짜 선택 하단 UI, A와 B는 유저 경험에 어떤 차이가 있을까요? | 디자이너스숙박 날짜 선택 하단 UI, A와 B는 유저 경험에 어떤 차이가 있을까요?designus.io  오늘의 디자인 카타는 숙박 날짜 선택 하단 UI로 A와 B디자인에 유저경험은 어떤 차이가 있는지 토론하는 시간이다.두 디자인은 숙박 어플에서 예약 날짜를 선택할 때 나타나는 창인데A같은 경우 선택한 날짜와 기간을 확인버튼과 분리하여 표시하는 디자인이고B같은 경우 버튼 내 선택한 숙박 정보 모두 표시한 디자인인다. 각 다자인의 특징을 살펴보면 A는 예약일정과 버튼을 따로 분리하여 사용자가 일정확인을 하는데 있어 불편함 없이 해준다고 생각..

댓글 정렬 방법, 유저 경험에 어떤 차이가 있을까요? | 디자이너스 댓글 정렬 방법, 유저 경험에 어떤 차이가 있을까요? | 디자이너스댓글 정렬 방법, 유저 경험에 어떤 차이가 있을까요?designus.io 오늘의 디자인 카타는 댓글 정렬방법에 유정 경험에 어떤 차이가 있는지 토론 해보는 시간이다.왼쪽에 있는 A안 디자인을 확인해 보면 칩행태로 필터링 항목이 가로로 나열되어 있다. 화면에 배치된 요소가 많아다소 복잡하게 느낄 수 있지만 전체적으로 사용 용도를 빠르게 파악할 수 있다고 생각한다.허나, 항목수가 많을 수록 배치되는 구성 요소가 많아 시각적인 부분은 물론 사용성 또한 떨어질 수 있다고 생각한다  왼쪽에 있는 B안 디자인을 확인해 보면 바텀시트를 통해 항목을 따로 볼 수 있도록 디자인 되었다사용..

장바구니가 비었을 때 어떻게 보여주는 것이 좋을까요? | 디자이너스 장바구니가 비었을 때 어떻게 보여주는 것이 좋을까요? | 디자이너스장바구니가 비었을 때 어떻게 보여주는 것이 좋을까요?designus.io  오늘의 디자인 카타 주제는 장바구니가 비었을 때 어떻게 보여주는 것이 효과적인지 토론해보는 시간이다.디자인을 살펴포면 CTA(Call To Action)버튼을 탑재한 디자인인 A디자인과 큰 아이콘을 보여주는 B디자인이 있다나는 여기서 B 디자인을 선택하게 되었다. 그 이유를 설명하겠다. 시각적 효과크고 앱의 프라이머리 색을 활용한 장바구니 아이콘을 통해 장바구니 상태가 어떤지 확실히 알 수 있었다.그렇기에 B안이 더 인상적이었다. 차별화우선 남들과 다른 차별화를 보여줄 수 있다. 어쩌면 사용자 입장..

페이지네이션과 무한스크롤, 각각 어떤 의도를 가지고 있을까요? | 디자이너스 오늘의 디자인카타 주제는 페이지네이션과 무한스크롤의 디자인 의도에 대한 토론이다.페이지네이션은 항목을 제한적으로 보여주고 페이지버튼을 통해 다음 항목으로 넘어가게끔 한 디자인이고무한스크롤은 항목을 계속 스크롤하면서 사용자가 항목을 끝가지 볼 수 있도록 한 디자인이다. 각 디자인의 의도에 대해 나의 의견을 서술 하겠다. 페이지네이션페이지네이션은 항목을 넘기게 함으로서 사용자가 자신이 보는 정보를 제차 확인 할 수 있도록 하는 구조이다.하지만 휴대폰으로 보기에는 사용자가 항목을 넘기는데에 있어 불편함을 느낄 수 있다고 생각한다 무한스크롤다른 추가행동 없이 스크롤만 하면 새로운 항목을 볼 수가 있다. 그렇기에 사용자가 확인하기에 편리..

오늘의 디자인 카타 주제는 윈도우 10과 11의 화면 디자인을 보고 어떤 것을 더 선호하는지 논의해보는 시간이다.윈도우 10은 하단 좌측에 메뉴 아이콘를 배치라고 그 다음에 컴색바를 배치하고 나머지 앱을 나열했으며원도우 11은 중안 하단에 앱을 몰아 넣은 배치를 했다. 이런 두 디자인 화면을 보고 내가 더 선호하는 화면은 윈도우 11이다그 이유를 설명하겠다. - 간소화앱들이 하단 중앙에 몰려 있어서 보기 편하다. 10 디자인 같은 경우 아이콘 버튼이 좌우로 펼쳐 있어 채워주는 느낌이 강하지만 오히려 불필요하게 공간을 차지한다는 생각한다. - 중앙이 좋아!평소에 무언갈 배치할 때 중앙에 배치하는걸 선호한다. 그래서 앱들이 중앙 하단에 배치된 11의 디자인을 더 선호하게 된다. 조원간 의견나를 제외한 조원분..

가이드 텍스트 위치 어디에 노출하는 것이 더 유용할까요? | 디자이너스 가이드 텍스트 위치 어디에 노출하는 것이 더 유용할까요? | 디자이너스가이드 텍스트 위치 어디에 노출하는 것이 더 유용할까요?designus.io 오늘의 디자인카타는 두 안건 중 가이드 텍스트 위치를 어디에 노출하는 것이 더 유용한지 논의해보는 시간이다.  나의 생각나의 가이드 별도 표기인 B안을 선택했다. 그 이유를 설명하겠다. - 세분화된 화면 정보처리를 빠르게 하는 사용자라면 가이드 영역에 별도 표기를 해야 가이드 기능 효과가 더 있다고 생각한다.처리 과정 중 잘못된 부분이 있어도 급하게 사용하다 보면 해당영역마다 잘못된 처리과정을 했을 경우별도로 가이드 라인을 표기해야 사용자가 눈에 보기 더 편할 것 같다고 생각이 든다.A안의..

오늘의 디자인 카타는 CTA버튼과 자동 확인 및 섹션 이동 의 비교이다화면에서 보았을땐 자동화면 및 섹션 이동이 화면이 넓게 느껴저 시각적인 편안함을 주지만 주민번호입력란이 자동확인 및 섹션 이동이라면 정보를 잘못기입 했을 때 오는 정보처리의 문제를 우려했다.CTA버트는 상대적으로 자동 확인 보단 갑갑한 느낌이 들지만 앞서 말한 개인정보를 제대로 입력해야 하는 상황에선사용자가 한번 검토하고 넘길 수 있다는 장점이 있는 것 같다.조원분들은 나와 비슷한 생각으로 CTA 버튼을 선호한 조원 한분이 계셨지만 오히려 빠른 처러과정을 원하는 조원분께선 자동 확인 및 섹션 이동을 선호하게 되었다.