hohyeon99 님의 블로그

FACTS(사실, 객관 ): 이번주 6주차는 팀 프로젝트를 진행하게 되었다. 이번 팀 프로젝트는 제품 서비스의 사용자 문제를 파악하고, UI 디자인 개선을 통해 해당 문제를 해결하는 과정을 가지게 되었다, 팀 프로젝트 새로운 조가 편성되고 새롭게 편성된 우리조는 여행사 플랫폼인 KLOOK을 선정하여 해당 회사와 타사에 대한 UIUX를 분석했다. 사용자가 어떤 불편함을 겪는지 설문조사와 인터뷰를 진행하였고 그로 통해 KLOOK은 여행상품을 결제하는 과정에서 많은 추가 선택사항과 불확실한 환불정보, 구매후 원할하지 않는 문의 과정이 주 문제인 것을 알게 되었다. FEELINGS(느낌, 주관) : 본격적인 팀활동과 조장을 맡게 되어 많이 긴장되고 떨렸지만 조원들의 적극적인 참여와 튜터님의 조언으로 이번 주의 ..

오늘은 팀프로젝트 2일차를 맞이하는 날이다. 이번엔 우리가 조사한 여행사 플랫폼 KLOOK 외 타회사의 플랫폼을 조사하게 되었다 정말 조사를 하면서 팀원분의 능력을 볼 수 있었던 하루 였다. 작자 자시자신만의 방벙으로 조사하면서 타 회사의 특성을 파악할 수 있었다.다음은 KLOOK과 타회사의 UI를 살펴보기로 했다. 우리 조는 여행상품을 살펴보면서 구매하는 과정에서 있는 개선사항을 만들어야 하기 때문에 각 플로우를 캠쳐해서 각각의 공통점과 차별점을 분석하게 되었다. 각 화면 마다 비슷한 구석은 있지만 어디를 더 강조하고 어떻게 배치하는지를 모면서 각 회사가 원하는 디자인의 방향성을 알게 되었다 그 중에 인상깊게 본 화면은 와그의 제품 상세 설명 화면이다. 와그의 제품상세 설명 화면을 살펴보면 제품 제목아..

오늘부턴 팀프로잭트를 하는날이다. 프로잭트는 이전에 했던 디자인씽킹을 팀끼리 같이 진행하는 방식이다.우리 조는 여행 플랫폼인 KLOOK를 선정하여 진행하게 되었다. 더 유명한 여행플랫폼이 많이 존재하지만이미 다른 조에서 선정했을거란 생각에 인기가 상대적으로 작은 플랫폼을 선정하게 되었다.  우선 오늘은 디자인씽킹을 위한 자료조사부터 하게 되었다. 앱이 가지고 있는 성향을 파악해 보고 KLOOK외에도 다른 열행사 플랫폼을 분석해보면서 공통점과 차별점을 찾아보기로 하였다.우리 조원이 집적 분석한 정보와 다른 조원분들과 인터뷰를 진행하면서 느낀 여행사 플랫폼의 특징과 문제점등을 찾아보면서 어떻게 디자인씽킹을 진입해야할지 머리를 맞대어 고민하게 되었다.  인터뷰를 진행하는 것은 낮설었다. 원래 여행사에 대한 사..

오늘은 디자인클론을 시도해 보았다.배달의 민족의 UI를 살펴보면서 컴포넌트의 구성요소를 파악해보고 각각의 규칙을 알아내어 어떻게 만들어 졌는지 알아보는 시간을 가졌다. 부트캠프가 날로 갈수록 배우는분야가 점점 넓어지고 있다 조금씩 성장한다는 기분은 들지만 조금식 더디는게 느껴져 아직 많이 부족한 느낌이 들었다. 이번조의 마지막날을 맡이하여 서로 앞으로 조 구성이 어떻게 될지 걱정을 가지고 있었다.그러나 지금 조원들의 각자의 장점이 있기에 서로 잘되길 응원하면서 이번 하루를 마무리 하게 되었다.

무엇이 한국어 사용자들을 고려한 UX writing 이라고 생각하시나요? | 디자이너스 무엇이 한국어 사용자들을 고려한 UX writing 이라고 생각하시나요? | 디자이너스무엇이 한국어 사용자들을 고려한 UX writing 이라고 생각하시나요?designus.io 오늘의 디자인 카타는 두 지자인 중 한국어 사용자들을 고려한 ux writing 인지 토론해 보는 시간이다.a는 친구추가라는 단어를 사용하고 b는 팔로우 라는 워딩을 사용했다.한국어라는 언어를 중점을 보았을 땐 a가 좋은 디자인이라고 생각한다. 팔로우는 sns를 몇번 해본 사람들에게 익숙한 단어이지만 처음 접하는 사용자일 경우 낮설게 느껴질거라고 생각한다.하지만 개인적인 의견으로 해당 버튼의 기능이 어떠냐에 따라 달라질 것 같다. 페이스북 같..

은행 어플 계좌 목록, A와 B는 각각 어떤 의도를 가지고 설계되었을까요? | 디자이너스 은행 어플 계좌 목록, A와 B는 각각 어떤 의도를 가지고 설계되었을까요? | 디자이너스은행 어플 계좌 목록, A와 B는 각각 어떤 의도를 가지고 설계되었을까요?designus.io 오늘은...이 아니지만 어제 진행한 디자인 카타이다.은행 어플 계좌 목록중 대표 계좌만 노출하는 디자인과 모든 계좌 노출 디자인는 각각 어떤 의도를 가지고 설계되었는지  대표계좌만 노출하는 A 경우 남은 화면을 사용자가 인터넷 뱅킹에서 해야 하는 업무를 쉽게 들어갈 수 있게 카테고리를 설정할 수 있으며은행에서 진행중인 상품 (적금, 예금, 대출, 신용카드)홍보할 수 있는 영역을 넓게 잡을 수 있다.사용자의 모든 계좌 노출같은 경우 사용 ..

오늘은 넷플릭스의 컴포넌트 구성을 카피 해보는 시간을 가지게 되었다. 패딩값과 폰트값을 유추해보면서 넷플릭스는 컴폰넌트를 어떻게 제작하게 되었는지 알 수 있었다. 피그마 문제로 폰트값이 설정이 되지 않아 제대로 카피할 수 없어 아쉬움이 많이 있었지만 담을 기약하며 더 잘 해 보도록 해야겠다.몸상태가 좋지 않아 집중하지 못한 하루를 보낸게 너무나 아쉬웠다 담에 분발할 수 있도록 해야겠다.

FACTS(사실, 객관 ): 이번 5주차는 개인필수 과제 프로토 타입제작을 했으며 피그마 심화과정을 수료하고 ui의 모든 것을 배우게 되었다 피그마 심화과정에선 디자인의 요소보단 프로그렘을 어떻게 운용해야 하는가에 대한 강의 였다면 ui의 모든것의 강의는 디자인 적인 요소를 심층적으로 배울 수 있는 시간이 되었다. 튜터님과 수강생분들과 교류가 많아지고 있다FEELINGS(느낌, 주관) : 심층적으로 공부를 하게 되니 디자인에 대해 광범위하게 생각할 수 있었으며 ui제작에 규격에 대해 공부하게 되었다 그리드라는 개념을 통해 ui요소에 최소한의 기준점이 있어야 여러 기기의 화면에서 규칙적인 디자인을 형성할 수 있으며 그런 일관된 디자인이 사용자의 편의성을 제공해줄 수 있다는 것을 알게 되었다. 과제를 진행하..

컬러사람이 어떤 사물이나 물체를 볼 때 가장 먼저 인지하는 요소이자 가장 오래 기억에 남는 요소브랜드 컬러는 사용자에게 브랜드의 이미지를 지속적으로 전달해서 기억하고 인지시킬 수 있는 중요한 역할 컬러의 역할중요한 정보 강조, 사용자의 행동 유도, 상태(State), 브랜드 아이덴티티 UI 컬러 구성Primary color주색이라고도 불려요. UI에서 가장 강조해야 하는 영역, 사용자의 행동을 유도할 때 사용함브랜드를 대표하는 컬러로 브랜드의 인지도를 향상시키고 각인시키는 데 도움을 줌 Secondary color보조색이라고도 불리며 Primary color를 보완해 주면서 조화를 이루는 역할Neutral color중립의 컬러로 UI 디자인에서 지원 역할을 해요. 보통 텍스트와 배경에 사용흰색에서 검은색..

오늘의 과제는 두개의 과제를 진행해야 한다.첫번째 과제는 Keyline 가이드에 맞춰 24X24프레임에 아이콘을 만드는 것이고두번째 과제는 두 타입의 다이얼로그를 만드는 것이다. 각 타입에 넣어야 할 구성요소는 다음과 같다.A type : 타이틀 1줄, 본문 2줄, 액션 버튼 2개(확인/취소)B type : 타이틀 1줄, 본문 3줄, 아이콘 1개, 액션 버튼 2개인(확인/취소) 처음으로 아이콘을 그려보게 되었다. 선이나 사각형 위주의 아이콘은 만들기 쉬웠으나 곡석이 포함된 아이콘은 꽤나 애먹었다.다음은 내가 만든 다이얼 로그이다.알림받기 설정이란 상황을 가정하고 만들게 되었다.