제로베이스
-
[제로베이스]UIUX디자인스쿨 7주차_01UXUI/학습일지 2023. 7. 19. 01:42
그룹 프로젝트 > 넷플릭스 사용성 향상 > User Flow 내일까지 콘텐츠 결정을 위해 후기를 원하는 사용자의 User Flow 제작해야 한다. 완성본을 올리기에 앞서 User Flow는 무엇이고, 왜 만드는지에 대해 리마인드하고자 한다. User Flow는 무엇인가 User Flow는 사용자가 제품 또는 서비스를 이용하는 과정을 시각적으로 표현한 것이다. 일반적으로 화살표와 다이어그램을 사용하여 사용자의 이동 경로와 화면 전환을 나타낸다. 사용자의 행동과 환경을 고려하여 설계되며, 사용자가 제품 또는 서비스를 통해 어떤 목표를 달성하고자 하는지를 보여준다. 사용자의 주요 목표 및 행동 : User Flow를 통해 사용자가 어떤 주요 목표를 가지고 있고, 그 목표를 달성하기 위해 어떤 행동을 하는지 파..
-
[제로베이스]UIUX디자인스쿨 레퍼런스분석 5 '크몽'UXUI/레퍼런스 분석 2023. 7. 17. 09:53
크몽 2012년 론칭된 대한민국 최초의 프리랜서 마켓이다. 크몽을 알아보자 크몽은 한국의 대표적인 온라인 프리랜서 플랫폼이다. 크몽을 통해 다양한 분야의 전문가와 고객이 연결되어 서비스를 제공하고 이용할 수 있다. 조사하고 싶은 이유 청소부터 전기 시공, 번역·통역까지 갖가지 재능을 거래할 수 있는 '재능마켓' 플랫폼 애플리케이션(앱) 설치 건수가 지난 4년간 8배 넘게 폭증한 것으로 나타났다. 크몽은 이제는 한국에서도 꽤나 익숙해진 긱 이코노미 문화의 중심축에 있다. 700여개가 넘는 서비스를 편리하고 직관적인 인터페이스를 제공하여 쉽게 서비스를 이용할 수 있도록 도와준다. 크몽은 혁신적인 비즈니스 모델을 가지고 있어 기존의 오프라인 시장을 온라인으로 이전시키고 새로운 비즈니스 기회를 모색하고 지속적인..
-
[제로베이스]UIUX디자인스쿨 6주차_02UXUI/학습일지 2023. 7. 11. 22:49
어제는 몸이 너무 안 좋아서 이번주 과제 어떡하나 걱정이 많았는데 자고 일어나니 너무나 멀쩡 역시 잠을 잘 자는 게 정말 중요하다! 기운 차린김에 개인 과제와 그룹프로젝트 할당량을 채웠다. 내가 전에 쓴 아티클 분석글에 적힌 소프트스킬에 대해 읽어봤는데, 오늘 그룹프로젝트를 진행하고 나니 내가 날 잘못 알고 있었던건가 생각이 든다. 이전 커리어에서 긍정적인 피드백을 받았던 부분이 잘 작동하지 않는 것 같다. 속상하다. 내가 받은 그룹프로젝트 피드백을 이번 그룹프로젝트에 체크리스트로써 반영할 수 있는 것만 요약 발췌해서 재구성해보았다. 1) 리서치 단계에서 미리 답을 내려버리면, 이후부터는 미리 설정한 답에 끼워넣기 위한 조사를 할 수 밖에 없습니다. (뻔한 결과를 초래하기 쉽습니다.) 2) 문제의 요인과..
-
[제로베이스]UXUI디자인스쿨 6주차_01UXUI/학습일지 2023. 7. 11. 22:00
6주차 과제는 무신사 클론디자인이다. 🤓 화면비율에 대한 가이드가 따로 없어서 당근마켓 디자인 때는 미묘하게 다른 텍스트 설정값을 계속 바꾸느라 시간이 오래 걸렸다. 여전히 가이드는 없지만 일관성 있는 디자인 연습을 위해 화면 비율을 아이폰 13에 맞추고 작업했다. 🤓 원본 위에서 작업하여 최대한 비슷한 텍스트 설정값을 주려고 했다. 🤓 당근마켓에서는 아이콘을 재활용해야 해서 컴포넌트를 만들어야 했는데 무신사에서는 모듈 단위로 반복되고 있어서 그룹해서 복사 붙여넣기 하는 과정이 더 많았다. 🤓 모듈 단위는 컴포넌트를 만들 때 수정이 쉬우려나..? 반복되는 작업이 많은 페이지에 적용해봐야겠다.
-
[제로베이스]UIUX디자인스쿨 5주차_03UXUI/학습일지 2023. 7. 9. 22:00
5주차 개인 과제 당근마켓 클론디자인 저번주까지는 간격과 클론디자인을 따로 했는데 이번주에는 클론디자인 후 각 UI컴포넌트에 대해 역할에 대해 함께 정리해야한다. 아주 똑같이 따라하려면 정확한 폰트를 알지 않고서는 일관성 있는 디자인이 어렵다. 이번에도 과제에서 제공하는 사진 크기를 모바일버전으로 조정해서 사용했는데 그래서 그런건지 줄간격은 계속 바뀌고, 구분선의 위치 또한 소수점까지 조정해야 해서 너무 혼란스러웠다. 일관성 있게 하고 싶은데 도무지 좌우 마진, 타이틀 일부 말고는 일관성 있는 디자인이 어려웠다. 아이콘도 비슷한 역할인데 베리에이션을 줘야해서 모양이 미세하게 달라지는데 이게 맞나 혼란스러웠다. 원본 사진 위에 내가 디자인한 컴포넌트를 올려놔보고 똑같은가 비교해보고 간격에 유의해서 배치했..
-
[제로베이스]UIUX디자인스쿨 레퍼런스 분석 4 '파파고'UXUI/레퍼런스 분석 2023. 7. 9. 21:35
파파고 파파고는 번역뿐만 아니라 언어 학습, 문장 해석, 단어 검색 등 다양한 기능을 제공하여 사용자들의 다양한 언어 관련 요구에 부합하는 서비스를 제공한다. 파파고를 알아보자 파파고는 인공지능 기반의 번역 앱으로, 다양한 언어 간의 번역을 실시간으로 제공하고, 텍스트, 음성, 사진 등 다양한 레퍼런스를 인식하여 해당 언어로 번역 결과를 제공한다. 조사하고 싶은 이유 최근 들어 인공지능을 기반한 어플의 UI구조는 일반 어플 UI와 어떤 차이가 있을까 궁금해졌다. 파파고는 인공지능이라는 생각 없이 일상 생활이나 여행 등 다양한 상황에서 유용하게 활용하고 있던 앱이다. 인공지능을 기반한 앱을 쓰다보면 출력값의 정확도에 대해 항상 아쉬운 마음이 들어 더 나은 앱이 없을까 생각하게 되는데 많은앱을 다운로드 해봤..
-
[제로베이스]UIUX디자인스쿨 5주차_02UXUI/학습일지 2023. 7. 5. 19:38
2차 유저리서치를 위한 그룹이 발표됐다. 1차에서 미흡했던 점을 보완하기 위해 리서치 방법론 학습을 다시 해야겠다는 생각이 들었다. UX 이론 / 기초 파트 2 Chapter 5. 더블 다이아몬드 방법론과 리서치 더블 다이아몬드 방법론 도메인 이해, 해결이 필요한 문제 선정, 잠재적 아이디어를 발산하는 과정을 설명 1. 첫 번째 다이아몬드 맥락적 사용자 리서치를 하며 관찰, 공감, 해석을 한다. 🧐 맥락적? 사용자가 실제 생활에서 이 프로덕트(서비스)를 어떻게 이용하는지 고민하는 관점 발견단계 Discover 문제를 탐색하고 발견하는 단계 에스노그라피(Ethnography), 데스크 리서치(Desk research), 필드 리서치(Field Research), 맥락 인터뷰(Contextual Inquir..
-
[제로베이스]UIUX디자인스쿨 5주차_01UXUI/학습일지 2023. 7. 3. 17:07
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 [표지] 여백을 사용하여 콘텐츠에 집중할 수 있도록 함 컬러가 방해요소가 되지 않..