BlueWIPER BlueWIPER

6주차 과제는 무신사 클론디자인이다. 🤓 화면비율에 대한 가이드가 따로 없어서 당근마켓 디자인 때는 미묘하게 다른 텍스트 설정값을 계속 바꾸느라 시간이 오래 걸렸다. 여전히 가이드는 없지만 일관성 있는 디자인 연습을 위해 화면 비율을 아이폰 13에 맞추고 작업했다. 🤓 원본 위에서 작업하여 최대한 비슷한 텍스트 설정값을 주려고 했다. 🤓 당근마켓에서는 아이콘을 재활용해야 해서 컴포넌트를 만들어야 했는데 무신사에서는 모듈 단위로 반복되고 있어서 그룹해서 복사 붙여넣기 하는 과정이 더 많았다. 🤓 모듈 단위는 컴포넌트를 만들 때 수정이 쉬우려나..? 반복되는 작업이 많은 페이지에 적용해봐야겠다.

5주차 개인 과제 당근마켓 클론디자인 저번주까지는 간격과 클론디자인을 따로 했는데 이번주에는 클론디자인 후 각 UI컴포넌트에 대해 역할에 대해 함께 정리해야한다. 아주 똑같이 따라하려면 정확한 폰트를 알지 않고서는 일관성 있는 디자인이 어렵다. 이번에도 과제에서 제공하는 사진 크기를 모바일버전으로 조정해서 사용했는데 그래서 그런건지 줄간격은 계속 바뀌고, 구분선의 위치 또한 소수점까지 조정해야 해서 너무 혼란스러웠다. 일관성 있게 하고 싶은데 도무지 좌우 마진, 타이틀 일부 말고는 일관성 있는 디자인이 어려웠다. 아이콘도 비슷한 역할인데 베리에이션을 줘야해서 모양이 미세하게 달라지는데 이게 맞나 혼란스러웠다. 원본 사진 위에 내가 디자인한 컴포넌트를 올려놔보고 똑같은가 비교해보고 간격에 유의해서 배치했..

파파고 파파고는 번역뿐만 아니라 언어 학습, 문장 해석, 단어 검색 등 다양한 기능을 제공하여 사용자들의 다양한 언어 관련 요구에 부합하는 서비스를 제공한다. 파파고를 알아보자 파파고는 인공지능 기반의 번역 앱으로, 다양한 언어 간의 번역을 실시간으로 제공하고, 텍스트, 음성, 사진 등 다양한 레퍼런스를 인식하여 해당 언어로 번역 결과를 제공한다. 조사하고 싶은 이유 최근 들어 인공지능을 기반한 어플의 UI구조는 일반 어플 UI와 어떤 차이가 있을까 궁금해졌다. 파파고는 인공지능이라는 생각 없이 일상 생활이나 여행 등 다양한 상황에서 유용하게 활용하고 있던 앱이다. 인공지능을 기반한 앱을 쓰다보면 출력값의 정확도에 대해 항상 아쉬운 마음이 들어 더 나은 앱이 없을까 생각하게 되는데 많은앱을 다운로드 해봤..

2차 유저리서치를 위한 그룹이 발표됐다. 1차에서 미흡했던 점을 보완하기 위해 리서치 방법론 학습을 다시 해야겠다는 생각이 들었다. UX 이론 / 기초 파트 2 Chapter 5. 더블 다이아몬드 방법론과 리서치 더블 다이아몬드 방법론 도메인 이해, 해결이 필요한 문제 선정, 잠재적 아이디어를 발산하는 과정을 설명 1. 첫 번째 다이아몬드 맥락적 사용자 리서치를 하며 관찰, 공감, 해석을 한다. 🧐 맥락적? 사용자가 실제 생활에서 이 프로덕트(서비스)를 어떻게 이용하는지 고민하는 관점 발견단계 Discover 문제를 탐색하고 발견하는 단계 에스노그라피(Ethnography), 데스크 리서치(Desk research), 필드 리서치(Field Research), 맥락 인터뷰(Contextual Inquir..

Chapter 8. UX디자이너 되기 8-3. UX디자이너의 포트폴리오 UX디자이너 포트폴리오의 특징 문서 자체가 포트폴리오 1. 포트폴리오의 정보구조 2. 가독성을 위한 레이아웃 3. 콘텐츠의 강약조절 텍스트가 많음 1. 디자인의 배경, 컨셉, 검증과정 등이 기술 포트폴리오의 사용자는 면접관! 문서의 사용성이 좋은 포트폴리오를 만들자! 어떻게 해야 읽을 수 있도록 유도할 수 있을까 고민 좋은 포트폴리오 벤치마킹하기 Simon Pan 구글러 1. Portfolio : Design works 2. Writing : Publishing(Articles, Blogs, etc.) 3. About : Design philosophy [표지] 여백을 사용하여 콘텐츠에 집중할 수 있도록 함 컬러가 방해요소가 되지 않..

와 되게 깔끔한걸~ 물론 여기까지 오는 게 정말 정말 너무 너무 힘들었다. 우리는 모두 직장인으로 구성되어 있었다. 3주동안 새로운 사람들을 만나 팀 이름을 정하고, 미팅을 잡고, 어떤앱을 할지 선정하고, 서로 의견을 주고 받고, 마지막으로 PPT와 대본을 하나의 영상으로 만들어 우리만의 '상영회'까지 마쳤다. 중간 중간 개인적으로 안 좋은일이 겹쳐서 미팅에서 아무렇지 않은척 할 수 있을까 싶었는데 되더라.워낙 우리 팀원들이 적극적으로 참여하 고 좋은 에너지를 줘서 사실 그런일이 있었다는 것조차 잊고 과제에만 몰두할 수 있었다. 그런데 오히려 아무일도 없던 프로젝트 초반에는 너무 열성적으로 의견을 내는데에 집중하다보니 너무 투머치 적극적이었달까. 회의중에 목소리를 너무 크게 낸 것 같아서 반성의 시간을 ..

넷플릭스 넷플릭스는 멤버십을 기반으로 영화, 드라마 및 오리지널 콘텐츠를 스트리밍할 수 있는 서비스이다. 국내 OTT점유율 1위이다. 조사하고 싶은 이유 평소에 가장 자주 들어가는 앱이지만 체류시간만큼 이 앱을 잘 알고있지는 않다고 생각한다. 내가 늘 보는 '커뮤니티'라는 미국드라마가 왓챠와 넷플릭스 둘 다 스트리밍하고 있는데 왜 나는 넷플릭스에서 보기를 결정했을까. 동시에 새로운 콘텐츠를 찾아보지 않게된 이유는 무엇일까에 대해 앱 사용성과 연관이 있나 궁금해졌다. 살펴보다보니 넷플릭스는 사용자가 수동적으로 사용할 수밖에 없는 사용자 환경이라는 것을 발견했다. 넷플릭스는 A/B테스트를 자주한다. 장점은 내가 알게 모르게 발전한다. 단점은 내가 좋아하던 기능도 어느샌가 없어졌다는 것.넷플릭스에 대해 알아보..

Chapter 8. UX 디자이너 되기 8-1 UX 디자이너에게 필요한 기본 개념 Part 1 A/B test AS is to BE or Which do you prefer A or B? process 가설 수립 : CTA button에 따라 클릭 카운트가 달라질 것 같다. 변수 설정 : 무엇을 다르게 적용할 것인가 결정. 예를 들어 UI text만 변경(버튼의 위치, 디자인은 동일), 바뀌는 부분이 많아지면 어떤 이유 때문에 좋은 영향이 있었는지 구체적으로 알 수 없다. A/B시안 제작 조사 설계 기간 : 2주(mm/dd-mm/dd) 대상 : 랜딩 페이지에 접속하는 아시아 유저 테스트방식 1 : 랜딩 페이지에 접속한 유저에게 랜덤으로 6개 시안 노출 테스트방식 2 : 지역별로 각 시안을 2주동안 노출 ..