알고 마시는 즐거움 Recipe Yuhu! Mobile App User Experiense...

알고 마시는 즐거움

Yuhu!

uhuOverview

기존에 앱 같은 경우 영어로 되어있고, 국내에는전문적으로 배우거나 쉽게 접근하기에 한계가 있어 이를 쉽게 하기위해 앱 서비스를 만들고자 하였다.

Date 2018-08-30

Work 개인작업

Position UX / UI / GUI

Recipe

Mobi le App

User Experiense

uhu01

02

03

04

05

06

기획의도

스타일가이드

인포그래픽

스토리보드

워크플로우

UI디자인

02 스타일 가이드uhuLogo

Y자에 심플하게 표현하기 위해 칵테일을 입혀 디자인 하였다

Color

R 231 G 231 B 231#e7e7e7

R 24 G 24 B 24#181818

R 255 G 255 B 255#FFFFFF

R 118 G206 B255#76CEFF

Main

Sub

R 0 G 114 B 187 R 83 G 127 B 144#0072BB #537890

Design Keword

버튼이 여러개거나 검색이 어렵거나 술을 잘 모르는 처음 접하는 사람들은 서비스를 이용하는데 있어서도 어려움을 느낀다. 그렇기 때문에 단순하게 간편하고 쉽고 빠른 누구나 이용 할 수 있는 즐겁게 볼 수 있는 디자인을 만들려고 하였다

UX UI 디자인

간편함 쉬운 편안함

Typo

rix밝은 고딕uhu메인 글씨 (fabulous) Yyuhu

알고 마시는 즐거움

RecipeRecipe

0123456789

영문(Script MT Bold)

(rix밝은 고딕)

Num

많은 사람들이 칵테일에 관심이 있으나접근에 어려움을 느끼고 있었고, 여러방안으로 만들 수 있음을 알 수 있었다.

칵테일 앱 서비스 운영/중요도 인식

칵테일만드는경험 서비스 만족 재료 구래정보의 다양성 충족 레시피

찾는 사람들에게 충분한 재료 흥미를 이끌 수 있는 충족되는 레시피가 중요 요소

최근 사람들의 칵테일에 대한 정보

43% 31% 19%

스마트폰 인터넷 서적 및 전문학원

7%

기타

현 세대의 압도적인 인터넷과 스마트기기의 활용

칵테일 앱 동향

칵테일 앱의 과거와 현재

칵테일 종류

외국어

부족한 재료

활용

재료 구매

사이트 소개가이드+ ++

칵테일에 대한 지식 전문화

고려한 컨텐츠 확장

단순 정보를 제공했던 과거 앱과 달리

현재늘어난 칵테일 만큼 레시피를 토데

로한 정보의 전문화 및 다양성을 고려한

컨텐츠확장시킨 앱이 증가하고 있다

uhu 03 인포그래픽

분석 및 문제점 도출

일반 칵테일 앱 >

언어 이해 부족

많은 어플들이 생겼으나, 대부분

앱은 해외에서 만들어진 어플들이

대부분이다 보니 이해가 어려운

현실이다

정보의 부족함

정보를 이해하는데 있어 국내에는

어플이 거의 없기 때문에 부족한

정보로 구성되어 있고, 해외에서

주류를 이루는 칵테일에 대한

레시피가 대부분이다

복잡한 디자인

서비스의 미흡

그림 or 사진 한장정도의 이미지

와 한눈에 보이지 않는, 흥미를

끌지 않는 레시피 디자인, 그리고

레시피를 만들기 위한 앱의 서비스

미흡

= >=

레시피에 대한

특성을 고려하지 않은

앱 구조

개선 방향성 도출

폭 넓은 정보

레시피

한 눈에 보이는 심플한 디자인

컨텐츠를 방해하지 않는 시각적 편리함

다양한 레시피와 정보

사용자를 위한 즐겨찾기

+개선

어플 서비스

콜라보레이션

uhu 03 인포그래픽

uhu

문서명 ver. 작성자 작성일자

시스템명 시스템구분 Page

단위업무 디렉토리

1

2018.09.04

개발사항

화면설계

홈/연결페이지

1.0 칵테일 어플 스토리 보드

칵테일 홈

박찬호

사용자(Client)

확인

①

②

③

①메인 그림/사진

②

메인 네이밍

③

넘어가기 버튼




2

2018.09.04

개발사항

화면설계

메인 페이지 홈 테마


메인

박찬호

사용자(Client)

연결 로고

그림

계정 연결

연결하라는 설명

스킵

④

④

④

⑤

⑤

⑤ ⑥

⑥

⑥

⑦

⑦

⑦

⑧ ⑧

⑧

① ② ③ 메뉴

로고아이콘

검색txt

txttxt

연동

txt txt txt

txt

로고

txt

txt txt txt

로고

txt txt

txt txt

⑨ ⑩

⑪

⑫

⑬ ⑭

칵테일

테마

즐겨찾기

테마 이름

다른테마 이름

top1마크

칵테일 사진

넘어가는 다음 사진

이름

리뷰 로고

즐겨찾기 로고

①

②

③

④

⑤

⑥

⑦

⑧

⑨

⑩

⑪

⑫

⑬

⑭

04 스토리 보드

uhu 04 스토리 보드

①①

②

②




3

2018.09.04

개발사항

화면설계

메뉴>레시피 상세설명


레시피 상세설명

박찬호

사용자(Client)

공유하기 아이콘

뒤로가기 아이콘

③

③

배경사진

칵테일 사진④④

⑤

⑤ ⑥

⑥

⑦

⑦

⑧

⑧

⑨

⑨

⑩

⑩

⑪

⑪

⑫

⑫

TXT

txt

제조법

재료

재료 나열

게이지 바

리뷰 로고

즐겨찾기 로고

제조법 나열

txt

tip

배경 그림

칵테일 소개 및 설명




4

2018.09.04

개발사항

화면설계

홈>메뉴>추천레시피>톡톡


메뉴

박찬호

사용자(Client)

①

①

②

②

③

③

④

④

⑤

⑤

⑥

⑥

⑦⑦

⑧

⑧⑨

⑨

⑩

⑩

txt txt txt

로고

txt txt

txttxt

TXT

txt

TXT

txttxt

txt txt

txttxt

txt txt

⑪

⑪

⑫

⑫

⑬

⑬

⑭

⑭

넘어가는 사진/그림

몇개인지 표시

⑮

⑮

글쓴이/타이틀내용/올린날짜

칵테일 사진

답글

레시피 보내기

레시피

재료

책 모양

카메라 아이콘 클릭시 사진

타이틀

다른이에게 레시피를 보여주세요

저장

당신의 레시피

뒤로가기




4

2018.09.04

개발사항

화면설계

레시피


칵테일 / 상세설명

박찬호

사용자(Client)

①

①

②

②

③

③

④

④

⑤

⑤⑥

⑥

⑦

⑦

⑧

⑧

⑨

⑨ ⑩

⑩⑪

⑪

⑫

⑫

txt

txttxt

txt txt

txttxt

txt txttxt

txttxttxt

txt txt

txt txt

사용자 등록사진

사용자 아이디

사용자 등록 리뷰

기간/시간

답글 달기

댓글 등록

보내기 아이콘

사진 등록

별명 유무 확인

사용할 별명 입력

유의점

등록 아이콘

05 워크플로우

TXT

확인

txttxt

연동

txt txt txt

로고

txt txt

메뉴텍스트

메뉴텍스트

메뉴텍스트

메뉴텍스트

메뉴텍스트

메뉴텍스트

메뉴텍스트

메뉴텍스트

txt txt txt

txt

로고

txt

txt txt txt

로고

txt txt

txt txt

제조법

재료

TXT

txt

txt

txttxt

txt txt

txttxt

txt txt

txttxt

txt txt

txt

txt

txt

txt

txt

txttxt

txt txt

txttxt

txt txt

txt

TXT

txt

TXT

메인 계정 연동 계정 별명

홈 화면 테마 즐겨찾기 레시피 추천

칵테일 레시피 칵테일 상세설명 리뷰 TALK(게시판)

메뉴

uhu

uhu

끝

알고 마시는 즐거움 Recipe Yuhu! Mobile App User Experiense...

Documents

Transcript of 알고 마시는 즐거움 Recipe Yuhu! Mobile App User Experiense...