본문 바로가기

전체 글229

[UX 기획 및 리서치] CH1: UX/UI의 이해 1-2) UX/UI 개념 이해 UX vs UIUX(User experience, 사용자 경험): 유저가 제품이나 서비스와 상호작용하는 과정에서 얻는 모든 경험UI(User Interface, 사용자 인터페이스): 유저가 최종적으로 제품이나 서비스를 사용할 때 맞닿는 시각적 구성 요소차이점UX 디자인은 유저의 관점에서 유저의 문제를 해결하는 것에 집중하고, UI 디자인은 시각 언어의 규칙을 만드는 것에 집중함 최근에는 점차 UX와 UI 디자인을 모두 아우르는 UX/UI 디자이너 및 프로덕트 디자이너 직군이 늘어남에 따라 칼 자르듯이 개념을 구분하지 않는 추세 1-3) UX/UI 디자인 프로세스 더블 다이아몬드 모형 이해하기 더블 다이아몬드 모형은 문제 정의와 문제 해결에 초점을 둔 디자인 프로세스 모형.. 2025. 8. 27.
[TIL] 0826 1. 오늘 학습 키워드UI 팀프로젝트 제출 및 발표 2. 회고 (설명은 추후에 수정해서 추가할 예정) 프로젝트 중 가장 어려웠던 점단순히 불편하다는 차원이 아니라 사용자가 겪는 구체적인 문제를 발견해서 문제를 정의해야 하는 것이 어려웠다. 문제와 목적이 한눈에 보이도록, 발견한 문제가 너무 넓지 않고 뾰족하게 정의해야 했기 때문에 실제로 프로젝트에서 가장 많은 시간을 투자한 것 같다.초반에 리서치 자료는 많을수록 좋을 것 같았지만, 문제 정의와 아이디어 발산 과정에서 자료가 너무 방대해져 오히려 핵심을 잡기가 어려웠다. 결국 자료를 모두 활용하기 보다는 문제와 직접적으로 연결되는 데이터만 추려내는 과정이 필요했다. 3. 내일 학습 할 것은 무엇인지ch4 발제 2025. 8. 26.
[TIL] 0819 1. 오늘 학습 키워드문제 정의서비스 분석 2. 오늘 학습한 내용을 나만의 언어로 정리하기 문제정의를 진행하는 과정에서 논리적 흐름이 부족하다는 피드백을 받았고, 이를 보완하기 위해서 팀원들과 함께 근거를 찾아보는 시간을 가졌다. 이 과정을 통해서 스토리텔링의 중요성을 더 실감할 수 있었던 것 같다. 3. 학습하며 겪었던 문제점 & 에러 - 새롭게 알게 된 점 & 느낀점사용자 이해하기서비스의 주요 사용층은 누구인지, 그들이 겪는 문제 파악하기차별화 포인트 발견하기기존 서비스와 비교했을 때 차별점은 무엇인지그 차별점이 사용자 문제 해결에 어떻게 기여하는 지 살펴보기적용 가능성 탐색하기분석을 통해 발견한 강점이나 기능을 서비스에 적용할 수 있을지 검토하기UI 패턴이나 사용자가 편리해하는 요소들 중점으로 살.. 2025. 8. 19.
[TIL] 0814 1. 오늘 학습 키워드서비스 조사타겟 사용자 조사다른 서비스와 비교 2. 오늘 학습한 내용을 나만의 언어로 정리하기 서비스 조사 진행대상 서비스: 맥도날드, 컴포즈커피분석 항목:서비스 목적주요 기능제공하는 가치타사와의 차별점사용자 리뷰 분석타겟 사용자 조사주요 타겟 사용자 정의특성과 니즈 도출경쟁 서비스와 비교 분석성과각 서비스별 강점과 약점 파악경쟁사 대비 차별화 포인트 도출 -> 미완성타겟 사용자 프로필 및 니즈 명확화 -> 미완성앱 플로우 -> 미완성 미완성인 부분은 각자 월요일까지 맡아오기로 협의함 3. 학습하며 겪었던 문제점 & 에러 - 새롭게 알게 된 점 & 느낀점서비스 선정과 조사 과정이 예상보다 시간이 많이 소요된다조사 범위가 넓어질수록 분석의 깊이와 시간이 함께 늘어난다는 점을 체감한 .. 2025. 8. 14.
[TIL] 0813 1. 오늘 학습 키워드컴포넌트프로토타입 연결 2. 오늘 학습한 내용을 나만의 언어로 정리하기 좋은 컴포넌트의 기준재사용성: 다양한 페이지와 맥락에서 같은 의미로 사용될 수 있어야 함 (e.g. 버튼)유연성: 상황에 따라 상태나 데이터, 구조가 바뀌어도 무너지지 않아야 함 (e.g. 카드 UI에 이미지가 없는 경우에도 레이아웃이 깨지지 않도록)확장성: 다양한 조합으로 만들어져도 관리가 쉬운 구조여야 함 (e.g. 태그 컴포넌트를 강조나 속성 표시 등 다양한 상황에서 사용하더라도 동일한 컴포넌트에서 관리할 수 있어야 함)일관성: 제품 전체에서 동일한 기능은 동일한 방식으로 동작하고 보여야 함 (e.g. 항상 같은 높이/라운드/컬러로 유지)협업 친화성: 역할과 속성이 명확해야 함 (e.g. 네이밍, 상태명, .. 2025. 8. 13.
[디자인 카타] 에이블리와 지그재그의 배송 현황 화면 어떤 이유로 보여주는 형태가 다를까? 1. 주제 선정 PC에서 상세 정보 보기, 어떤 방식이 다량의 정보를 탐색할 때 편한가요? 2. 개인 의견 [A 에이블리] 선택 왜 해당 UI가 더 좋은지?프로그래스바가 상단에 위치해 있어서 현재 배송 단계를 한눈에 파악 가능함 + 사용자가 궁금해 하는 단계(출고, 배송중, 도착)가 바로 드러남텍스트를 읽어 해석하는 과정 없이 바로 상태를 이해할 수 있음 나머지 하나는 왜 선택하지 않았는지?텍스트 중심이라 진행 상황이 와 닿지 않음각 단계를 일일이 읽어야 해서 확인 과정이 번거로움텍스트가 많아질수록 핵심 정보가 흐려짐 실사례 조사2024년 전자상거래 주문 추적 페이지 디자인 10가지 많은 인기 디자인이 진행률 표시줄 같은 시각적 요소를 사용함 (자라, 베스트 바이, 펫스마트, … ) → 시각적 진행률 표.. 2025. 8. 13.

티스토리툴바