05-1
만들 서비스 구상
디자인 역량 + "어떤 문제를 해결하기 위한 시도와 경험"
사용자의 반응을 얻어내는 서비스 vs. 멋져보이는 서비스
문제를 해결하는 디자인
실제 서비스 조사
앱 스토어의 배달.쇼핑, 채팅, 콘텐츠, 생산성, 엔터테인먼트 , 금융 등 다양한 분야 알아보기
1) 성공적인 서비스 떠올리고 앱 사용하며 그 이유 분석
2) 현재 사용중인 서비스 떠올리고 앱 사용하며 그 이유 분석
3) 사용 중이지는 않지만 최근 호응을 얻고 있는 서비스 떠올리고 앱 사용하며 그 이유 분석
로고
브랜드를 각인시킬 수 있는 수단
서비스를 대표할 수 있는 단어, 서비스 종류 이해를 도와주는 형상 등 로고만 보더라도 서비스의 특징을 인지 가능
동종 업계 로고 리서치 후 저작관 리스크 제외 및 영감 얻기
해당 서비스와 색감의 연계성
로고 만들기
적용할 기준 세우기
(빠른 키워드 파악, 느낌, 접근성, 정보의 양, 내용 유도)
로고 실제 적용하기
위치나 시인성은 공신력 있는 디자인 가이드 참고
Google Play 아이콘 디자인 페이지
로고가 보이는 환경 고려
스크린샷
상세 페이지 화면의 로고가 들어가면 페이지
사용 이미지
로고와 앱 이름
스크린샷의 UI에 로고 관련 프레임으로 덮어씌우기
05-2 콘셉트 UI 잡기
단순한 초기 디자인
가입 프로세스, 온보딩, 메인, 설정, 검색, 상세 페이지
진입 메인 화면 UI -> 전체 서비스 확장
여러 메인 UI 살펴보기
이미 출시된 앱의 패턴 찾고 내 스타일로 적용
공통점
메뉴, 로고, 검색, 알람, 정보 탭, 콘텐츠, 관련 상품 등
콘셉트 UI - 일단 만들고 시작하기
왜 들어갔는지 생각하기보다, 아직 기획서, 마케팅 전략, 개발 로드맵이 없으므로 우리 서비스에 반영하면 어떤 모습일지 시안 만들기 = 콘셉트 UI
기획서가 없어도 빠른 진행 가능
최초 시안 시각화로 관계자 의견 구합 가능
콘셉트 UI 기능별 분석
메뉴
보통 서비스에서 가장 강조하고 싶은 콘텐츠 이외의 모든 것
개인정보나 설정 등
24 X 24px가 일반적
공지사항, 계정, 설정, 문의, 최근 본 레시피 등
업데이트 후 빨간 점 추가 등 유동성
로고 브랜딩
브랜드 이미지 각인하기
로고를 통상적으로 왼쪽 상단에 배치함(왼쪽에서 오른쪽으로 문자를 읽는 문화권)
검색
중요햔 기능이라면, 눈에 잘 띄는 곳에 배치
알림
빨간 점으로 알려준다면 따로 표현할 필요가 없으므로 따로 UI를 표시하지 않고 필요한 곳에 빨간 점을 넣음
정보 탭
검색보다 동작을 덜 하는 방법(카테고리)
직관적인 카테고리(메뉴 이름)
정보 수급 모색
콘텐츠
첫 화면 노출
말을 거는 듯한 경험으로 자연스러운 준비
가장 매력적일 요소가 최상단 노출
클릭 시 다른 유용한 정보 : 조리 시간, 상황, 검증 여부
신뢰도 : 좋아요 기능
북마크 기능
