All-share phost IT! Team Pringles

Presentation on theme: "All-share phost IT! Team Pringles"— Presentation transcript:

1 All-share phost IT! Team Pringles http://kwhci.tistory.com/
컴퓨터 소프트웨어학과 최천성 컴퓨터 소프트웨어학과 김범석 컴퓨터 소프트웨어학과 임세진 컴퓨터 공학과 김형구

2 문제 정의 및 해결 방안 <프로젝트 진행과 기록>
대학생들은 회사원들과 다르게 일정 회의 장소 없이 팀 프로젝트를 진행 한다. 회의 기록을 저장 하고 관리 및 공유 하기에 어려움이 따른다. 기록 내용을 분실하기 쉽고 문서화는 과정이 번거롭고 귀찮다

3 문제 정의 및 해결 방안 (계속) 해결 방안 사진의 내용을 웹으로 전송 해 모두가 공유 할 수 있도록 한다.
촬영 바로 전송 사진의 내용을 웹으로 전송 해 모두가 공유 할 수 있도록 한다. 텍스트로 옮기는 과정을 생략하고, 변환 중 기록의 손실을 줄일 수 있다. 아이디어를 쉽게 그룹화 할 수 있다. 화이트 보드에 수행 하는 일을 그대로 컴퓨터에서 진행 할 수 있다.

4 아이디어 구체화 Affinity Wall을 제작할 수 있는 공간 제공! 단순히 사진을 보관하고, 나열하는 기능에서 확장
기존에 단순히 기록된 용지의 사진기록의 개념에서 Affinity Wall 개념으로의 프로그램 활용 방안을 구상 Affinity Wall을 제작할 수 있는 공간 제공! 단순히 사진을 보관하고, 나열하는 기능에서 확장 화이트보드와 같이 텍스트를 추가하고, 브러쉬툴을 통한 그리기 기능 제공

5 아이디어 구체화 목표 용지화된 기록의 보존 기록의 팀원간 공유 Project Idea 정리 Affinity Wall

6 아이디어 구체화

7 아이디어 구체화 스마트폰을 이용해서 찍은 사진을 업로드 하거나, 기존에 컴퓨터에 저장된 사진을 업로드

8 Paper Prototype

9 사용자 테스트 계획 참가자 : 조원의 동아리 후배 3명을 참여자로 선정 <사전 예행연습 진행>
실제 테스트를 위한 테스트 시나리오 설정 조원을 대상으로 사전 연습을 진행 동작 가능한 인터페이스들 점검 사전 연습을 통해 종이 프로토타입 개선

10 사용자 테스트 실행 조력자:임세진 컴퓨터:김형구 관찰자:김범석 촬영:최천성 <테스트 진행 과정>
프로그램의 의도와 사용 목적에 대한 간략한 설명 제공 사용자의 의도대로 실제 테스트 진행 테스트 종료 후 사용자 의도에 대한 인터뷰 실시 테스트 영상 :

11 파악된 주요 문제점 & 해결 방안 테스트 수행 전에, 프로그램의 목표와 용도에 대해 설명했으나 참가자는 프로그램 자체의 활용방법을 확실히 파악하지 못하였다. 때문에 테스트 진행 과정에서 무슨 동작을 해야 할지 모르는 경우가 많았다. 해결방안 -> 처음 접속하는 사용자들에 대해 프로그램의 활용방안에 대한 샘플 매뉴얼을 제시해준다 제공되지 않은 인터페이스를 원하는 부분들이 발견되었다 사진의 확대,축소 여부 저장 해결방안 -> 실제 기술적인 구현부분에 어려움이 예상되어 추후 구현 고려

12 파악된 주요 문제점 & 해결 방안 제작자의 의도 : 사진보관함에서 컨버스로 사진을 드래그하면 사진이 추가된다
문제점 : 이러한 동작 방식을 사용자가 직관적으로 잘 파악하지 못하였다 해결 방안 >> 드래그가 아닌, 클릭으로도 사진을 추가할 수 있도록 추가적인 인터페이스 제공

13 사용자 테스트 결과 정리 <근본적인 문제점 파악>
테스트 당사자의 프로그램에 대한 활용 방안, 목적에 대한 이해도 부족 -> 테스터가 무엇을 해야 할지 잘 모름 -> 조력자가 계속 무엇을 하라고 지시하는 안 좋은 상황이 발생 프로그램이 이루고자 하는 목표, 방향성을 더욱 세부적으로 설정해야 한다 기타 세부적인 인터페이스의 편리함 개선 요구 -> 웹 페이지라는 공간의 제약성 -> 기술 구현상의 한계점

14 사용자 평가 1. 1. 회의 내용 기록 관리가 편리하다 보는가? ① 전혀 아니다 ② 아니다 ③ 보통 ● 그렇다 ⑤ 매우 그렇다
① 전혀 아니다   ② 아니다   ③ 보통   ● 그렇다   ⑤ 매우 그렇다 2. 회의 아이디어 정리에 도움이 되었는가? 3. 다음 프로젝트 진행시 다시 우리 프로그램을 사용할 의행이 있는가? 4. 3번에서 아니라면 이유는 무엇인가? (          ) 5. 사용하면서 불편했던 인터페이스에 대해 의견을 적어주세요. ( 새로고침사용(사진이 남아있지 않은 점) )

15 사용자 평가 1. comment 5. 사용하면서 불편했던 인터페이스에 대해 의견을 적어주세요.
( 새로고침사용(사진이 남아있지 않은 점) ) -> 이미지 작업 후, 새로운 이미지를 추가 할 땐 바로 사진보관함에 들어 가지 않는다. 사진 보관함에 들어 오는 이미지는 페이지가 처음 로딩 될 때 PHP문을 이용해 불러 오는 이미지들로, 새로운 이미지를 더 추가 할 때는 새로고침을 하는 수밖에 없다. 이는 개발 당시 예상 하지 못했던 사용방법 이였다.

16 사용자 평가 2 1. 회의 내용 기록 관리가 편리하다 보는가? ① 전혀 아니다 ② 아니다 ③ 보통 ● 그렇다 ⑤ 매우 그렇다
① 전혀 아니다   ② 아니다   ③ 보통   ● 그렇다   ⑤ 매우 그렇다 2. 회의 아이디어 정리에 도움이 되었는가? 3. 다음 프로젝트 진행시 다시 우리 프로그램을 사용할 의행이 있는가? 4. 3번에서 아니라면 이유는 무엇인가? (          ) 5. 사용하면서 불편했던 인터페이스에 대해 의견을 적어주세요. ( 사진을 올리는 방식 말고 다른 방법도 있었으면 좋을 것 같습니다. 크기조정. 펜의 색상이 없어요.)

17 사용자 평가2 5. 사용하면서 불편했던 인터페이스에 대해 의견을 적어주세요.
( 사진을 올리는 방식 말고 다른 방법도 있었으면 좋을 것 같습니다. 크기조정. 펜의 색상이 없어요.) -> 고정된 크기의 사진을 출력한 이유는 고정된 화면 크기에 최대한 많은 사진 자료를 보여주기 고정 크기 값을 주게 되었다.