본문 바로가기

전체 글229

[디자인 카타] PC에서 상세 정보 보기, 어떤 방식이 다량의 정보를 탐색할 때 편한가요? 1. 주제 선정 PC에서 상세 정보 보기, 어떤 방식이 다량의 정보를 탐색할 때 편한가요? 2. 개인 의견 [B 팝업 띄우기] 선택 왜 해당 UI가 더 좋은지?익숙한 UIA 안에 비해 비교적 넓은 영역에 많은 정보 제공 가능텍스트나 표 등을 자유롭게 배치할 수 있음 나머지 하나는 왜 선택하지 않았는지?정보를 표시하는 공간이 제한되는 것 같음내용이 많으면 스크롤을 해야 해서 불편함보통 카드가 뒤집히는 움직임으로 전환 효과를 부여하는 데 시각적으로 매력적이기는 하나 반대로 탐색 속도를 저하시킴여러 상세 정보를 동시에 열람하기에는 불편함정보가 간단하거나 핵심만 보여줄 때는 A 안이 적합해 보임 3. 공통의견 및 정리✊ 팀원 모두 [B 팝업 띄우기] 선택 📖 A 카드 뒤집기장점 정리시각적으로 화려하고 .. 2025. 8. 8.
[TIL] 0807 1. 오늘 학습 키워드사용자 흐름 설계사용자 행동 설계북극성 지표인게이지먼트 게임 2. 오늘 학습한 내용을 나만의 언어로 정리하기 사용자 행동의 중심 요소우리가 하는 행동 ▶️ 모두 목적을 가지고 있음구체적으로 원하는 무언가에 무사히 도착하게 하는 게 디자이너의 할 일행동 설계의 주요 3가지 요소목표, goal: 사용자가 이루고자 하는 목적행동, task: 목적을 이루기 위한 단계별 액션흐름, flow: 액션을 연결하는 정보 구조 북극성 지표(North Star Metric)실무에서는 여러 사람들이 함께 협업함 ▶️ 사용자 문제가 없는지 파악하기 어려움데이터를 분석해서 '우리가 잘 하고 있다'고 확인할 수 있는 기준을 만듦그 기준이 북극성 지표 ▶️ 사용자의 목적을 숫자로 나타낸 것북극성 지표를 봐야하.. 2025. 8. 7.
[실전 UI 디자인] CH1: 사용자 목적과 UI 디자인 이해 1-1) UI 디자인의 개념 디자인의 목적UI: User Interface, 사용자가 시스템과 만나는 첫 장면이자 사용자의 행동을 유도하는 설계된 접점예쁘고 균형 잡힌 화면도 좋지만, UI 디자인 본질은 행동을 설계하는 일사용자가 서비스를 사용하는 모든 순간에, 우리가 원하는 행동을 선택하도록 유도하는 것 사용자 흐름 설계사용자가 어떤 행동을 위해 자연스럽게 움직이도록 돕는 흐름(flow)예시: 배달 앱에서의 사용자 흐름사용자 목표: 배달 음식을 시켜 먹는 것홈화면 ▶️ 음식 카테고리 ▶️ 가게 상세 ▶️ 메뉴 선택 ▶️ 장바구니 ▶️ 결제위 흐름에서 어디서 선택할지, 어디서 고민할지, 어떤 정보가 우선순위인지 알 수 있도록 설계해야 함 UI 디자인의 바른 접근 잘못된 접근: 결과물을 먼저 생각해버린 판.. 2025. 8. 7.
[TIL] 0806 1. 오늘 학습 키워드디자인 카타개인과제 마무리 2. 오늘 학습한 내용을 나만의 언어로 정리하기 오늘도 디자인 카타 외에는 개인 과제 진행함! 오늘 진행한 디자인 카타🔽 [디자인 카타] 아이폰 사파리(Safari) 탭, 무엇을 더 선호하나요?1. 주제 선정 아이폰 사파리(Safari) 탭, 무엇을 더 선호하나요? 2. 개인 의견 [A 탭 막대] 선택 왜 해당 UI가 더 좋은지? 한 손 조작 시 손가락 위치와 탭 막대의 거리가 짧아서 접근이 편리함 제스처azure326.tistory.com 3. 학습하며 겪었던 문제점 & 에러 - 새롭게 알게 된 점 & 느낀점개인과제(2) 해설을 들으면서 공감되었던 점은 보통 사용자는 사용자가 원하는 진짜 니즈를 모른다는 것 .. ++ 개인과제 하면서 앱 리뷰를 중.. 2025. 8. 6.
[디자인 카타] 아이폰 사파리(Safari) 탭, 무엇을 더 선호하나요? 1. 주제 선정 아이폰 사파리(Safari) 탭, 무엇을 더 선호하나요? 2. 개인 의견 [A 탭 막대] 선택 왜 해당 UI가 더 좋은지? 한 손 조작 시 손가락 위치와 탭 막대의 거리가 짧아서 접근이 편리함 제스처를 통한 탭 간 전환이 더 간편함 나머지 하나는 왜 선택하지 않았는지? 공유하기, 책갈피, 탭 전환 같이 핵심 기능이 바로 표시되어 있는 탭 막대에 비해 단일탭은 원하는 기능을 사용하려면 추가 동작이 필요함 실사례 조사 한 손으로 사용하기 편리, 콘텐츠 중심 경험(사용 중에 탭이 자동으로 숨겨짐), 탭 간 전환이 쉬움, 환경 변화 같은 이유가 하단으로 위치가 바뀐 이유에 해당됨 사파리 검색 탭의 하단 이동은 단순한 디자인 변경이 아닌 사용자 조작성, 몰입도 환경 변화에 대한 반응이 반영.. 2025. 8. 6.
[TIL] 0805 1. 오늘 학습 키워드디자인 카타개인과제 문제 정의, 아이디어 발산 2. 오늘 학습한 내용을 나만의 언어로 정리하기 오늘도 디자인 카타 외에는 개인 과제 진행함! 오늘 진행한 디자인 카타🔽 [디자인 카타] 마이페이지에 프로필 사진 유무, 어떤 차이가 있을까?1. 주제 선정 마이페이지에 프로필 사진 유무, 어떤 차이가 있을까? 2. 개인 의견 [A 프로필 표시] 선택 왜 해당 UI가 더 좋은지? 개인의 개성 표현이 가능함사용자 식별이 쉬움사용자와 서비스 간azure326.tistory.com 3. 학습하며 겪었던 문제점 & 에러 - 새롭게 알게 된 점 & 느낀점어제 문제 정의 하던 거 마무리하고 아이디어 도출까지는 들어감,.. 정리랑 발표 자료 만들기만 남았다! 다가올 피드백은 두렵지만 과제(2)가 .. 2025. 8. 5.

티스토리툴바