월 14,960원
5개월 할부 시다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 해결됨뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
좋은 UX와 나쁜 UX 찾기 과제
플랫폼 자체가 2단 띄어쓰기가 잘 안되네요ㅠ 행간 차이를 명확하게 주려고 했는데 불가능하니 되도록 이미지를 다운받아서 봐주시길 바랍니다.좋은 UX, 나쁜 UX 찾기 나쁜 UX의 예: 콜로소콜로소는 온라인 클래스 사이트이다. 이 사이트에서 겪은 자질구레한 불편은 많은데 특히, 이 이벤트 페이지의 UX 리디자인이 필요해보인다. 1. 콘텐츠(강의)가 중심이 되는 플랫폼에서 콘텐츠가 1순위 위계가 아니다. 온라인 클래스 플랫폼은 콘텐츠가 제 1순위 정보이다. 그런데 할인 버튼에 너무나 강한 강조가 들어가 강의의 제목이 잘 보이지 않는다. 제목 부근에 스페이싱을 넉넉하게 줘서 눈에라도 잘 띄게 했으면 좋았을 것 같다. '4만원 추가할인 받기', '6만원 추가할인 받기'에 상대적으로 채도가 강한 색이 2개나 들어가 정신이 없다. (심지어 주황색 백그라운드에 빨간색으로 '2만원 추가할인받기'라고 써져있어 가시성마저 좋지 않은 버튼도 있었다.) 2. 4만원을 할인 받으면, 전체 비용에서 얼마를 할인 받는거지? 120만원 짜리 노트북을 사는데 4만원 할인이면 크게 느껴지지 않으나 8만원 짜리 제품을 사는데 4만원 할인이면 크게 느껴지는 법이다. 저 강의들의 정가에서 도대체 어느정도 할인을 해주는 건지, 좋은 조건인지 한 번에 이해되지 않는다. 즉 설레지 않는다. 몇 % 할인이라던가, 정가를 회색 글씨에 밑금 긋고 할인가격에 하이러라키를 주는 식으로 바꿀 필요가 있어보인다. 3. 컨셉 모델간에도 카테고리가 통일되어 있지 않다. 현 UI는 우측 상단의 '이벤트' 탭을 눌렀을 때의 화면이다. 우측 상단 카테고리 탭에서 강의들을 브라우징 했을 땐 '영상 디자인'이라고 분류되어 있는데 이벤트 페이지에는 '모션 그래픽/VFX'로 분류되어 있었다. 이 두 개가 다른 카테고리의 강의인지 왔다갔다 하면서 비교해보는 불필요한 수고가 더 들었다.컨셉모델 간의 불일치로 멘탈 모델까지 혼란을 겪은 것이다. 4. 개별 강의의 제목을 알 수 없다. 이 상품들은 기본적으로 '세트상품'이다.두 강사의 개별 강의를 한 번에 싸게 구입할 수 있는 상품인 것이다. 처음엔 별 무리없이 세트상품인 것처럼 생각했지만 클릭을 해봐도 개별 강의라는 힌트가 없었다! 그래서 두 사람이 협동으로 만든 새로운 강의인가? 저분들의 개별강의 2개를 샀을때와 다른 구성의 강의들로 이루어져 있는건가? 등으로 고민하다가 QnA로 질문하기도 했다. 유저가 바로 지갑을 열려는 타이밍에 브레이크가 걸린 것이다. 좀 더 명징하게 1+1 구성이라는 것을 밝혀야 한다. 5. 설레지 않는다. 이 모든 점이 합쳐져서 즉, 설레지않는다. 타 온라인 클래스 사이트인 클래스 101를 보면 콜로소처럼 모든걸 볼드한 글씨로 강조한 것도 아닌데 좀 더 쉽게 정보를 파악할 수 있고, 이 강의가 얼마나 할인이 되는지, 할인 마감시간은 언제까지인지, 얼마나 많은 학생들의 관심을 받고 있는지를 알 수 있다. 좋은 UX의 예 핀터레스트 아티스트, 디자이너들이 가장 많이 사용하는 레퍼런스 수집 사이트이다. 애용하는 사이트이기도 하고 최근 그루핑을 수정하는 것이 매우 쉬워졌다는 것을 체감하고 있어서 좋은 UX 사례로 꼽았다. (하지만 필자는 나쁜 UX는 어느정도 강하게 캐치할 수 있는데 좋은 UX라고 강하게 느껴지는 경우는 별로 없었다.) (https://www.pinterest.co.kr/) 1. 내 취향의 이미지들을 손쉽게 받을 수 있다. 핀터레스트에서 제공하는 이미지들은 내가 원하는 주제와 관련성이 매우 높아 시간가는줄 모르고 빠져들때가 많다. 원하는 주제에 대해 느슨하게 방대한 레퍼런스를 얻고 싶으면 핀터레스트만한게 없다. 2. 남의 보드를 쉽게 팔로잉하거나 가져올 수 있다. 새로 원하는 주제에 대해서 아주 방대하게 자료를 체계적으로 쌓아온 다른 사용자를 발견할 때가 있다. 그런 귀한 보드를 클릭 한 번으로 내 보드에 추가할 수 있다. 또한 그 사용자의 다른 보드들도 열람하면서 목적이랑은 다르지만 좋은 보드들도 추가할 수도 있다. 3. 구글 플러그인으로 타 사이트에서 원하는 이미지를 쉽게 다운로드 받을 수 있다. 핀터레스트 플러그인2)을 알고나서 내 레퍼런스 수집 방식은 완전히 달라졌다.. 너무 간편하고 쉽다! 원래 마우스 오른쪽 버튼을 막아놓은 페이지들은 캡쳐를 하는 식으로 따로 저장을 하기도 했는데 번거로운 작업과정이 줄어들었다.
- 미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
잘 보고있어요!
안녕하세요. 눈으로 보기 쉽게 풀어주시고 말로 잘 풀어서 설명해주셔서 재밌게 도움 많이 받고 있어요. 디자인 포기했다가 다시 해보려고 합니다. 이 강의 빨리듣고 피그마 강의도 기대가 되네요. 그 설명 중간에 휴라스틱 평가에 관련 링크 공유해주신다고 하셨는데 어디에 있는 건지 모르겠어요. 도와주세요!
- 미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
섹션 7 강의 듣고 글 올립니다~
안녕하세요 에릭 선생님😁 '섹션 7. “빠르게” UI디자인을 잘할 수 있도록 도와주는 디자인 원리들' 강의를 듣고 내주신 과제를 제출하려 합니다. 강의에서 소개된 UI 디자인 원리 중에 저는 '근접성'을 선택했습니다. 잘 적용된 사례는 '미니스탁' 앱을 선택했고, 아닌 사례는 '베리픽'이라는 앱을 선택했습니다. 먼저 아래는 '미니스탁' 앱에서 일부 화면을 캡쳐한 것인데요, 종목/항목마다 관련된 텍스트들이 가까이 붙어 있고, 다른 종목/항목에 대한 것은 일정한 간격을 두고 떨어져 있고 확실하게 구분이 되며, 근접성이 잘 적용 되었다고 생각합니다. 또한 아주 옅은 구분선까지 있어 너무 정신 사납지(?) 않으면서 다른 항목과 혼동되지 않게 한 것도 좋았습니다. 근접성의 원리가 잘 적용되지 않은 사례로 선택한 '베리픽' 이라는 앱의 화면 중 일부를 캡쳐하여 아래 첨부하였습니다. 각 사진과 그 밑에 있는 설명 텍스트가 서로 연관된 것임에도 불구하고 어정쩡하게 간격을 두고 있어서 근접성의 원리가 잘 적용되지 않았다고 생각하였습니다. 사진 - 관련 설명, 사진 - 관련 설명 ... 이런 구조인데 잘못 보면 설명 텍스트가 텍스트 위에 있는 사진에 대한 것인지 아래에 있는 사진에 대한 것인지 헷갈릴 것 같습니다. 또한 제목 아래에 있는 상세 설명 텍스트 부분이 한 화면에 다 나오지 않고 말 줄임표로 끝나서 사용자가 한 번 더 눌러야 상세 설명을 다 볼 수 있는 구조도 조금 번거롭다고 느껴졌습니다. 이 분야는 처음 배워보는데 이렇게 적는 것이 맞는지 모르겠습니다 😅 강의 들은 내용을 토대로 나름 분석해보려고 했는데.. 혹시 더 보충할 것이나 아님 제가 간과한 내용이 있다면 알려주시면 감사하겠습니다. 항상 강의 잘 듣고 있어요~ 이거 다 들으면 피그마 강의도 들으려고 합니다 ^^ 또 좋은 강의 많이 올려주세요! 감사합니다☺️
- 미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
안녕하세요.
강의 중에 eternation(?) 반복이라고 하셨는데 인터넷에 검색해봐도 그런 단어는 없다고 해서요. 정확한 단어 알려주실 수 있을까요?
- 미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
휴리틱스
휴리틱스 체크를 확인할 수 있는 좋은 사이트가 있나요?
- 미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
인터넷 뉴스 리스트에서 보는 디자인의 원리
(네이버) 인터넷 뉴스 리스트에서 보는 디자인의 원리 비교적 큰 공백을 주어 주제별로 나눠져 있다는 느낌을 받을 수 있다는 점에서 근접성의 원리로 볼 수 있습니다. (좌측의) 카테고리, (중앙의) 헤드라인 뉴스, (우측의) 언론사별 뉴스를 보면 보여지는 텍스트와 사진의 패턴이 동일하여 '같은 이유로 분류되어 있구나' 라는 것을 알수있으므로 유사성의 원리로 볼 수 있습니다. 텍스트가 많아서 인지 좀 답답해 보이는 느낌이 드는 것 같아 여백이 좀 더 넓었으면 어땠을까 하는 생각을 해봅니다...
- 미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
아마존 프라임 비디오 페이지에서의 유사성의 원리와 근접성의 원리
비디오 썸네일에서 크기의 차별을 두어 영상의 종류나 특성에 따라 차별을 두고 있다는 점에서 유사성의 원리를 찾아볼 수 있습니다. 다만, 리스트 타이틀과 비디오간의 간격이 약간 애매하여 근접성의 원리가 아주 잘 적용됐다고 보기는 힘들 것 같습니다. 비교예시로 넷플릭스에서는 리스트 타이틀과 영상들간의 간격에 좀 더 과장된(?) 간격을 두고 있습니다.
- 미해결뉴욕 프로덕트 디자이너가 알려주는, 입문자를 위한 UX디자인 개론
UX 리서처
UX 리서처는 보통 어떤 커리어를 통해 될 수 있나요? 대학원에서 심층면접, FGI, 참여관찰 등 질적연구방법을 통해 논문을 작성하고 현재 연구 프로젝트에서도 비슷한 일을 하고 있는 취준생입니다. 기본적으로 사용자(현재 저의 상황에서는 연구 대상이 되겠지요)에 대해서 탐구하고 분석하는 것을 좋아하고, IT 서비스에도 관심이 많아서 ux 리서처에 관심이 많습니다. 그런데 말씀하신 것처럼 규모가 큰 회사에서만 채용하는 것 같아서, 신입으로서 리서처 포지션으로 입사를 준비한다면 어떤 경험을 먼저 해야할까요? 예시) 1. 린스타트업 프로세스 경험(ux디자이너, pm, 운영매니저 등 다른 포지션으로라도 경험해보는 게 좋을까요?) 2. 리서치회사 경험 3. 정성조사 외에도 정량조사 방법론 추가 공부 4. 프로젝트 참여