hohyeon99 님의 블로그

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

오늘은 디자인씽킹 과제 중 2단계 문제 정의하기의 방법중 하나인 친화도 분석 (Affinity Diagram)를 진행하게 되었다.우선 2일차때 했던 AEIOU기법을 다시 살펴보자2일차 때 배달어플 배달의 민족을 AEIOU기법으로 분석해 본 화면이다. 활동, 환경, 상호작용, 사물, 사용자 총 5가지 항목으로 나눠 분석했으며 배달의 민족의 활동은 주로 음식 배달 및 포장 주문 가게 리뷰글 작성및 읽기, 할인혜텍 확인등 여러 방안으로 활동되고 있는 것을 알게 되었다. 환경적인 부분에선 배달을 많이 시킨 장소와 시간대 사용기기에 대해 서술하였고 상호작용과 사물 같은 경우 주로 배달을 주문하는 사용자의 관점에서 많이 풀이하게 되었다. AEIOU기법으로 분석을 한 결과 사용자 관점에 4개의 주제로 나눠 다시 분류..

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

이번에는 그동안 배운이론을 토대로 디자인씽킹을 진행할 것이다. 혹시 디자인씽킹이 기억나지 않는다면아래 링크를 타고 글을 읽어보는걸 추천한다[TIL 3일차 (3)] 디자인씽킹 과 데이터 트리븐 문제정하기 > 아이디어 발산하기 > 프로토타입 만들기 > 테스트하" data-og-host="hohyeon99.tistory.com" data-og-source-url="https://hohyeon99.tistory.com/12" data-og-url="https://hohyeon99.tistory.com/12" data-og-image="https://scrap.kakaocdn.net/dn/75flG/hyYcc71EwQ/BtKGzeA5cgJMCEFG8onAq0/img.png?width=800&height=200&f..

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

컴포넌트 프로퍼티컴포넌트가 가상의 상태를 가질 때, 형태가 조금씩 변화할 수 있고 컴포넌트 안의 요소가 바뀌는 경우들도 있는데이런 변화와 변경을 만들 수 있는게  피그마 컴포넌트 기능.오토레이아웃 등 피그마를 최대한 활용해 컴포넌트를 만들고, 인스턴스를 디자인에 적용하는 과정을 반복하기 과정에서, 하나의 컴포넌트로 더 많은 디자인을 효율적으로 만들기 위해 활용  배리언츠(Variants)컴포넌트가 가질 수 있는 또 다른 모습을 만들 수 있게 하는 컴포넌트 기능이며 컴포넌트의 가상의 상태를 만들 때 사용 프로퍼티(Property)'속성’이라는 뜻, 디자인 구조가 바뀌지 않는 선에서 변경할 수 있는 요소들을 다룰 때 사용컴포넌트 프로퍼티 종류 Boolean(불리언) 컴포넌트 안에 있는 특정 요소를 보이게 하..

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

이번 2주차 일정은 정말 순식간에 흘러갔다.사실 5일 중 3일이 휴일이라 부트캠프에 신경을 쓰지 못했다.그래도 월요일과 금요일 부트캠프를 진행하면서 나의 진행상황을 적어보겠다. - 새로운 팀원1주차와 팀원들과 헤어지고 새로운 팀원들과 함께 시작하게 되었다.서로 통성명을 하고 어김없으 눈치를 보며 누가 조장을 하나 살폈지만...결국 내가 됐다 아무래도 팀 활동을 진행할려는 모습때문에 조장으로 추천 받은 것 같다여담이지만 저번에 같이 했던 조원분들 각자 자기 조의 조장이 되었다고 했다 뭘까 그 전 모임은 리더 모임이 었을까 - 복습 또 복습이번 주는 1주차에 들었던 강의들을 한번씩 다시 보게 되었다. 진도도 많이 나간 상태고 계속 진도만 나가면기억나는게 없어질 것 같아 피그마 강의 와 uxui입문 강의를 다..

레퍼런스 분석여러 가지 사례를 상세하게 분류해 생각해 보고 도움이 될 만한 부분을 찾아보는 과정분석과정1. 얻고 싶은 정보를 기준으로 다양한 사례를 수집 및 세부 요소들로 분석2. 세부 요소들의 좋은 점과 나쁜 점, 그리고 그 원인 분석3. 분석을 통해 얻은 인사이트를 정리  1.화면 구조 분석화면이 각각 어떤 요소들로 구성되어 있는지 분해해 보는 단계  화면구성요소 호파운데이션: 더 이상 세부 속성으로 쪼개지지 않는 가장 기본이 되는 요소EX. 색상, 폰트, 아이콘 등 엘리먼트: 파운데이션이 모여서 만드는 요소EX. 버튼, 뱃지, 탭 등 모듈: 엘리먼트가 모여서 만드는 요소EX.  리스트, 캐러셀, 네비게이션 등 페이지: 모듈이 모여서 만드는 최종 화면 EX.   홈, 마이페이지, 장바구니, 회원가입 ..

오늘의 과제는 카카오톡의 앱 화면을 분석해 보고 디자인 원칙 기반 분석을 하여 좋은 사례 2개와 나쁜 사례 2개, 총 4개의 사례를 찾아서 디자인 원칙에 근거하여 작성하고 찾은 사례에 대해 개선 방향을 한번 적어 볼 것 이다 일단 작성일 기준으로 카카오 메인 탭 화면을 볼 것이다. 왼쪽 부터 나와 친구들의 프로필을 볼 수 있는 친구화면,대화를 하고 기록을 볼 수 있는 채팅화면, 친구가 아니라도 다양한 사람과 소통할 수 있는 오픈채팅화면, 다양한 물건을 살 수 있는 쇼핑 화면, 마지막으로 그외 정보를 확인 할 수 있는 더보기 화면이 있다. 우선 화면 분석을 시작해 보겠다 전체적으로 상단의 앱바에 를 보면 좌측에 해당 화면을 설명하는 텍스트와 우측에는 아이콘 버튼이 나열되어 잇다. 맨 우측의 설정 버튼을 제..