목록UIUX (39)

뀨나의 온라인 서랍장

UX에 대한 모든 것

0. 들어가기 전에 레퍼런스 추천 서적 - UX 리서치 : 데이비드 트래비스 & 필립 호지슨 공저 - 사용자를 생각하게 하지 마! : 스티브 크룩 - LEAN UX : 제프 고델프 & 조시 세이던 공저 닐슨 노먼 그룹 (NNG; Nielsen Norman Group) 홈페이지 www.nngroup.com Nielsen Norman Group: UX Training, Consulting, & Research A leader in the user experience field, NN/g conducts groundbreaking research, trains and certifies UX practitioners, and provides UX consulting to clients. www.nngroup.c..
UIUX/학습일지 2024. 1. 8. 16:48
레퍼런스 분석 #01 콴다(QANDA)

*iOS 를 기반으로 한 케이스 스터디입니다. 첫 레퍼런스 분석은 학생들의 대표 스터디 앱으로 자리잡았던 콴다를 분석해보고자 한다. 사실 작년부터, 10대, 20대 학생들을 타겟으로 친구들과 효율적으로 공부할 수 있는 새로운 스터디앱을 제작하고 있다. 그래서인지 평소 다른 서비스들보다 스터디앱을 더 많이 봐와서 익숙하기도 했고, 이때까지 머리속과 피그마에 산발적으로 정리해두었었던 레퍼런스를 정리해놓고 두고두고 볼 수 있는 기회라고 생각해 콴다를 선택하게 되었다. 콴다는 특정 계층과 지역에서만 가능했던 개인화된 학습을 AI 기술을 통해, 누구나 공평한 교육 기회를 주고자 하는 목표를 가지고 만든 스터디앱이다. 콴다 홈페이지에 따르면, 지금까지 콴다로 공부한 유저의 숫자는 무려 8,500만명 이상이라고 한다..
UIUX/레퍼런스 분석 2024. 1. 7. 00:00
UX 디자이너의 포트폴리오

1. UX 디자이너 포트폴리오의 특징 그들이 내 포트폴리오를 보는 시간... 단 3분 흥미가 간다. 다시 한번 보고 싶은데? -> 훑어볼때 인상에 남아야 다시 본다! 문서 자체가 포트폴리오 포트폴리오의 정보 구조 가독성을 위한 레이아웃 콘텐츠의 강약조절 텍스트가 많음 디자인의 배경, 컨셉, 검증과정 등이 기술되어야하기 때문에 좋은 포트폴리오 : Case study 볼드체와 그림만 보고도 이해가 되도록 제작해두었음. http://simonpan.com/ User Experience Design Portfolio of Simon Pan Simon Pan is a User Experience Designer based in Sydney. He rocks in User Research, Information A..
UIUX/학습일지 2024. 1. 5. 15:17
다양한 디자인 평가 방법

1. A/B Test 'AS is to BE' or 'Which do you prefer A to B?' ex. 넷플릭스의 A/B test 조직적이고 전세계 서비스이기 때문에 지역에 맞는 형태를 찾기 위해 대규모로 자주 실시함. 로그인 버튼 텍스트만 변화를 두어 시안 제작 -> 한번 이거 구독해볼까? 라는 흥미가 들게끔 하는 텍스트는 뭘까? 프로세스 1. 가설 수립 'CTA button에 따라 클릭 카운트가 달라질 것 같다' 2. 변수 설정 UI text만 변경 (텍스트만 아니라 컬러 등 다른 것도 변경해서 테스트한다면 변수가 너무 많아짐 그래서 굉장히 중요함!) 3. A/B 시안 제작 (총 6개의 시안 제작) 4. 조사 설계 (기간, 대상, 테스트방식, 지표KPI) 단 기간이 너무 길면, 시간이 변수가..
UIUX/학습일지 2024. 1. 5. 14:55
UI 리뷰와 MVP, 그리고 사용성 테스트

Todo List UX 이론 / 기초파트 Chapter 7. 디자인 평가 및 테스트 UX 이론 / 기초파트 Chapter 8. UX 디자이너 되기 학습일지 작성 과제 1. UI 리뷰 우리가 상상하지 못한 경우도 벌어지기도 함 Usability 네비게이션, 친숙도, 일관성, 에러 예방, 피드백, 시각적 명료성, 유연성, 효용성 ex. 캐주얼한 서비스라면..? 에러메세지는? -> Error (X) Ooops... (O) ex. 작은 화면에서는 모든 옵션을 보여주기 보다는 가장 인기 있는 옵션만 보여주고, 더보기를 준다. ex. 인풋 필드에 직접적으로 에러메세지를 보여주는 것 ex. 뱃지 컬러의 적당한 대비 ex. 보여주는 데이터를 작은 컴포넌트로 일렬로 나열한다면 클릭하기도 힘들고 보기도 어려움 ex. 홈페..
UIUX/학습일지 2024. 1. 5. 12:53
디자인 컨셉과 정보구조

1. 디자인 컨셉 서로가 생각하는 디자인의 컨셉에 괴리가 있을 수 있다. -> 그래서 정확한 시각적 자료 문구 표현이 필요함 컨셉디자인을 하면? 1. 스토리를 기반으로 제품의 방향성을 시각화 2. 만들고자 하는 제품의 예상도 3. 시장의 반응을 미리 확인 또는 이해관계자 4. 만들고자하는 제품의 예상도 5. 커뮤니케이션을 위한 아이디어의 시각화 등등.. 1. 표준 등에 대한 위반의 여지는 없는가? 2. 디자인 컨셉과 부합하는가? 3. 구현이 가능한가? 4. 요구사항은 잘 반영될 수 있나? 5. 스타일 리뷰 등등.. UX 디자인 컨셉 1. 목표 (Goal) 2. 범위 (Scope) 3. 정황 (Context) 4. 전략 (Key feature) [목표] 자주 주문하는 메뉴의 식당 중 가능한 빨리 배달 가능..
UIUX/학습일지 2024. 1. 4. 17:29
이전 Prev 1 ··· 3 4 5 6 7 Next 다음