본문 바로가기

Log_UIUX School

 (52)
UIUX 스터디 4주차 학습일지 03 : 커머스 앱 분석 - 12 여러가지 커머스 앱을 경험 순서대로 (회원가입 - 카테고리 - 제품 상세 - 장바구니 - 결제) 각 페이지를 살펴보고 클론 디자인을 실습했다. 각각 서비스마다 어떻게 UI 디자인을 했는지 자세히 알아볼 수 있었다. 그리고 피그마도 스터디하면서 익숙해지도록 했다. 에어비앤비 회원가입 페이지는 본인인증 후에 간단한 정보 입력을 하는 게 전체 플로우다. 간결하고 텍스트필드도 커서 시원시원하였다. 에어비앤비의 카테고리 페이지는 마치 인스타그램 피드를 보는 듯 하였다. 특이했던 것은 카테고리의 타이틀이 메인 페이지에는 보이지 않고 상세 페이지에 들어가야 보이는 것이었다. 타이틀이 없으니 전체적으로 깔끔하게 숙박시설을 즐기면서 탐색할 수 있었다. 마켓컬리의 카테고리 페이지는 상품을 소팅하는 모듈이 광고를 가운데 두..
UIUX 스터디 4주차 학습일지 02 : 회원가입 페이지 스터디 - 11 회원가입 페이지 상세 치수 스터디 마켓컬리는 주소 기입만 빼면 플로우가 훨씬 간결해질 것 같다. 주문할 때 데이터를 받아도 되지 않을까? 번거로운 인증을 먼저 하고 나머지 정보 기입하는 플로우의 에어비앤비 보편적인 앱들과 순서가 달라서 29cm가 제일 UX가 좋은 듯 싶었는데 맨 마지막에 가서 이미 가입한 아이디가 있다고 떴다.. (?) 자칫 지루해질 수 있는 경험을 아이콘을 같이 사용해 깔끔하고 시원시원하게 정리했다.
UIUX 스터디 4주차 학습일지 01 : 바이널씨 특강 - 10 피그마에서 에셋 내보내는 법 1) 소문자 사용하기 2) 첫글자 숫자 금지 3) 띄어쓰기 금지 4) 축약하기 Button -> btn Image -> img Icon -> ic 5) 규칙 만들기 (유형+이름_숫자 등) ic-favorite-24.png btn-go-hover.png 피그마 퍼블리싱하기 책 모양의 아이콘을 누르면 퍼블리시가 가능 바이널씨 특강 내용 복기 사용자 여정지도를 만들 때 주목해야할 사항 각 단계에서 캐치업할 수 있는 니즈나 감정, 불편사항 등을 정리해야 함. 실무에서 잘 사용되는 프레임워크. AS-IS 문제점을 발견하는 것이 중요하다. 레퍼런스 분석은 왜 해야하는지 해당 카테고리의 다양한 플랫폼을 분석해서 해당 업계의 플랫폼이 구동되는 바운더리를 인지해야 어떻게 개선해야 좋을지에 대..
UIUX 스터디 3주차 학습일지 03 : 필드 리서치란 - 9 오늘은 필드리서치를 하기 위한 계획을 짜봤다. 필드리서치는 UX 디자인 프로세스에서 어떤 단계에서 시행하며 왜 해야하고 어떻게 해야하는지 다시 되짚어보고자 한다. UX디자인 프로세스는 크게 3가지가 있다. 일반적인 방법, 더블다이아몬드 방법, 린 방법론 일반적인 방법은 Listen > Analyze > Design > Test의 단계로 이루어진다. 사용자의 말을 듣고 그 말에 담긴 의미를 연결하거나 분석해 디자인으로 치환하는 것이다. 그리고 이 디자인이 사용자가 원래 하던 말의 의도와 맞는지 다시 테스트한다. 더블 다이아몬드 방법론은 Discover > Define > Develop > Deliver로 이루어진다. Discover은 내가 무엇을 알고 무엇을 모르는지 판별이 불가능한 상태에서 시작하는 것으..
UIUX 스터디 3주차 학습일지 02 : '뉴닉' 분석 - 8 얼마 전에 새로운 어플을 분석해보고자 여러가지 어플을 탐색하던 중 '뉴닉'을 만나게 되었다. 학교 다닐 땐 과제하느라, 현재는 취업준비를 하라 뉴스에 관심도 없던 나는 뉴닉을 사용해보고 뉴스를 보고 나만의 생각을 갖게 되는게 재밌다고 생각하게 되었다. 단순히 편리하고 유용한 기능을 제공했던 다른 어플과는 다르게, 뉴닉은 내가 스스로 실제 현상을이리저리 해석해볼 여유와 여지를 주는 어플이었다. 네이버나 타 신문사 뉴스페이지는 그렇게 손이 가지 않았는데, '뉴닉'은 처음 깔았을 때부터 여러가지 콘텐츠를 계속 찾아읽게 되었다. 사용성이 굉장히 좋은 어플이라고 생각되었고, 사용성의 대가인 스티브크록의 사용성 기준에 따라 어플을 분석해보고자 하였다. 스티브 크록의 '사용자를 생각하게 하지마'에서 이야기하는 사용성..
UIUX 스터디 3주차 학습일지 01 : 토스 프로덕트 디자이너 특강 - 7 오늘 Adobe XD 공부를 하고 프로덕트 디자이너 현직자의 특강을 들었다 내가 평소에 가지고 있던 생각과 같은 방향이 너무 많아서 도움이 많이 되었다 잊기 전에 복기해보고자 인사이트를 정리해보았다 프로덕트 디자이너가 하는 일이란? 1. 전체 유저의 경험을 설계 서비스를 진입하는 순간부터 나가고 다시 되돌아오게 만드는 모든 플로우에 관여한다 2. 유저 테스트 3. 유저 인터뷰 4. 디자인 애셋 디렉팅 콘텐츠 디자인, 브랜드 디자인 팀에 현재 필요한 맥락의 이미지를 요구하기 5. 디자인 가이드 제작 광고주들에게 요청할 때 일정한 형식의 디자인을 위한 가이드 제작 6. 기타 우리 서비스에 어떤 것이 부족한지 그때그때 생각하고 아젠다를 만들어냄 스프린트 단위 이터레이션이란? 1. 가설 설정 2. MVP 실험 ..
UIUX 스터디 2주차 학습일지 03 : 왜 UX 디자이너가 되고싶은가 - 6 아티클 1 UX 커리어 시작하기: 사용자 경험 디자인 직업을 시작하고자 하는 사람들을 위한 완벽한 가이드 개인적으로, 필자는 UX가 제공하는 다양함이 매우 즐겁다. 스스로 또는 다른 사람들과 함께하는 디자인적인 도전들과 일의 범위들이 좋다. 시각적, 기술적 그리고 대인관계적인 능력을 적용할 수 있는 이 직업은 스스로 매우 보람차게 느껴졌다. 그리고 일을 통해 나오는 웹사이트, 모바일앱, 인터페이스와 같은 결과물들이 사용하는 사용자들에게 힘을 부여하고 가치를 부여한다는 점은 금상첨화로 다가온다. 아티클을 읽고 가장 인상깊었던 부분이다. 만약 내가 미래에 UX 커리어를 갖게된다면 필자처럼 느낄 수 있을까? 생각하게 되는 문구였다. 대학시절 UX에 관련하여 스터디해보고 발로 뛰며 느꼈던 감정이랑 비슷했다. 만..
UIUX 스터디 2주차 학습일지 02 - UX 리서치 방법론 - 5 ux분야와 마케팅 분야에서 퍼소나 차이 ux분야의 경우 제품과 관련된 사용자의 행동이 드러나도록 제작, 마케팅에서는 제품의 의사결정에 초점을 맞춤 퍼소나를 만들기 위해선 어떤걸 생각해야할까 우리는 어떤걸 위해 퍼소나를 만들어야 할까 (목표) 무엇을 어떻게 해결하고자 하는가 (문제) 문제점을 개선하기 위한 무엇이 필요한지 (명확한 요구사항) 퍼소나를 위한 비즈니스 가정 우리 고객들은 ()하려는 니즈가 있다. 상품을 빠르게 구매하려는 이러한 니즈는 ()으로 해결될 수 있다. 로켓배송으로 우리의 초기고객은 ()이다. 일 것이다. 기존에 로켓배송을 사용해보지 않았던 사람들 고객들이 우리 서비스에서 얻어내려는 가장 큰 가치는 ()이다. 빠른 배송 고객들은 부가적인 이득으로 () 또한 얻을 수 있다. 저렴한 제품,..

티스토리툴바