2011, Spring

작업분석보고서

[Toto’s diary UX 개발]

2011 년 4 월 11 일

㈜ S-Moon

팀원: 서승아 / 원지수 / 이경주

1 프로젝트 개요1-1. 프로젝트 명 : Toto’s diary UX 개선

1-2. 목적 본 프로젝트는 스마트폰 일정관리 어플리케이션인 Toto’s diary(이하 Toto)의 사용자 인터페이스를 개선하는 것을 목적으로 하며 이를 통해 사용자들이 쉽고 간편하게 이용할 수 있게 함으로써 일정관리 어플리케이션의 이용자 수를 높이고자 한다.

1-3. 문제점 및 해결방안프로젝트의 내용은 다음과 같다.

1) 인터뷰를 통한 작업분석과 사용성 평가, 프로토 타입 제작 등으로사용자들이 자주 사용하지 않는 복잡한 메뉴, 불편한 기능, 불명확한 이미지와 메뉴명 등에 대한 요구사항을 분석

2) 이를 통해 간소화된 주 메뉴 구조와 접근성을 높인 하위메뉴의 UX 가이드라인을 제안3) 또한 어플리케이션 리뷰 등의 사용자의 피드백으로 제시된 메모(노트)기능의 추가로 기존에

일정관리 어플리케이션과 메모 기능 어플리케이션을 통합

** 참고 : 기존 어플리케이션에 일정 추가 기능에 있는 ‘메모’는 일정에 관한 코멘트의 기능만 할 뿐이며 일반적으로 사용되는 ‘메모’ 메뉴와 기능이 다르다.

2 사용자 분석

2-1 인터뷰 개요

Toto’s dairy 의 사용성 평가를 위해 현장방문을 통한 사용자 인터뷰를 실시한다. 인터뷰의 목적은 잠재적 사용자를 대상으로 그들의 작업흐름을 관찰하여 개선된 Toto’s Diary 사용자 인터페이스 설계를 준비하기 위한 사용자들의 태스크들에 대해 아는 데에 있다. 인터뷰를 위해 달력보기, 일정추가, 일정보기, 일정수정 등 4 가지 기능을 인터뷰이에게 요청하고 수행하도록 했으며 관찰 내용을 노트에 필기하였다.

인터뷰 대상은 다음과 같다.

기본정도 스마트폰 사용여부 일정어플 사용여부조선영 대학원생(여) / 20 대 중반 아이팟 사용 X신미경 대학생(여) / 20 대 초반 X X이현진 대학원생(여) / 20 대 후반 O X이상문 직장인(남) / 30 대 초반 O O

2-2 인터뷰 결과

2-2-1 달력보기

조선영 일정을 카테고리 별로 볼 수 있는 눈 모양 아이콘을 알아보지 못하며 그 기능을 제대로 알아차리지 못함

신미경 세부 일정을 확인할 때 화면이 눈에 들어오지 않는다고 함.이현진 눈 모양 아이콘이 제공하는 기능을 이해 못함

오늘 날짜에 활성화가 제대로 안되어 있어서 불편해 함이상문 달력화면에 각 버튼이 무엇을 뜻하는지 알기가 힘들었고, 다음달로 넘기는 화살표버튼이

작아서 상위버튼과 겹쳐지기도 해서 불편해 함.

2-2-2 일정등록 및 추가

조선영 플러스 버튼 찾지 못하고 헤맴 일간 일정으로 들어가서 더블 탭 통해 일정 등록 나중에 다시 일정등록 메뉴로 들어가지 못함

신미경 세부 사항 설정하다가 뒤로 돌아가는 방법을 몰라 헤매 임. 폴더 설정할 때 일정 추가 페이지에서 폴더 추가가 가능한지 질문함. 꼬리표 설정이 무엇인지 왜 필요한지 모르겠다고 함. D-day 가 설정된 후에 어디서 볼 수 있는 것인지 질문

이현진 일정을 추가할 때 더블탭으로 사용하는 기능을 어려워 하며 카테고리를 나누어 추가하는 데에도 헤맴꼬리표를 입력한 후 추가하려 해도 기본으로 꼬리표 없음이 설정되어 있어 불편해 함입력 도중 제대로 저장하지 않고 이전 페이지로 넘어갔을 때 경고가 없이 입력한 내용이

취소되어 당황함일정 추가할 때 제목 따로 내용 따로 페이지를 바꾸어가며 입력해야 해서 순서가 많아 답답해 함

이상문 제목 등을 입력 안하고, 알람 설정부터 클릭하면, 제목부터 입력하라고 나오는데 이게 어떤 의미가 있어서 이렇게 제한을 둔건지 궁금해함.설정일을 등록할 때 시작일을 등록하고 완료 일을 클릭하면 자동으로 하루가 바뀌는데 이 부분이 은근 불편하다고 함.

2-2-3 일정수정하기

조선영 일간 일정의 줄 간격이 너무 촘촘해서 시간대별 일정 추가 힘들어 함.칸이나 버튼으로 되어있으면 더 편할 것 같다고 함

신미경 제목 수정 버튼을 찾지 못함 -> 제목 자체를 눌러야 한다는 것을 아는데 시간이 소요됨.반복 설정에서 ‘매일’ 옵션이 없어서 불편하다고 함 색깔 설정의 의미를 한번에 파악하지 못함

이현진이상문 기존에 등록한 일정을 수정 하는 건 쉽게 함.

중요한 일정이라고 표시하고도 잘못 클릭하여 완료가 미완료로 되어버리거나 혹은 이미 지난 일정을 일일이 클릭해서 완료라고 설정해야 되는 부분들이 번거롭다 함

2-2-4 일정보기

조선영 설정일만 색이 다르고 제목이 더 크게 보이거나 색이 달라야 할 거 같다고 함.그날 뭐하려고 했는지를 알아보기 힘들다고 함.

신미경 세부 일정을 확인할 때 화면이 눈에 들어오지 않는다고 함. 제목만 부각시키는 등의 정리가 필요하다고 의견제시.

이현진 일정필터에서 제공하는 꼬리표나 디데이 기능이 불필요하다 함메뉴의 라벨이 너무 길어서 한눈에 안 들어온다고 함일정 관리 탭에서 지난 목록은 제대로 보여주지 않아 당황함

이상문 입력하는 항목이 많은데 비해, 달력에서 일정을 보면 그다지 딱 한눈에 한 달의 일정을 볼 수 있다는 느낌은 없다고 함.일정메뉴를 클릭해서 각 카테고리별로 봐도 가정 이라는 카테고리를 클릭해서 일정들이 나열된걸 보면 별표 표시만 눈에 띄고, 이게 어떤 일정들인지 한눈에 알아보기 쉽지 않다고 함.

2-2-5 기타의견

조선영 노트처럼 사진과 글을 함께 쓸 수 잇는 메모 기능을 원함처음 사용하는 사용자들에게는 사용하기 어려움너무 많은 기능을 제공하여 오히려 정신 없음.

신미경 처음 쓰는 사람에게 어려운 인터페이스이다. 일정관리 탭에 불필요한 메뉴가 너무 많고 수정할 때 메뉴를 찾아가기가 힘들다.완료/미완료가 정확히 표시되었으면 한다. 일정 관리 탭에서처럼 필터로 구분해서 보는

것보다 달력 자체에 표시가 되었으면 좋겠다.이현진 보안 기능을 필요해 함

오늘 일정을 한번에 바로 볼 수 있게 하길 원함일정 내용들의 크기가 너무 작게 나와 불편해 함

이상문 어플 시작부분부터 독특한 기능에 대해 설명해주는 페이지들이 있었으면 했다.각 메뉴 단어들이 생소해서 캘린더목록 이란 것도 의아해했다.

2-3 사용자 목록

일정이 자주 변경되는 사용자 사진에 메모하여 기록하는 사용자 메모기능을 이용해 일정등록을 원하는 사용자 다양한 일정 등록으로 일정구분을 원하는 사용자 알람기능, 잠금기능 등 개인화 서비스를 원하는 사용자

3 Task 분석

3-1 작업분석 질문

Q1. 누가 이 시스템을 사용할 것인가?스마트폰을 사용하는 사람들언제 어디서나 손쉽게 일정을 관리하길 원하는 사람 : 주로 대학생과 직장인

Q2. 사용자들이 현재 수행하는 작업은 무엇인가?스마트폰에서 일정을 등록 수정하고 이를 열람한다.

Q3. 어떤 작업을 원하는가?월간 주간 일간으로 일정보기 카테고리 별로 일정보기주간 일간으로 to-do list 보기 완료 작업 표시하기메모(노트) 쓰기 문서 보안 기능

Q4. 사용자들은 작업을 어떻게 습득하는가?스마트폰의 사용을 통해 기본적인 조작 방법 습득기존의 다이어리와 유사한 UI 를 통해 어플의 UI 이해

Q5. 작업이 수행되는 곳은 어디인가?스마트폰을 이용할 수 있는 장소 /출근 시간, 회의시간 전후, 퇴근 후에 자주 수행

Q6. 고객과 데이터 사이의 관계는 어떠한가?일정, 메모 등의 개인 데이터를 등록한다.

개인용 어플리케이션이기 때문에 공용데이터는 존재하기 않는다. Q7. 고객이 가진 다른 어떤 도구들이 있는가?웹 캘린더 (구글 캘린더 등)`/종이 다이어리 / 스케줄러

Q8. 사용자들은 다른 사용자들과 서로 어떻게 의사소통 하는가? 없다

Q9. 작업은 얼마나 자주 수행되는가?수시로 사용자가 필요할 때

Q10. 작업에 시간적 제약은 없는가?인터넷을 사용하지 않기 때문에 시간적 제약은 거의 없다. 많은 내용을 저장하지 않기 때문에

데이터를 처리하는데도 시간이 걸리지 않는다. 시스템 에러 이외에는 없다

Q11. 작업이 잘못되었을 때 어떤 일이 발생하는가?오류 메시지를 띄워주거나 사용자가 알고 수정한다.

3-2 Task 도출

a) 행위목록

① 일정확인② 일정등록③ 일정수정④ 일정삭제⑤ 메모등록⑥ 메모수정⑦ 메모삭제

⑧ 알람설정

b) 시퀀스

일정 추가 일정 추가 버튼 -> 제목 입력 -> 날짜 선택 -> 알람 설정 O -> 알람 시간 설정-> 완료

일정 수정 원하는 날짜 선택하여 일간 보기-> 수정할 일정 선택-> 일정 상세보기 -> 수정 -> 완료

일정 보기 월간 일정 보기↔ 주간 일정 보기↔ 일간 일정 보기-> 일정 상세 보기

메모 보기 메모 목록-> 메모 선택-> 크게 보기

메모 추가 메모 목록-> 메모 추가-> 내용 입력-> 완료

해야 할 일 등록 및 보기 해야 할 일 목록-> 해야 할 일 등록-> 완료-> 목록 보기

c) 계층적 작업목록

대분류 중분류일정 보기 월/주/일 단위로 일정보기

월/주/일 단위로 해야 할 일 보기분류 항목별로 일정보기카테고리 별로 일정보기상세 일정 확인하기

일정 등록/수정/삭제 반복되는 일정기한이 정해진 일정기간이 정해진 일정

해야 할 일 등록/수정/삭제 월/주/일 단위로 해야 할 일 등록메모 등록/수정/삭제 메모 조회하기

메모 등록/수정/삭제하기알람 설정 알람 설정

4 페르소나

4-1 페르소나 목록

a) 김하늘

“목표 : 복잡한 일정을 일정관리 어플리케이션으로 통합 관리한다.“☞성별 : 여 ☞나이 : 25 세 ☞직업 : 대학원생 ☞사는 지역 : 용산

기술친숙도 - 스마트폰이용여부 : 이용, 아이폰 3G- 현재 일정관리 어플리케이션 이용하지 않음. 니즈 - 손쉽게 일정을 추가하고 랩실 일정, 조교활동일정, 개인일정을

일목요연하게 한눈에 알기 쉽게 보기 원함.- 동기 및 문제 시나리오

김하늘은 대학원 1 학기로 일주일에 3 과목 수업을 들으면서 오전 과조교를 하고 있다. 또한 타대학과의 연계 학술대회를 준비하는 간사로서 여러 일정을 소화해야 하기 때문에 하루 24 시간이 모자랄 지경이다.

특히 과조교를 하면서는 여러 교수님의 지시사항과 학부생들의 요청을 처리해야 하기 때문에 메모를 잘 관리하고 체크해야 한다. 현재는 일정은 다이어리에 직접 기록하고 메모는 포스트잇에 적어서 모니터에 붙여두고 있으나 과사무실 컴퓨터는 다른 조교들도 이용하고 있어 이용에 불편함이 있다. 일정관리 어플리케이션이 있다는 것을 알지만 입력하는 것이 어렵고 귀찮아 현재는 사용하지 않고 있으나 향후 쉽고 간단한 어플리케이션이 있다면 이용할 생각이다. 특히 메모에서 해야 할 일에서 시간순서대로 정리가 되고 할 일을 처리하고 나면 기록은 남되 목록에서는 제외되는 기능이 필요하다.

b) 조은이“목표 : 인턴생활의 일정을 기록하고 인턴업무의 내용을 사진과 함께 다이어리로 기록한다.“☞성별 : 여 ☞나이 : 23 세 ☞직업 : 대학생 ☞사는 지역 : 마포기술친숙도- 스마트폰이용여부 : 이용하지 않음, 아이팟 사용- 피처폰에서 일정등록만 함 니즈 일정관리와 사진에 메모를 추가해 다이어리기능 이용

- 동기 및 문제 시나리오 조은이는 여자 대학 4 년생이다. 학부연구원이면서 학생회 임원으로서 상당히 분주하게 생활하고 있다. 이번 3월에는 삼성그룹 인턴으로 지원하여 5 월부터는 인턴까지 병행해야하니 연예인 같은 죽음의 일정을 소화해야 한다. 핸드폰은 약정기간이 남아있어 아직 스마트폰으로 바꾸지 못하고 있으나 아쉬운점을아이팟으로 대신하고 있다. 꼼꼼한 성격이어서 일정을 꼬박꼬박 핸드폰에 등록하고 체크하고 있다.

인턴생활에 대한 기대가 있는데 앞으로 인턴을 하면서 하루하루를 기록해서 향후에 직장 생활할때 유용한 자료로 활용하고 싶다. 카메라로 그때그때 사진으로 상황을 기록으로 남기고 그에 대한 상황과 내 생각을 적어두면 도움이 많이 될 것 같다. 이런 어플이 있는 스마트폰을 사려고 친구들의 스마트폰에서 관련 어플을 찾았으나 마땅한 기능을 가진 어플이 없어 고민이다.

C) 이민우 “목표 : 그때그때 쓰게 되는 메모를 개인화 및 정렬기능으로 손쉽게 일정관리를 한다.“☞성별 : 남 ☞나이 : 33 세 ☞직업 : 직장인, 신입사원 ☞사는 지역 : 신촌기술친숙도

- 스마트폰이용여부 : 이용. - 스마트폰매니아. 니즈 -일정을 카테고리별글자순별로 정렬해서 볼 수 있고 보안 기능이 필요.

- 동기 및 문제 시나리오 종이랑 펜을 가지고 다니는 것을 싫어하는 편이라 스마트폰을 쓰기 전에도 핸드폰의 메모기능을 많이

활용하였다. 피처폰에서 메모를 남길 때에는 아무래도 일정 개수이상으로 메모하는 것에 한계를 느꼈고 또 메모를 다시 찾아보기 어려웠는데 스마트폰으로 바뀐 뒤에는 편리한 메모 어플이 많아져서 메모를 한 뒤 관리하기가 쉬워졌다. 각 메모에 대해서 알람 기능과 잠금 설정이 있어서 개인화가 되었으면 좋겠다고 생각한다.일정을 카테고리별, 변경된 시간, 글자순으로 정리하는 기능이 있었으면 좋겠다.

4-2 사용자 / Task 목록

대분류 중분류 김하늘 조은이 이민우일정 보기 월/주/일 단위로 일정보기

월/주/일 단위로 해야 할 일 보기분류 항목별로 일정보기카테고리 별로 일정보기상세 일정 확인하기

000

0

00

00

0

일정 등록/수정/삭제 반복되는 일정기한이 정해진 일정기간이 정해진 일정

000

해야 할 일 등록/수정/삭제 월/주/일 단위로 해야 할 일 등록 0 0메모 등록/수정/삭제 메모 조회하기

메모 등록/수정/삭제하기00

알람 설정 알람 설정 0

5. 스토리보드 5-1. 김하늘

오늘도 9 시가 되기 전에 학교에 도착한 김하늘 양은 근무를 시작하기 전 잠깐의 시간을 이용해 오늘 하루의 일정을 확인한다. 카테고리를 학교로 설정하고 학교 일정만 확인했다. 오늘은 오전에 조교 근무가 있고 오후에 수업이 있는 날이다. 오후 수업의 준비물이 무엇인지 상세 일정을 확인하여 내용을 체크한다.

일정을 체크하고 자리에 앉아 업무를 보는데 교수님으로부터 메일이 와있다. 확인해보니 내일 오후 5 시까지 내야 하는 과제가 생겼다는 공지이다. 한숨을 쉬며 스마트폰을 꺼내 일정을 등록한다. 제목과 시간을 설정한다. 과제를 할 수 있는 시간이 내일 오후뿐이고 과제가 너무 많다 보니 최근에 잊어버리는 경우가 많아서 2 시간 전 알람을 설정해두었다.

조교 일을 하고 있는데 같이 근무하는 동기가 다음주에 있을 학과 LT 에 조교가 반드시 참석해야 한다고 전해주었다. 선택권이 없는 나는 다음주 금요일과 토요일에 걸친 일정을 등록하고 LT 라고 저장했다. 그러고 있는 사이 지도교수님께서 찾아오셨다. 매주 수요일에 있던 정기 미팅을 금요일 점심으로 바꿨으면 좋겠다는 말씀이었다. 겹치는 일정 때문에 지도교수님이 학과에 양해를 구하고 나는 LT 에 하루만 참석하는 것으로 결정되었다. 그래서 좀 전에 저장했던 일정을 하루 일정으로 수정한다

과제 일정 추가 (기한이 있는 일정)일간 보기 -> 일정 추가 버튼 -> 제목 입력 -> 날짜 선택 -> 알람 설정 O -> 알람 시간 설정-> 완료

LT 일정 추가 (기간이 있는 일정)

일간 보기 -> 일정 추가 버튼-> 체크 박스를 눌러 기간이 있는 일정의 마지막 날짜를 활성화 시킴

-> 시작 날짜와 마지막 날짜를 입력 -> 완료

일정 수정하기어플리케이션 처음 화면에서 월간보기로 전환원하는 날짜 선택하여 일간 보기수정할 일정 선택

일정 상세보기 -> 수정버튼 -> 체크박스 해제 후 날짜 수정 -> 완료

5-2 조은이

은이는 이번에 삼성그룹에서 인턴을 하게 되었다. 오늘은 첫 회의가 있는 날이다. 회의 내용을 회의 중에 적었지만 화이트보드의 그림은 직접 찍어 두는 게 좋다고판단하였다. 그래서 은이는 회의가 끝난 후 폰으로 사진을 찍고 나니 사진에 대한 설명이 다이어리에 함께 정리되어 있으면 좋겠다고 생각이 들었다. 사진을 바로 출력할 수는 없고 잊기 전에 빨리 정리를 해두고 싶은 은선은 스마트폰을 이용하기로 한다.

스마트폰의 일정관리 어플리케이션에서 메모 기능을 이용하여 사진을 추가한 뒤 간략하게 내용을 적어 넣는다. 작성을 완료 후 확인하니 제목과 내용을 작성한 날짜와 시간이 뜨고 사진 밑에 정리된 내용이 적혀 있다. 은이는 회의가 끝난 후 이번 주에 할 일을 정리한 뒤 스케줄을 정리하려고 한다. 주간의 to-do list 를 확인한 후 할 일을 분배하여 각각의 요일에 정리해서 써두고 나서 하루 단위의 일정을 정리하고 싶다. 주간 일정표로 넘어가 주간의 to-do list 를 확인한 뒤 스케줄 분배를 하여 요일 별로 일정을 등록한다. 요일을 선택한 뒤 제목과 상세한 내용을 작성한다. 그 다음 오늘의 일정을 등록하기 위해 주간일정표에서 오늘을 선택한다. 방금 입력한 일들이 list-up 되어 있다. Time-table 에 회의시간과 점심시간 저녁 약속 등을 시간 별로 등록을 한 후 해야 할 일을 분배한다.퇴근 시간이 되어 오늘의 할 일을 다 했는지 체크해보기로 한 은이는 오늘의 일간 일정을 확인하여

완료된 일을 체크한 뒤 완료하지 못한 일을 다음 날의 일정에 등록한다.월간 일정 주간 일정

- 월간 일정을 조회하는 페이지- 월간 일정보기 메뉴에서 사용- 날짜별로 일정 확인 가능- 월별 to-do list 확인 가능

- 주간의 to-do list 와 하루의 일정 보기 가능- 주간 일정 보기 메뉴에서 사용

일간일정 일정 상세 보기

- 하루의 일정을 해야할 일과 시간표로 볼 수 있음

- 일간 일정보기 메뉴에서 사용

- 등록된 일정을 크게 보기- 월간 주간 일간 일정에서 특정한 일정을 선택하여 볼 수

있음- 제목과 날짜, 내용이 정리되어 나옴- 수정 가능

- 메모

메모 목록 보기 메모 크게 보기

- 메모를 목록으로 봄- 등록 날짜로 정렬됨- 등록 일과 제목, 사진과 내용 한 두줄 정도가

나옴

- 목록에서 메모를 선택하면 크게 보기 가능- 목록에서 생략된 내용을 볼 수 있으며 그림을

크게 볼 수 있음

메모 등록하기

- 메모를 작성함- 키보드로 글 제목과 내용을 작성함- 플러스 버튼을 통해 사진 등록- 자물쇠 버튼을 이용해 보안 설정

5-3 이민우 이민우 대리는 습관적으로 스마트폰을 확인하는 스마트폰 매니아이다. 출근해서 자리에 앉자마자

알람이 울린다. 오늘 해야 할 일을 알려주는 알람이다. 어플리케이션을 켜보니 오전에 회의, 오후에 외부 미팅 그리고 프로젝트 보고서 제출 마감 일정이 보인다.

리스트 형식으로 나열된 화면을 보고 카테고리를 구분해야겠다고 생각한다. 카테고리 분류에서 ‘외부 일정’ 카테고리를 추가하고 외부 미팅 일정을 ‘외부 일정’ 카테고리에 넣는다. 회사 일과 외부 일정이 다른 색으로 표시되어 있어 구분하기 쉬워졌다. 10 시가 되어 회의에 참석했다. 다음주 거래처 미팅에 중요한 메모사항이 있어 일정 내용 안에 메모하여 저장하였다. 중요한 사항이기 때문에 보안 기능을 이용해 거래처 미팅 일정을 비밀 일정으로 돌린다. 또한 미팅 전에 준비자료를 찾아서 정리해야 하기 때문에 to-do list 에 다음주 해야 할 일을 등록한다.

일정 알림 일정 카테고리 추가

- 알림을 등록해 두면 원하는 시간에 알림이 뜸- 보기를 통해 어플리케이션으로 이동해 상세

일정 조회 가능

- 일정 보기에서 가능- 일정을 카테고리별로 보는 기능에서 바로

카테고리 추가 가능

to-do list 보기

- 주간 일간 월간 to-do list 보기

- 완료 일정은 체크를 통해 잘 안보이게 함