UI/UX
-
01. 디자인 시스템이란?디자인/디자인 시스템 2021. 7. 10. 21:27
# What? 디자인 시스템이 뭔데? - 디자인 원칙, 규격, 가이드 # Why? 왜 필요한데? - 효율성 -> 했던거 재활용 - 일관성 -> 니 멋대로 만들지마라 디자인 시스템에 맞춰 만들어! # How? 1. 핵심 화면 (와이어프레임) 만들기 - 서비스 기획 후 핵심 화면 8개정도 와이어프레임 만들기 -> 여기서 재활용할 요소들 어느정도 추려내 -> 내가 자주 쓰는 header, footer, card, sidebar, navbar, icon 등을 미리 나만의 와이어프레임으로 만들어놓자, 이렇게 하면 내가 갖고 있는 요소들 중 선택해서 그래픽 디자인, 컬러 등으로 그 서비스만의 스타일만 구상해 디자인 시스템으로 만들면 돼. 레이아웃 같은걸로 서비스의 성격을 드러내려 하지말고 이미지 요소들, 컬러로 드..
-
05. 기능 구체화 및 정리디자인/UX 디자인 2020. 6. 3. 15:05
# What? - 어피니티 다이어그램을 기반으로 기능 구체화 및 정리하기 # Why? - 제시된 문제들을 해결하려고 # How? 1. 아이디어 구체화 1) 어피니티 다이어그램 헤더들을 토대로 어떻게 이 문제들을 해결할지 아이디어 내보기 (이 때는 질보다는 양, 브레인 스토밍이라 보면 됨. 일단 아이디어 편하게 막 내고 나중에 선별) 2) 괜찮은 의견 선별 2. [누가 / 어떨 때 / 뭐가 불편하다] => [해결책] 제시해보기(이걸 만들어보면서 추가되는 기능 아이디어가 있다면 메모에 추가하기) [마케터가 / 이벤트 데이터를 수집할 때 / 매번 각각 이벤트 페이지에 들어가서 확인하고 캡처하는게 힘들다] => [이벤트 페이지 크롤링] [외주업체가 / 이벤트 보고서를 볼 때 / 의미있는 결과를 도출하기 힘들다]..
-
03. 인터뷰디자인/UX 디자인 2020. 6. 3. 12:15
# What? 이게 뭔데 - 실제 이 서비스를 필요로 할 사람들을 인터뷰 # Why? 이걸 왜 해 쓸 사람들을 제대로 이해해야 실제 쓰일 서비스를 만들 수 있음 쓸 사람들을 인터뷰하다보면 놓쳤던 부분, 새로운 아이디어, 구체적인 해결책을 짜내는데 도움이 됨. # How? 어떻게 하는데 1. 처음엔 정해진 질문지 없이 소수의 서비스 대상자들을 모아놓고 자유로운 분위기로 토론하면서 정보 얻기 2. 심층 인터뷰 설계 1) 인터뷰 대상 정하기(다양한 의견을 들어보려면 다양한 사람, 다른 입장을 가진 사람을 인터뷰해보는게 좋음) 2) 인터뷰 목적 정하기(내가 이 인터뷰로 얻어내려는게 뭔지) 마케터의 업무 프로세스 알아내기 마케팅 보고서를 받을 사람의 특징 알아내기 3) 실제 인터뷰 진행하가며 인터뷰하기 * 메인 ..
-
02. 경쟁사 분석디자인/UX 디자인 2020. 6. 3. 11:26
# What? 경쟁사? - 내가 만드려는 서비스와 비슷한 서비스를 운영하고 있는 회사 # Why? 이걸 왜 조사해? 현실적인 틀을 잡는데 도움이 됨(다른 회사가 했던 삽질을 우리는 안할 수 있음) 장단점을 비교해 효율적으로 서비스 제작 가능 우리는 어떤 포인트로 경쟁력을 확보할지 설계하는데 도움이 됨 # How? 어떻게 조사하는데 비교 내용 서든어택 오버워치 발로란트 사용자의 금전 부담 무료 유료 무료 게임 난이도 낮음 캐릭터별로 다름 중간 장점/경쟁우위 - 저사양 컴퓨터도 가능 - 오랜 기간 구축해온 인프라 - 다양한 컨텐츠 - 주기적인 업데이트 - 화려한 그래픽 - 다양한 캐릭터 - 직관적인 UI/UX - 다양한 컨텐츠 - 롤 인프라 이용 - 기존 게임 카스 이용자 대거 유입 - 캐릭터마다 스킬을 달..