분류 전체보기30 [하루 5분 UX] 읽고 간단히 정리 1. UX란 무엇인가UX 디자이너는 사용자 만족보다 사용자가 쓰기 편하게 만드는걸 중심으로 두어야 한다.사용자 만족은 주관적인 견해이기 때문이다. UX 디자이너는 사용자의 피드백을 넘어 그보다 더 나은 것을 제시할 수 있어야 한다. i.e) 어플에 달린 리뷰에서 개선점을 요구할 때, 단순히 수용하는 것을 넘어 그보다 더 적절한 것을 떠올릴 수 있어야 한다.애플의 다이나믹 아일랜드처럼! UX 디자인 프로세스는 다음과 같다.1. 리서치 수행2. 아이디어 구상3. 구현하여 실제 효과 확인 2. UX의 5대 핵심 요소1. 심리 사용자의 생각을 중심으로 생각해야 한다.무의식적으로 디자이너 스스로의 견해를 넣는 것을 인식해야 한다. 2. 사용성사용자는 게임을 할 때는 어려울수록 더 재미를 느끼지만, 그 외에는 .. 2025. 2. 6. 개인과제: 음식 배달/외식 시장을 타깃하는 한 가지 아이디어를 도출하고, 프로토타입으로 표현해보기 https://glossy-turkey-a24.notion.site/Ch-2-18f53a1a3a8b80c9959ef24414b746f3?pvs=4 Ch 2. 개인과제 | Notion필수 과제 1: 디자인씽킹에 기반한 아이디어 도출glossy-turkey-a24.notion.site 생각보다 재밌었다.우히힝 2025. 2. 5. 6주차 강의 숙제: 레퍼런스 분석하기 (카카오톡) 1. 화면 구조 분석카카오톡에서 5개의 메인 탭 화면이 각각 어떠한 구조로 되어있는지 나눠보세요 2. 디자인 원칙 기반 분석좋은 사례 2개와 나쁜 사례 2개, 총 4개의 사례를 찾아서 디자인 원칙에 근거하여 작성해 보세요. 좋은 사례1. 네비게이션 바에 미확인 메시지 수를 대비가 강한 색으로 표시한 점. + 채팅방 우측에도 표시 - 안 본 메시지는 색상의 대비를 통해 확연하게 표시하여 사용자가 쉽게 인식할 수 있도록 돕는다. - UX 비주얼 디자인 원칙 중 '색상을 통해 대비를 줌'으로써 사용자가 쉽게 인식할 수 있도록 도움 2. 채팅방의 방 제목과 최신 텍스트 간의 글자 크기를 차이를 둠으로써 사용자가 용이하게 제목과 텍스트를 구별지을 수 있도록 시각적으로 위계를 둠 나쁜 사례 1. 무분별한 색상.. 2025. 2. 4. UXUI 디자인 입문 6주차 - 레퍼런스 분석 파트 핀테크/금융 핀테크/금융 제품의 특징- 돈과 관련된 산업이다 보니 국가, 금융 기관의 법과 정책의 영향을 많이 받음 - UI에 대한 구체적인 가이드라인이 있다거나 화면에 대해서 관련 기관의 심의를 받아야 하는 경우도 있음 *핀테크/금융은 여러 앱을 동시에 비교해 보는 걸 추천함*도메인의 특성상 제약 사항이 있는 경우가 많은데, 제한 조건을 각각의 앱엥서 어떻게 풀어냈는지 비교해 보는 것이 도움이 되기 때문. 같은 기능의 화면을 찾고 비슷하면서도 다른 점을 비교해 보고, 사용성을 높이기 위해 노력한 흔적도 찾아보자. 핀테크/금융 주요 레퍼런스 금융자산 연결자산/소비 분석 신용대출 비교 등의 기능을 한 번 살펴보자 이런 식으로 눈에 보이는 섹션대로 나누면 된다. 콘텐츠콘텐츠 제품의 특징콘텐츠의 종류.. 2025. 2. 4. UXUI 디자인 입문 6주차 - 강의 복습 (래퍼런스 분석) 래퍼런스 분석 여러 가지 사례를 상세하게 분류해 생각해보고 도움이 될 만한 부분을 찾아보는 과정을 의미함 - 얻고 싶은 정보를 기준으로 다양한 사례를 수집하고, 세부 요소들로 쪼개어 살펴봄- 세부 요소들을 관찰하면서 좋은 점과 나쁜 점, 그리그 그 이유를 찾고 생각해 보자- 분석을 통해 얻은 인사이트도 정리하기 래퍼런스 분석을 하는 이유 래퍼런스를 분석하는 과정에서 디자인에 대한 영감을 얻고 좋은 디자인을 구분하는 지식을 쌓을 수 있기 때문 래퍼런스 분석하는 방법1) 화면 구조 분석 화면이 각각 어떤 요소들로 구성되어 있는지 분해해보는 단계 아토믹 디자인 시스템에서는 화면을 구성하는 요소를 '파운데이션' -> '엘리먼트' -> '모듈' -> '페이지'로 나누고 있음 파운데이션: 더 이상 세부 속성으.. 2025. 2. 4. 5주차 강의 숙제: 디자인 원칙의 실제 사례 찾아보기 1. 게슈탈트 심리학에서 3가지를 골라 실제 사례를 찾아보세요. 1. 유사성의 원리 (스퀘어모피즘 같은 거): 네비게이션 바, 아이콘 대다수의 어플은 좋아요는 하트, 댓글은 이모티콘 아이콘을 사용하여 표시함 네비게이션 바는 표시와 배치는 조금씩 다르기는 하지만, 대다수가 홈을 맨 왼쪽에 배치하고 아이콘을 5개 정도로 배열하고 있음 (당근, 에브리타임, 인스타그램, 밀리의 서재 등) 2. 근접성의 원리스파르타코딩클럽 이외에도 여러 웹사이트에서는 최상단에 타이틀을 적고, 그 아래에 해당 타이틀과 연관된 페이지를 일렬로 나열해놓음. 그리고 각 타이틀 별로 내용의 거리가 있음을 표현하기 위해 충분한 여백을 두어 연관성을 암시함 3. 페쇄성의 원리 밀리의 서재에서는 서적을 가로로 스크롤할 수 있음을 사용.. 2025. 2. 3. 이전 1 2 3 4 5 다음
