Issuu on Google+

deok

검증된 정보를 신속하게 찾는 APPLICATION 개발 제안서 Proposal Document / v0.09

명지대학교 시각디자인전공 60072825 정덕래

Copyright Ⓒ 2012 DEOK All Right reserved.


deok

Contents

STEP 1.

STEP 2.

Plannig & UI

1. Team 1_1 Introduction 2. Target 2_1 Target Definition 2_2 Target Image 3. A Round-Table Talk 3_1 Arrangement 3_2 Image 4. VOC 5. Funtion 6. Funtion Research 6_1 Ranky 6_2 Naver Directory 6_3 Alexa 6_4 Appsooni 6_5 Arrangement

3p

4p

6p

8p 9p 10p

GUI Concept

7. Brainstorming 8. Keyword 8_1 Concept Keyword 8_2 Detail Keyword 9. Visual Mood Borad 10. GUI Research 9_1 Layout 9_2 Color 9_3 Icon 9_4 Font 11. Information Design Research 12. Main Screen 13. Finish

19p 20p

22p 23p

27p 28p 35p

Copyright â’¸ 2012 DEOK All Right reserved.


deok 1_1 Introduction

1. Team

Team name : For U The meaning of Team name : User 와 You의 중의적 의미로써 U를 사용하여 모든 사용자만이 아니라 개인으로써의 당신을 위한 UI를 하겠다는 의미

오동근

미디어 문화에 관심이 많은 사용자들을 대상으로 누구나 손쉽게 자신이 생각하는 이미지를 표현하도록 영상 제작 부터 미디어 파일들을 활용한 퍼포먼스까지 지원하는 영상제작 어플리케이션

정덕래

쉽게 얻을 수 있는 정보의 양이 많아지는 만큼 정보의 질은 떨어지는 현 시점에서 사용자의 참여로 축적된 데이터를 통해 신뢰성 있는 정보를 제공하는 사이트 순위 제공 어플리케이션

3 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 2. Target

2_1 Target Definition

신속하고 검증된 정보를 얻고 싶은 검색자

연령 : 직업 : 특징 :

문화 :

20 ~ 40세의 적극적으로 사회활동을 하는 연령

검색 결과 이용 방식

검색 이용의 가장 중요한 속성

다양한 정보 검색이 필요한 대학생 및 직장인 컴퓨터 및 모바일 기기로 정보검색이 익숙함 높은 수준의 원하는 정보를 얻기 원함 원하는 정보를 얻기 위해 많은 노력을 기울임 SNS에 익숙해 타인과의 정보 교류가 낮설지 않음 서로의 취향을 존중하며 다양한 분야에 관심이 있음

필터링을 통해 신뢰(수준) 높은 사이트를 제공하여 정보의 수준과 확률, 신속성까지 겸비한 서비스 제공이 필요

탭 메뉴 이용 현황 및 분포 (복수응답)

2008년 OMS 세미나 NHN의 발표 자료

4 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 2. Target

2_2 Target Image

5 Copyright â’¸ 2012 DEOK All Right reserved.


deok 3_1 Arrangement

3. A Round-Table Talk

타인과 즐겨찾기를 공유하고 싶다. 저장 시 폴더 분류가 번거롭다. 즐겨찾기 내용이 확실히 기억나지 않는다.

열어 본 페이지 확인이 불편하다.

정리의 하지 않아 찾기가 힘들다. 즐겨찾기 정리를 하지 않아 찾기가 힘들다.

데이터의 양이 많아 실행 목적을 상실한다.

사이트 이름이 번잡하게 작성되어 있다. 즐겨찾기만 사용하여 정보의 시야가 좁아진다.

데이터가 보여지는 크기가 작고 조잡하다.

특정 인물의 즐겨찾기 내역을 알고 싶다.

서비스 제공자가 제공하는 정보만 수동적으로 받아드린다.

찾기

저장 공유

선택적으로 내 즐겨찾기를 공유하고 싶다.

메인에 위치한다고 신뢰성을 가질 수 없다.

다른사람과 즐겨찾기 공유가 불편하다.

같은 관심사를 가진 타인과 정보를 공유하고 싶다.

데이터가 산재되어있다. 즐겨찾기 사용 내역이 확인 불가하다.

사이트의 상태 확인이 불가하다. 즐겨찾기가 텍스트로만 저장되어 쉽게 파악하기 힘들다.

자극적인 내용의 데이터가 산재되어 있다. 즐겨찾기가 자동 정리되어 쉽게 사이트를 찾고 싶다.

다양한 분야의 검색결과 분야별로 나눠서 보고싶다. 검색 후 분야별 검색결과가 제공되지 않는다. 실제 정보로 접근하기까지 시간이 오래걸린다.

보기

검색 후에도 무의미한 데이터가 노출된다.

검색결과를 신뢰할 수 없다.

사이트의 상태 확인이 불가하다.

행위의 순서(찾기,보기,저장&공유)에서 나타나는 의견 분류

데이터가 두서없이 엉켜있어 쉽게 분류할 수 없다.

6 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 3. A Round-Table Talk

3_2 Image

7 Copyright â’¸ 2012 DEOK All Right reserved.


deok 4. VOC (Voice Of Cunsumer)

찾기

보기

검색

• 자극적이며 과다한 데이터로 인한 첫 실행 목적 상실

• 유용성이 떨어지는 정보 제공 • 정보의 신뢰성 및 질적 판단기준 부재 • 분야별 분류 없이 정보 나열

메인

• 불필요한 데이터의 과다 노출 • 한정적 정보 제공 • 정보의 신뢰성 부재

• 유용성이 떨어지는 정보 제공

즐겨찾기

• • • • •

정보 분류의 번거로움 내용의 확실한 기억 불가 이름의 번잡스러움 시야의 좁아짐 열어 본 내역 확인 불편

• • • •

저장

공유

열어 본 페이지 확인 불편 분류 및 이름 설정 번거로움 단위 영역 이미지 캡처 불가 (타블렛pc) 텍스트 이미지 타이핑의 번거로움

• 같은 관심사를 가진 사람과 즐겨찾기 공유 희망

• 사이트가 폐쇄 된 경우 발생 • 예상했던 사이트와 다른 경우 발생

8 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 5. Function

검색

메인

찾기

보기

• 자극적이며 과다한 데이터로 인한 첫 실행 목적 상실

• 유용성이 떨어지는 정보 제공 • 정보의 신뢰성 및 질적 판단기준 부재 • 분야별 분류 없이 정보 나열

• 선택적으로 원하는 정보만 노출 (메인 화면 편집 기능 강화)

• 검색결과 분야별 제공 • 검색 시 즐겨찾기 검색 결과 제공

• 불필요한 데이터의 과다 노출 • 한정적 정보 제공 • 정보의 신뢰성 부재

• 유용성이 떨어지는 정보 제공

• 선택적으로 원하는 정보만 노출 (메인 화면 편집 기능 강화)

• 신뢰성 검증이 필요

카테고리별로 신뢰성이 검증된 사이트 순위 제공

즐겨찾기

• • • • •

정보 분류의 번거로움 내용의 확실한 기억 불가 이름의 번잡스러움 시야의 좁아짐 열어 본 내역 확인 불편

• 즐겨찾기 데이터기초로 사이트추천 • 즐겨찾기 사용 내역 확인 가능 • 사이트 섬네일 확인 가능

저장

공유

열어 본 페이지 확인 불편 분류 및 이름 설정 번거로움 단위 영역 이미지 캡처 불가 (타블렛pc) 텍스트 이미지 타이핑의 번거로움

• 같은 관심사를 가진 사람과 즐겨찾기 공유 희망

열어 본 페이지 분류 간소화 및 섬네일 제공 카테고리별 자동 분류 저장 (선택적) 단위 영역 이미지 캡처 기능 텍스트 캡쳐 시 텍스트 파일로 자동 전환

• 즐겨찾기 공유 기능 (EX/리트윗 및 팔로우)

• • • •

• • • •

• 사이트가 폐쇄 된 경우 발생 • 예상했던 사이트와 다른 경우 발생

• 상태 및 업데이트 알림

9 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 6. Function Research

6_1 Rankey

http://www.rankey.com _ 메인 웹사이트 분석평가 서비스, 트래픽분석, 사이트순위 및 자료 제공

장점  카테고리별 사이트 순위 확인이 편리함  사이트별 순위 변동사항을 확인할 수 있음

수용점  순위 변동사항을 나타내며 보기 쉽게 표기

단점  즉각적으로 사이트 섬네일 및 세부정보 확인 불가  그래픽 및 이미지를 제외한 텍스트만 사용하여 시각적 흥미 유발 저하

개선점  사이트 섬네일 및 정보를 첫 화면에서 제공  다양한 뷰 스타일 제공으로 사용자에게 시각적 흥미 유발

10 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 6. Function Research

6_1 Rankey

http://www.rankey.com _ 검색 후 웹사이트 분석평가 서비스, 트래픽분석, 사이트순위 및 자료 제공

장점  분류별 검색결과 도출로 정보에 다양한 방법으로 접근 가능  카테고리별로 분류된 검색 결과 제공

수용점  검색결과의 효과적 분류로 검색 결과의 다양한 접근성 증대

단점  사이트 섬네일 확인 불가로 확인 및 예상 불편

개선점  검색결과도 사이트 섬네일 제공

11 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 6. Function Research

6_2 Naver Directory

http://dir.naver.com _ 메인 네이버 웹 사이트 주제별 분류 서비스 제공

장점  사용자가 선택 가능한 정렬 기준 제공 (인기도,가나다,등록일)  아이콘 사용으로 직관성 향상  사이트 섬네일 제공으로 사이트 확인 및 예상 용이

수용점  다양한 기준의 순위 사용으로 사용자 편의성 증대  스크랩 및 순위 변동에 아이콘의 적극적 사용  사이트 섬네일 제공

단점  카테고리 탐색기 내 컨텐츠 텍스트의 시각적 구분 불편

개선점  카테고리 텍스트 나열 시 카테고리별 색상으로 분류

12 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 6. Function Research

6_2 Naver Directory

http://dir.naver.com _ 검색 후 네이버 웹 사이트 주제별 분류 서비스 제공

장점  검색 영역 및 유형 선택기능으로 효과적 검색결과 제공

수용점  검색 옵션 제공으로 효과적 검색결과 제공

단점  사이트 섬네일 확인 불가로 확인 및 예상 불편  파워링크, 실시간 검색어, 핫토픽 키워드 등 불필요한 정보 노출  사이트 정렬 기준이 정확도 및 최신순만 제공 (선호도 제공 안함)

개선점  사이트 섬네일 제공  검색 결과 외적인 정보 노출 자제  선호도에 따른 검색 결과 정렬 제공

13 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 6. Function Research

6_3 Alexa

http://www.alexa.com _ 메인 전세계 웹사이트 페이지뷰 및 인기도 순위, 분야별 랭킹, 툴바 등 제공

장점  전 세계 대상의 사이트 순위 제공  나라별 카테고리별 사이트 순위 제공

수용점  국내 사이트 외에 해외 사이트도 포함하여 순위 제공

단점  사이트 섬네일 확인 불가로 확인 및 예상 불편  사이트 바로가기 부재로 메인에서 곧바로 사이트 진입 불편

개선점  사이트 섬네일 제공  메인에서 사이트 바로가기 가능

14 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 6. Function Research

6_3 Alexa

http://www.alexa.com _ 검색 후 전세계 웹사이트 페이지뷰 및 인기도 순위, 분야별 랭킹, 툴바 등 제공

장점  검색어와 연관된 카테고리 내역 제공  키워드 제공으로 사이트 파악 용이

수용점  검색어가 포함된 카테고리별 검색 결과 제공

단점  사이트 섬네일 확인 불가로 확인 및 예상 불편  스폰서 링크 등 불필요한 정보 제공  기준 없는 검색결과 정렬

개선점  사이트 섬네일 제공  검색 결과 외적인 정보 노출 자제  선호도 순으로 사이트 정렬

15 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 6. Function Research

6_4 Appsooni

Android appsooni _ 메인 안드로이드 어플리케이션 소개, 추천, 순위, 테마별 어플리케이션 등 수록

장점  다양한 분류의 순위 제공으로 사용자가 원하는 순위 확인 용이  상단의 순위 분류 외 테마별 분류 제공  타 사용자와 친구를 맺어 설치 앱 정보 공유 가능

수용점  타 사용자의 사용 정보(스크랩 등) 교류 기능

단점  카테고리별 분류의 직관성 및 객관성이 명확하지 않음

개선점  직관적이고 객관적인 카테고리별 분류

16 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 6. Function Research

6_4 Appsooni

Android appsooni _ 검색 후 안드로이드 어플리케이션 소개, 추천, 순위, 테마별 어플리케이션 등 수록

장점  앱 아이콘 이미지 제공으로 앱의 성격 예측 가능

수용점  사이트 섬네일 제공

단점  즉시 다운로드 불가  기준이 명시되어 있지 않는 검색결과 정렬

개선점  검색 후 즉시 다운로드 기능  정확한 기준이 명시되어 있는 검색결과 정렬 기능

17 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 6. Function Research

장점

6_5 Arrangement

랭킹탓컴

네이버 디렉토리

Alexa

앱순이

 카테고리별 사이트 순위 확인

 선택 가능한 정렬 기준 제공

 전세계 대상의 사이트 순위 제공

 다양한 분류의 순위 제공

 사이트별 순위 변동 확인 가능

 직관적 아이콘 사용

 나라별 사이트 순위 제공

 순위 분류 외 테마별 분류 제공

 분류별 검색결과 도출

 사이트 섬네일 제공

 카테고리별 사이트 순위 제공

 타 사용자와 설치 앱 정보 공유 가능

 카테고리별 검색 결과 제공

 검색 영역 및 유형 선택가능

 검색어와 연관된 카테고리 내역 제공

 앱 아이콘 이미지 제공

 사이트 연관 키워드 제공

단점

 사이트 섬네일 확인 불가

 텍스트의 시각적 구분 불편

 사이트 섬네일 확인 불가

 카테고리별 분류의 객관성 부재

 시각적 흥미 유발 저하

 사이트 섬네일 확인 불가

 사이트 바로가기 부재

 즉시 다운로드 불가

 순위 외의 정보 제공 부재

 불필요한 정보 노출

 불필요한 정보 제공

 기준이 명시 안 된 검색결과 정렬

 정렬 기준에서 선호도 부재

 기준 없는 검색결과 정렬

 즉각적인 사이트 섬네일 제공으로써 사용자의 사이트 예상 및 확인 가능 필요 종합

 명확하고 편리한 리스트 정렬 기준 필요  불필요한 정보 노출 및 제공 지향  다양한 정보의 명확한 시각적 분류 및 시각적 흥미 제공 필요

18 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 7. Brainstorming

브레인스토밍을 통한 컨셉 키워드 도출 : 신뢰, 프레임, 스펙트럼, 단단한, 간결한

피드백 명확한

무지개

바위

여유로운 도시적인

피드백

흐르는 다채로운 간결한

실버

매끈한

비비드

자유로운

직관적인

화이트 프레임

사각형

안정적인 무거운

단단한 고체의

신뢰

스펙트럼 구조적인

상쾌한

패턴

라인

친숙한 인터렉티브

미니멀리즘

그리드

대비

19 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 8. Keyword

8_1 Concept Keywrod

Pick Summit : 정보(웹사이트)의 카테고리별 순위 제공으로 최상의 정보를 얻을 수 있는 서비스

Main Concept

Pick up summit

Discription

정보(웹사이트)의 카테고리별 순위를 제공함으로써 가장 높은 위치에서 본인이 검색한 최상의 정보를 쉽게 얻을 수 있는 서비스

20 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 8. Keyword

8_2 Detail Keywrod

Pick Summit : 정보(웹사이트)의 카테고리별 순위 제공으로 최상의 정보를 얻을 수 있는 서비스

Main Concept

Pick Summit

최상의 정보 제공

Theme concept

Spectrum Block

매끄럽고 정리된 느낌

Visual Motion Keword

Motion Sliding Visual Colorful Hard  Heavy Rectangle

21 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 9. Visual Mood Board

Spectrum Block : 다양한 색상의 사용과 단단한 형태의 조화  다양한 색상의 사용으로 정보의 분류를 명확하게 보여줌  정보의 신뢰성을 시각적으로 나타내기 위해 단단한 형태를 사용함

Look & Feel

22 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 10. GUI Research

10_1 Layout

Layout : 기본적인 디렉토리 기능과 함께 흥미를 줄 수 있는 플로우 뷰를 동시에 제공

23 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 10. GUI Research

10_2 Color

Color : 신뢰감을 주는 흰 배경에 분류가 확실히 되는 다양한 원색의 적극적 사용

24 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 10. GUI Research

10_3 Icon

Icon : 복잡한 웹사이트 섬네일에서도 명확한 구분과 인식이 되도록 단색의 컬러에 무채색의 메타포를 사용.

25 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 10. GUI Research

10_4 Font

Font : 무게감 있는 산세리프체의 사용으로 진지함과 동시에 다양한 색상에서도 명확히 보이도록 함.

26 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 11. Information Design Research

순환형 다이어그램    

사용자의 참여로 지속적인 데이터의 축적 축적된 데이터의 필터링 기능 필터링을 통한 지속적인 검색 및 데이터 축적 사용자간의 정보공유

서비스의 프로세스 상 지속적인 순환으로써 운영되는 서비스

27 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 12. Key Screen

12_1 Screen definition

[메인 화면] ①

Search 여행정보 세계정보

Explorer Category

건축

디자인

회화

잡지

증권

부동산 Scrap

Like

Like Scrap

Comment 좋아요

이순신

Hit

Indicator Search Catergories

리스트 뷰

Choice My Category     

사용자가 원하는 카테고리만 볼 수 있도록 메뉴확대버튼 탭할 시 선택창이 나타남 카테고리 이외에 즐겨찾기, 히스토리 보기 가능 카테고리 추가, 숨김 등 편집 가능 컨텐츠는 대표 이미지,이름,주소,순위,등록정보 등이 나타남 사용자간의 담기(스크랩)폴더 선택적 공유 가능

Comment 좋아요

담기

항목

> ⑤ 1.디자인 정글 3

Contents area

1

표시

인디케이터

현재 단말기 상태를 각 항목별 Icon으로 표시함.

Graphic

검색 창

검색 바를 표시함. 검색 바에 텍스트를 입력 후 이동 버튼을 누를 시 검색 결과 페이지로 진입함.

Graphic

카테고리

미리 선택한 카테고리가 나열됨. 양옆으로 플리킹 가능함. 현재위치하고 있는 카테고리는 색상으로 구분함.

Graphic Text

컨텐츠

각 사이트를 정렬 기준에 따라 순서대로 나타냄. 각 사이트의 이름,주소,순위,등록정보를 나타냄. 각 사이트 섬네일 및 이름을 탭할 시 진입함. Like 및 Scrap 버튼을 탭할 시 확인 창 생성됨. Comment 버튼 탭할 시 화면이 뒷면으로 전환되어 기존의 Commnet 확인 및 작성 창이 생성됨. 좌우 플리킹으로 이동 가능.

Graphic Picture Text

컨트롤러

페이지 넘버 버튼을 선택함으로써 컨텐츠 이동함. 좌우 버튼 탭할 시 컨텐츠 하나씩 이동함. 컨텐츠 1순위부터 마지막 순위까지 나타냄.

Picture Text

카테고리,즐겨찾기,히스토리 선택 보기 가능함.

Graphic Text

개인 화면으로 진입함.

Picture Text

③정렬 옵션

Scrap, Like, Hit 순으로 정렬 가능함.

Graphic Text

④뷰 모드

리스트 뷰, 플로우 뷰로 선택가능함. 아이콘 자동 변환 기능

Graphic Text

버튼 탭할 시 좌측으로부터 선택메뉴영역이 생성됨.

Graphic Text

http://jungle.co.kr

LLGD

http://lookslikegooddesign.com

디자인 전문 웹진, 최신 뉴스, 업계동향, 국내 외 작가와 작품소개, 업체정보 제공 좋은 퀄리티의 다양한 분야의 1.디자인 정글 3 http://design-spoon.com 디자인 작업물을 카테고리별로 제공 튜토리얼 강좌 , 갤러리, 자료실 다양한 카테고 자이너의 필수 웹사이트

<

내용

2 3 4 5 6 7 8 9 10 ... 50 >

Controller

①보기 옵션 ②개인 페이지

⑤메뉴확대버튼

28 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 12. Key Screen

12_2 Category Workflow [카테고리 선택 화면]

Search 여행정보 세계정보

Explorer Category

건축

디자인

회화

증권

부동산 Scrap

Like Scrap

이순신

잡지

Comment

Like

Hit

리스트 뷰

Comment 좋아요

담기

Tab

> 1.디자인 정글 3

http://jungle.co.kr

LLGD

http://lookslikegooddesign.com

디자인 전문 웹진, 최신 뉴스, 업계동향, 국내 외 작가와 작품소개, 업체정보 제공 좋은 퀄리티의 다양한 분야의 1.디자인 정글 3 http://design-spoon.com 디자인 작업물을 카테고리별로 제공 튜토리얼 강좌 , 갤러리, 자료실 다양한 카테고 자이너의 필수 웹사이트

<

1

Pick Up Summit

Explorer Category

Category

2 3 4 5 6 7 8 9 10 ... 50 >

메뉴확대버튼을 탭함.

Search ②

Sub Category

Select

경제, 제테크

경제, 제태크

교육, 학교

취업, 채용

컴퓨터, 인터넷

부동산 정보

생활, 건강

주식, 증권

여행, 세계정보

창업

정치, 사회

금융정보

인물

신용정보

뉴스, 미디어

세금, 세무정보

종교

보험정보

비즈니스, 쇼핑

재테크

학문, 사전

무역정보

문화, 예술

포럼

연예, 오락

소비자경제

스포츠, 레저

인터넷 비즈니스

게임

펀드정보

각 카테고리를 선택 후 보기 버튼을 탭함.

+ + + + + + + + + + + + + + +

이순신

-

주식, 증권 부동산 정보 취업, 채용 요리, 음식 애완동물 종합쇼핑몰 디자인 미술 사진 전시회

>

[메인 화면]

전체 삭제 보기

Tab

[메인 화면]

• 직접 선택한 카테고리를 메인 화면에 표시함으로써 원하는 정보만 바로 확인 가능함. • 메뉴 확대 버튼 탭할 시 화면 위로 카테고리 선택 영역이 좌측에서 우측으로 발생함. • 카테고리, 서브카테고리, 선택된 카테고리는 상하 플리킹으로 확인 가능함. • + 모양 버튼 탭할 시 선택된 카테고리 영역에 나열됨. • 카테고리 나열은 선택 순서대로며 선택한 카테고리 우측의 - 버튼 탭할 시 삭제됨. • 나열된 카테고리 내의 보기 버튼을 탭할 시 카테고리 선택 영역이 좌측으로 사라지 며 메인 화면으로 전환되며 선택한 카테고리의 컨텐츠가 메인 화면에 나타남.

Explorer Category Search 증권,주식 부동산정보 취업, 채용 요리, 음식 애완동물 종합쇼핑몰

이순신

디자인 Scrap

Like Scrap

Comment 좋아요

Like

미술 Hit

사진 리스트 뷰

Comment

> 1.매일경제 증권센터 1

http://jungle.co.kr

하나대투증권 5 www.hanaw.com LLGD 실시간 증시지수, 증권뉴스, 투자전략, 해외증시, 매매신호 현황 안내. 주식 중개 전문업체, 증권, 시황, 펀드 정보, 1.디자인우리 3 http://design-spoon.com 자산 관리, 홈트레이딩 시스템 제공 증권 및 시황 정보 금융 상품, 자산관

<

1

2 3 4 5 6 7 8 9 10 ... 50 >

선택한 카테고리로 메뉴 및 컨텐츠 변환됨.

29 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 12. Key Screen

12_2 Category Workflow

[메인 화면]

[리스트 뷰 ver.1]

Search 여행정보 세계정보

Explorer Category

건축

디자인

회화

이순신

증권

부동산 Scrap

Search

Explorer Category

이순신

잡지

Like

Hit

Scrap

Like

Hit

플로우 뷰

리스트 뷰

건축 좋아요 담기

좋아요

담기 좋아요

1.대한토목학회

담기

Tab

>

>

LLGD

코멘트

좋아요 담기

코멘트

좋아요 담기

코멘트

좋아요 담기

코멘트

1.대한토목학회

1.대한토목학회

1.대한토목학회

1.대한토목학회

1.대한토목학회

코멘트

좋아요 담기

좋아요 담기

좋아요 담기

좋아요 담기

좋아요 담기

코멘트

코멘트

코멘트

코멘트

코멘트

http://lookslikegooddesign.com

1.디자인정글

1.디자인정글

1.디자인정글

1.디자인정글

1.디자인정글

1.디자인정글

미술 코멘트

좋아요 담기

코멘트

좋아요 담기

코멘트

좋아요 담기

코멘트

좋아요 담기

코멘트 좋아요 담기

코멘트

2 3 4 5 6 7 8 9 10 ... 50 >

리스트 뷰 버튼을 탭함.

• • • • •  • •

좋아요 담기

디자인 좋아요 담기

좋아요 담기

1

코멘트

http://jungle.co.kr

디자인 전문 웹진, 최신 뉴스, 업계동향, 국내 외 작가와 작품소개, 업체정보 제공 좋은 퀄리티의 다양한 분야의 1.디자인 정글 3 http://design-spoon.com 디자인 작업물을 카테고리별로 제공 튜토리얼 강좌 , 갤러리, 자료실 다양한 카테고 자이너의 필수 웹사이트

<

좋아요 담기

담기 좋아요

1.디자인 정글 3

코멘트

1.광주비엔날레

1.광주비엔날레

^

1.광주비엔날레

플로우 뷰에서 리스트 뷰로 화면 전환됨.

1.광주비엔날레

1.광주비엔날레1.광주비엔날레

우측 상단의 리스트 뷰 버튼을 탭 할 시 리스트 뷰로 화면 전환됨. 리스트 뷰로 전환 시 리스트 뷰 버튼은 플로우 뷰로 전환됨. 각 컨텐츠 영역 상단엔 컨텐츠의 카테고리 이름이 위치함. 각 카테고리에 해당하는 컨텐츠는 좌우 플리킹으로 전체 확인 가능함. 전체 컨텐츠는 상하 플리킹으로 확인 가능함. 컨텐츠 내부를 탭할 시 컨텐츠로 바로 진입함. 좋아요, 담기, 코멘트 버튼 및 컨텐츠의 순위 및 이름은 각 컨텐츠 내부에 위치함. 플로우 뷰 버튼을 탭할 시 플로우 뷰로 전환함.

30 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 12. Key Screen

12_2 Category Workflow

[메인 화면]

[리스트 뷰 ver.2]

Search 여행정보 세계정보

Explorer Category

건축

디자인

회화

Explorer Category

이순신

잡지

증권

부동산 Scrap

Like

Hit

건축

담기 좋아요

담기 담기

Tab

> http://jungle.co.kr

LLGD

http://lookslikegooddesign.com

디자인 전문 웹진, 최신 뉴스, 업계동향, 국내 외 작가와 작품소개, 업체정보 제공 좋은 퀄리티의 다양한 분야의 1.디자인 정글 3 http://design-spoon.com 디자인 작업물을 카테고리별로 제공 튜토리얼 강좌 , 갤러리, 자료실 다양한 카테고 자이너의 필수 웹사이트

<

1

2 3 4 5 6 7 8 9 10 ... 50 >

리스트 뷰 버튼을 탭함.

• • • •  • •

Search 여행정보 세계정보

이순신

잡지

코멘트

좋아요 담기

코멘트

좋아요 담기

코멘트

증권

부동산 Scrap

좋아요

1.디자인 정글 3

회화

리스트 뷰 좋아요 담기

좋아요

디자인

좋아요 담기

Like

코멘트

Hit

좋아요 담기

플로우 뷰 코멘트

1.디자인정글

2.디자인정글

3.디자인정글

4.디자인정글

5.디자인정글

좋아요 담기

좋아요 담기

좋아요 담기

좋아요 담기

좋아요 담기

코멘트

코멘트

코멘트

코멘트

코멘트

> 6.디자인정글

7.디자인정글

8.디자인정글

9.디자인정글

10.디자인정글

좋아요 담기

좋아요 담기

좋아요 담기

좋아요 담기

좋아요 담기

코멘트

코멘트

코멘트

코멘트

코멘트

11.디자인정글

12.디자인정글

13.디자인정글

14.디자인정글

15.디자인정글

좋아요 담기

좋아요 담기

좋아요 담기

좋아요 담기

좋아요 담기

코멘트

코멘트

코멘트

코멘트

코멘트

^

플로우 뷰에서 리스트 뷰로 화면 전환됨. 1.디자인정글

1.디자인정글

1.디자인정글

1.디자인정글

1.디자인정글

우측 상단의 리스트 뷰 버튼을 탭할 시 리스트 뷰로 화면 전환됨. 리스트 뷰로 전환 시 리스트 뷰 버튼은 플로우 뷰로 전환됨. 위치하고 있던 카테고리의 컨텐츠는 설정된 정렬기준에 따라 순위별로 나열됨. 컨텐츠 영역을 상하 플리킹으로 컨텐츠 확인 가능함. 컨텐츠 내부를 탭할 시 컨텐츠로 바로 진입함. 좋아요, 담기, 코멘트 버튼 및 컨텐츠의 순위 및 이름은 각 컨텐츠 내부에 위치함. 플로우 뷰 버튼을 탭할 시 플로우 뷰로 전환함.

31 Copyright Ⓒ 2012 DEOK All Right reserved.


deok 12. Key Screen

12_2 Category Workflow

[메인 화면]

[마이 페이지]

Search 여행정보 세계정보

Explorer Category

건축

디자인

회화

Scrap

좋아요

증권

부동산

담기 좋아요

Like

Hit

Search

Explorer Category

이순신

잡지

이순신

121 담기 21 좋아요 36 친구

리스트 뷰

리스트 뷰

담기 좋아요

담기

Tab

>

건축이야기

8

그래픽 디자인 45

기부천사

6

무비스트

파인 아트

17

에이전시

31

이순신 디자이너의, 디자이너에 의한 디자이너를 위한 웹사이트 EDIT

1.디자인 정글 3

http://jungle.co.kr

LLGD

http://lookslikegooddesign.com

디자인 전문 웹진, 최신 뉴스, 업계동향, 국내 외 작가와 작품소개, 업체정보 제공 좋은 퀄리티의 다양한 분야의 1.디자인 정글 3 http://design-spoon.com 디자인 작업물을 카테고리별로 제공 튜토리얼 강좌 , 갤러리, 자료실 다양한 카테고 자이너의 필수 웹사이트

<

1

2 3 4 5 6 7 8 9 10 ... 50 >

리스트 뷰 버튼을 탭함.

14

FACEBOOK TWITTER

담기 내 한 폴더를 선택하여 탭함. Tab [마이 페이지 담기 폴더 내부 진입]

메인화면 우측 상단에 위치한 사용자 이름 및 사진을 탭할 시 마이 페이지로 이동함. 마이페이지 좌측은 프로필 영역, 중앙 및 우측은 컨텐츠 영역으로 지정됨. 프로필 영역은 사진, 이름, 설명, 편집버튼, SNS 아이콘이 나타남. 컨텐츠 영역은 담기, 좋아요, 친구로 분류되어 상단 메뉴 탭할 시 하단 컨텐츠 영역에 각 컨텐츠가 나타남.  컨텐츠 영역 메뉴의 숫자는 해당 컨텐츠의 개수를 나타냄.  담기는 사용자가 설정한 폴더별로 분류되어 나타나며 각 폴더를 탭할 시 폴더 내 컨텐츠가 상하로 나열됨.  폴더 내 컨텐츠는 섬네일과 이름 및 상세정보 버튼으로 나타남.  섬네일을 탭할 시 해당 컨텐츠로 바로 이동하며 상세정보를 탭할 시 해당 컨텐츠의 상세정보가 팝업창 형식으로 나타남.  리스트 뷰 탭할 시 섬네일이 사라진 후 이름과 기본 정보만 제공하는 리스트로 나타남.  각 폴더 및 컨텐츠 섬네일을 롱프레스 할 시 편집모드로 전환됨.  각 각의 컨텐츠 폴더에는 이름과 폴더 내 컨텐츠 숫자가 나타남.  최상단의 보기옵션을 탭할 시 해당 보기 옵션으로 이동함.    

Search

Explorer Category

이순신

121 담기 21 좋아요 36 친구

리스트 뷰

에이전시 상세정보

그라비티 이순신

상세정보

디자이너의, 디자이너에 의한 디자이너를 위한 웹사이트

디자인 피버

아메바 상세정보

상세정보

상세정보

상세정보

클라우드 9

상세정보

상세정보

EDIT

그라비티

그라비티 FACEBOOK TWITTER

디자인 피버

아메바 상세정보

상세정보

디자인 피버

아메바 상세정보

클라우드 9

상세정보

상세정보

상세정보

클라우드 9

상세정보

상세정보

탭한 폴더 내의 컨텐츠가 정렬기준에 따라 나타남. 그라비티

아메바

디자인 피버

클라우드 9

32

Copyright Ⓒ 2012 DEOK All Right reserved.


deok 12_2 Category Workflow

12. Key Screen [메인 화면]

[키패드 생성 및 검색]

Search 여행정보 세계정보

Explorer Category

건축

디자인

회화

Scrap

좋아요

증권

부동산 Like

건축

디자인

좋아요

담기

Tab

Like

http://lookslikegooddesign.com

리스트 뷰

Hit

담기 좋아요

담기 좋아요

담기

>

Q

http://jungle.co.kr

디자인 전문 웹진, 최신 뉴스, 업계동향, 국내 외 작가와 작품소개, 업체정보 제공 좋은 퀄리티의 다양한 분야의 1.디자인 정글 3 http://design-spoon.com 디자인 작업물을 카테고리별로 제공 튜토리얼 강좌 , 갤러리, 자료실 다양한 카테고 자이너의 필수 웹사이트

W A

E S

2 3 4 5 6 7 8 9 10 ... 50 >

1.디자인 T 정글 3 Y R

X

C <

.?123

U

I

O

http://jungle.co.kr

LLGD

P

http://lookslikegooddesign.com

디자인 전문 웹진, 최신 뉴스, 업계동향, 국내 외 작가와 작품소개, 업체정보 제공 좋은 퀄리티의 다양한 분야의 1.디자인 정글 3 http://design-spoon.com 디자인 제공 Search F G H J 작업물을 K 카테고리별로 L 튜토리얼 강좌 , 갤러리, 자료실 다양한 카테고 자이너의 필수 웹사이트

D

Z

1

증권

부동산

담기

>

LLGD

이순신

잡지

Scrap

좋아요

<

회화

리스트 뷰

Hit

담기 좋아요

1.디자인 정글 3

해외여행 여행정보 세계정보

Explorer Category

이순신

잡지

1

V

B

N

? .

! ,

M

2 3 4 5 6 7 8 9 10 ... 50 >

.?123

^

검색창을 탭함.

검색내용을 입력 후 서치버튼을 탭함.

[사이트별 검색결과 ]

[카테고리별 검색결과 ]

Tab

해외여행

Explorer Category

Category

Site

좋아요 담기

이순신

Collection People 코멘트

좋아요 담기

Scrap 코멘트

좋아요 담기

코멘트

Like

Hit

플로우 뷰

좋아요 담기

Site

좋아요 담기

코멘트

2.인터파크투어

3.투어익스프레스

4.하나투어

좋아요 담기

좋아요 담기

좋아요 담기

코멘트

코멘트

코멘트

이순신

Collection People

Scrap

Like

Hit

플로우 뷰

해외여행정보

코멘트

좋아요 담기

1.윙버스

해외여행

Explorer Category

Category

Tab

코멘트

1.윙버스

좋아요 담기

코멘트

2.윙버스

좋아요 담기

코멘트

3.윙버스

좋아요 담기

코멘트

좋아요 담기

4.윙버스

5.윙버스

좋아요 담기

코멘트 좋아요 담기

코멘트

좋아요 담기

코멘트

6.윙스푼

해외여행사 좋아요 담기

좋아요 담기

7.호주관광청

6.탑항공

5.투어자키 코멘트

좋아요 담기

코멘트

좋아요 담기

코멘트

좋아요 담기

코멘트

좋아요 담기

코멘트

코멘트

좋아요 담기

코멘트

8.한인텔 코멘트

좋아요 담기

코멘트

1.인터파크투어

2.인터파크투어

3.인터파크투어

4.인터파크투어

좋아요 담기

좋아요 담기

좋아요 담기

5.인터파크투어

6.

해외항공권 좋아요 담기

9. 투어닷컴 좋아요 담기

코멘트

10.호스텔월드

11.나혼자닷컴

12.투어러브

좋아요 담기

좋아요 담기

좋아요 담기

코멘트

검색결과가 정렬기준에 따른 순위에 따라 나타남.

코멘트

코멘트

코멘트

코멘트

코멘트

코멘트 좋아요 담기

코멘트

좋아요 담기

코멘트

1.투어익스프레스 2.투어익스프레스 3.투어익스프레스 4.투어익스프레스 5.투어익스프레스 6.투어익스프레스

검색결과가 카테고리별로 분류되어 나타남.

33

Copyright Ⓒ 2012 DEOK All Right reserved.


deok 12_2 Category Workflow

12. Key Screen [컬렉션별 검색결과]

[인물 검색결과] 해외여행

Explorer Category

Category

Site

FOLLOW

해외여행정복

FOLLOW

8

FOLLOW

너랑해외여행

해외여행

FOLLOW

32

FOLLOW

12

FOLLOW

해외여행크루

Scrap

해외여행정복

22

FOLLOW

너랑해외여행

11

81

FOLLOW

3.투어익스프레스

해외여행정복 FOLLOW

1.윙스푼

Category

플로우 뷰

해외여행크루

67

해외여행사랑

Tab

10

해외여행 FOLLOW

2.인터파크투어

Scrap

FOLLOW

FOLLOW

Michael

FOLLOW

Michael

Michael FOLLOW

FOLLOW

2

너랑해외여행

FOLLOW

Michael

각 각의 인물들이 검색결과에 나타남. 해외여행크루

Michael

FOLLOW

Michael

81

Michael

FOLLOW

해외여행정복

플로우 뷰

FOLLOW

Michael

FOLLOW

Hit

Michael

FOLLOW

Michael

Like

FOLLOW

Michael

FOLLOW

FOLLOW

44

이순신

Collection People

Michael

19

FOLLOW

21

Site

FOLLOW

FOLLOW

FOLLOW

검색창을 각 각의 컬렉션이 탭함. 검색결과에 나타남. [사이트별 검색결과 ] 2.인터파크투어

해외여행

Hit

FOLLOW

FOLLOW

FOLLOW

2

해외여행사랑

Like

Mi

Explorer Category

이순신

Collection People

FOLLOW

21

해외여행

44

34 Copyright Ⓒ 2012 DEOK All Right reserved.


deok

Target _ 신속하고 검증된 정보를 얻고 싶은 검색자 A Round-Table Talk _ 정보 검색을 행위의 순서(찾기,보기,저장&공유)로써 나타나는 의견을 분류하여 분석 V.O.C. _ 일반적인 정보 검색의 경험을 통해서 니즈를 파악 Function _ 카테고리별 웹 사이트 순위 제공 Function Research _ Rankey, Naver Directory, Alexa, Appsooni Concept Keyword _ Pick Summit : 정보(웹사이트)의 카테고리별 순위 제공으로 최상의 정보를 얻을 수 있는 서비스 Visual Mood Board _ Spectrum Block : 다양한 색상의 사용과 단단한 형태의 조화 Information Design Research _ 순환형 다이어그램 Wireframe _ 카테고리의 편집 기능을 강화하여 사용자가 편리하게 원하는 정보만 검색 가능

인터넷에 넘치는 무의미한 데이터 속에서 사용자는 가치 있는 정보를 찾기 원하고 가치 있는 정보란 많은 사용자를 통해 검증되기 마련이다. Pick Summit은 사용자의 참여로 검증된 정보를 제공하여 사용자가 보다 쉽고 빠르게 원하는 정보를 찾을 수 있도록 한다.

Copyright Ⓒ 2012 DEOK All Right reserved.


Thank you

정덕래 / Jeong Deokrae +82 10 4070 7102 drjung24@naver.com

Copyright Ⓒ 2012 DEOK All Right reserved.


0828_UI제안서_정덕래