Sunday, March 30, 2014

UI design for memo app

UI design

프로토타이핑툴을 이용하여 Usability test까지 완료후,
사용자들이 제시한 의견을 분석하고 보완및 수정하여 
대략적인 인터페이스를 디자인해보았다.






만들어진 UI 디자인으로 다시한번 사용자 테스트를 진행해야 할것같다.
조사후에 보다 자세한 디자인 작업이 들어가야 할것 같다.
하나하나 모든 팝업까지 완성하진 않았지만 앱 인터페이스의 큰 틀을 잡았다. 사용자들이 제시했던 누구나 알 수있는 보기쉬운 아이콘과 화면구성으로 디자인했고 다른 장식없이 심플하게 인터페이스를 구성함으로써 효율성을 극대화했다. 사용자들이 사용하고 싶게끔 만들
매력적인 요소도 더 많이 생각해보아야 겠다.




Usability test results for memo app


script

안녕하세요~
저희는 중앙대학교 학생입니다. 수업시간에 새로운 어플리케이션을 개발중인데,
상용화되기전에 일반 사용자님들을 대상으로 저희 앱의 문제점을 찾고자합니다.
저희가 사용자님을 테스트하는 것이 아니니 부담갖지마시고,
편안한 마음으로 도와주시면 감사하겠습니다.
기록용으로 촬영을 할 것이나 저희 어플리케이션의 문제점을 찾는것에만
사용할 예정이니 양해부탁드립니다.
사용하시면서 드는 생각을 크게 말씀해주시면서 진행해주세요

과제1: 3월 24일에 스케쥴(‘인터랙션디자인')을 입력하고 저장해보세요
과제2: 메뉴에 관심사설정에 ‘음악' 카테고리를 추가 후 확인하세요
과제3: 추가된 음악 일정을 인터넷으로 검색해보세요
과제4: 초기화면으로 돌아가서 추가된 일정을 확인후  AM '08:00’ 알람을 설정해보세요
과제6: 모든 메모를 다른사람이 볼 수 없도록 잠금장치를 해주세요

•나중에 이 앱이 출시된다면 사용하시겠습니까, 사용하지않으시겠습니까?
•앱을 사용하면서 추가하거나 삭제하고 싶은 부분이 있습니까?
•가장 좋았던 기능과 가장 좋지 않았던 기능은 무엇입니까?

참여해주셔서 감사합니다.




우리가 만든 프로토타이핑툴이 사용자들에게 어떻게 쓰여지는지
또, 어떤점이 불편하고 맘에드는지 알아보기 위해사용자 조사를 실시하였다.




* 사용자 평가
- 평범한 앱인것 같다. 
굳이 이 앱이아닌 기존에 사용하던 다른앱을 계속사용할것 같다.


* 좋다고 생각된 기능
- 따로 나가지 않고 어플내에서 바로 인터넷 검색이 가능한 점.
- 각각의 스케쥴에 암호설정이 가능한 점.
- 관심사 설정기능과 그에 따른 정보 업데이트가 가능한 점. 


* 좋지 않았던 기능
- 딱히 좋지않았던 기능은 없었음.
- 이 앱에서 알람기능이 필요없을것 같다. 
휴대폰에 기본으로 장착된 알람 기능만으로 충분할것 같다는 의견이 있었다.


* 제시된 문제점
- 아이콘이 모두가 한눈에 알아볼 수있는 모양이었으면 좋겠다.
아이폰 사용자와 안드로이드폰 사용자간의 아이콘 통일
- 기존의 사용하던 스케쥴러 앱을 대신해 이 앱을 사용할만큼의 이 앱만의 특출난 매력이 없다.


* 후기

- 사용자 조사전에 최대한 완벽한 인터페이스를 구축해놓기 위해 신경을 많이 썼다. 
사용자의 입장이 되어 아이콘의 모양, 위치등 사소한것 하나하나를 배치해보고. 어떤 기능이 있으면 좋을지 사전조사도 충분히 실시했었다. 철저한 준비때문인지 사용자 조사전엔
은근히 자신감이 있었다. 이 정도면 별 무리없이 사용자들이 사용할 수 있겠지라는 생각까지했었다. 하지만 사용자들에게 직접 만져보게하고 사용을 시키니 놓쳤던 문제점이 발견되기 시작했다. 크게 문제삼지 않았던 아이콘의 모양조차도 아이폰 유저와 안드로이드 유저간에 인식이 달랐다. 이렇듯 사용자 조사의 횟수가 많으면 많아질수록 우리가 놓쳤던 부분들이 보이기 시작했다. 대부분의 사용자들이 긍정적인 답변을 해주었다. 하지만 질문 스크립트가 그런쪽으로 유도하지는 않았는지 의심해볼 필요가 있겠다. 영상에는 잘 담기지 않았지만 현장에서 사용자들의 표정, 머뭇거림등을 기록해놓았기 때문에 수정하는데 많은 도움이 될것 같다.

Usability testing video for memo app

Prototyping for memo app


메모앱 프로토타이핑 제작과정


전체적인 인터페이스 구성과 흐름 설정
기존 앱에 '관심사설정', '잠금', '알람','위치기록' 기능을 추가해보았다.
'관심사설정' 기능은 본인이 선택한 관심사에 관한 전시, 공연등의 일정은 스케쥴러에 동기화 시킬 수 있는 기능이다.
동기화 시킴으로써 관심사에 대한 정보를 스케쥴러에서 받아 볼 수 있고, 따로 앱에서 나갈 필요없이 앱내에서 인터넷을 구동시켜 관심정보를 검색할 수 있게끔 한다.
'잠금'기능은 기존 메모앱과는 다르게 일정이나 메모 하나하나를 잠금설정 할 수 있다.
'알람'기능은 동기화된 관심사 정보나 본인이 설정한 시간에 알람기능을 설정할 수 있다.
'위치기록' 기능은 메모만으론 잘 기억되지 않는 내용을 보완하기 위해 추가했다. 단순한 메모를 '위치기록기능'과 함께 사용하여 보다 효과적으로 메모의 기능을 발휘할 수 있게끔한다.








보다 실제적인 앱 사용과 비슷하게끔 만들기 위해
제작중에도 계속 수정하며 프로토타이핑툴 제작을 두번 실시했다.

프로토타이핑툴 제작과정을 통해서 앱이 어떻게 만들어지는지 대략전인 흐름을 이해할 수 있었다. 많은 기능이 없는 평범한 앱이라도 하나하나의 디테일이 요구된다는 사실도 알 수있었다. 사용자의 입장에서 앱을 만드려고 최대한 노력했고, 불편함을 최소화하고자 했다.


Survey results for Memo App




















[App for abandoned dogs] Usability test

Script for usability test

안녕하세요
제가 새로운 어플리케이션을 개발중인데,
상용화되기전에 일반 사용자님들을 대상으로 앱의 문제점을 찾고자합니다.
제가 사용자님을 테스트하는 것이 아니니 부담갖지마시고,
편안한 마음으로 도와주시면 감사하겠습니다.
기록용으로 촬영을 할 것이나 저희 어플리케이션의 문제점을 찾는것에만
사용할 예정이니 양해부탁드립니다.
사용하시면서 드는 생각을 크게 말씀해주시면서 진행해주시면 감사하겠습니다.

Task 1: 서울시 동대문구를 검색하여 고양이 메리의 정보를 페이스북에 공유하세요.
Task 2: 서울시 중구를 검색하여 강아지 해리에게 5만원을 익명으로 후원하세요.
Task 3: 강아지 해리를 입양하세요.

•나중에 이 앱이 출시된다면 사용하시겠습니까, 사용하지않으시겠습니까?
•앱을 사용하면서 추가하거나 삭제하고 싶은 부분이 있습니까?
•앱에 대해 하실 말씀이 있으시면 편하게 얘기해주세요.

참여해주셔서 감사합니다.



 <Tester 1>



  <Tester 2>

Tester 1은 task들을 잘 수행하였고 나중에 이 앱이 나올시 사용한다 하였으며 다른 코멘트는 없었습니다. 
Tester 2는 가족찾기에 들어가서 검색해야되는것을 찾지못하고 어려워하였습니다.
카드 결제창에서 머뭇거렸었는데 나중에 테스트가 끝나고 물어보니 
익명으로 후원하기인데 왜 카드결제인지 이해가 되지않았다고 했습니다.
익명으로 후원하기란 다른사람에게 알려지지 않을뿐 결제를 위해 정보는 필요하다고 설명해드렸습니다. 나중에 이 앱이 나올시 사용하겠다하였고 이유를 물었을때 '쉽게 좋은일을 할 수 있어서'라고 답하였습니다. 앱에대해 편하게 말씀하라 했을때 처음 메뉴에 동대문구의 누구를 찾으라 했을때 주소를 먼저 찾을 생각을 하여서 헷갈리는 부분이 있었다고 말씀했습니다.

문제점과 해결책
가족찾기가 정확히 무슨 기능인지 헷갈림 --->좀 더 명확한 단어선택이 필요할듯함
익명으로 후원하기에서 결제시 익명처리는 어떻게 되는건지 설명이 없음 --->익명으로 후원하기에 대한 부가설명이 필요함


[App for abandoned dogs] Paper prototyping







































아이디어 피드백에서 기능이 너무 많다는 점을 수정하여
자료실과 커뮤니티 기능은 빼고 주요 기능인
입양기능, 후원기능, SNS 공유 기능만 남겨두었습니다.