26 Nov 2018

Assignment4-2

인간컴퓨터상호작용 과제입니다.

Human Computer Interaction Assignment #4-2

2014190717 권기정 Human Computer Interaction 2018.11.26

 

A. Requirements

1. Describe the overall objective of the application

최근 각종 음식점에서 무인 주문 기계를 들여놓기 시작했다. 음식점주들의 입장에서는 이 기계가 인건비를 절약하는데 있어서 큰 도움이 될 것이고 전자기기에 익숙한 젊은 층들은 이러한 기기를 다루는 것에 큰 불편함이나 거부감이 없다. 실제로 인터페이스도 굉장히 직관적으로 이루어져 있어서 처음 사용하는 청년층들도 금방 적응하고 편하게 주문하는 것을 볼 수 있다. 그렇지만 이 무인 주문기로 인해 단골이던 음식점에 발길을 끊는 중/장년층들이 늘고 있다. 아무리 인터페이스가 직관적으로 구성되어 있더라도 그것을 처음에 어떻게 사용하라고 알려 주는 것이 없다면 직관적인 인터페이스는 그림의 떡이나 다름없다. 따라서 단순히 직관적으로만 구성되어 있는 인터페이스가 아닌 전자기기가 익숙하지 않은 중/장년층의 사용을 도와주는 도우미도 같이 갖춘 프로그램을 만들어야 한다.

2. List major functional requirement

  1. 앨범의 이름을 정하고, 사진을 넣을 수 있음(앨범 만들기)
  2. 사진을 날짜/장소별로 정렬시킬 수 있음
  3. 사진을 간단하게 편집할 수 있음
  4. 사진을 바로 SNS에 공유할 수 있음

3. List major UI requirements

  1. Functional
    • 실행했을 시 작동을 도와주는 도우미가 나타남
    • 도우미는 나중에 프로그램을 다루는 것이 익숙해졌을 때 설정에서 지울 수 있음
    • 앨범 만드는 아이콘을 직관적으로 알 수 있음
    • 앨범 및 사진을 공유하는 아이콘을 직관적으로 알 수 있음
    • 사진을 클릭하면 사진이 확대되고, 사진의 정보가 같이 나옴
  2. Non-functional
    • 눈의 노화가 찾아올 시기이기 때문에 글자와 아이콘의 크기를 크게 한다
    • 눈의 피로도를 덜기 위해 배경 화면의 색깔을 초록색으로 맞춤

4. List other considerations

  • 사용자들이 여행이나 가족들끼리 찍은 사진을 컴퓨터/핸드폰으로 편하게 관리할 수 있게 한다
  • 윈도우 환경과 안드로이드/IOS 환경으로 둘 다 사용할 수 있게 한다. 주로 사용하는 플랫폼은 Desktop 환경이지만 모바일과 컴퓨터는 서로 연동되어서 관리된다.
  • 50대 이상의 중/장년층을 주 고객 대상으로 한다

B. User analysis

1. Conduct user interviews

인터뷰1</br> 인터뷰2</br>

2. List the major direct user requirements

  • 아이콘이 큼직큼직 했으면 좋겠음
  • 최대한 간단하게 사진을 관리할 수 있으면 좋겠음
  • 사진 편집이 쉬웠으면 좋겠음
  • 사진이 자동으로 분류가 되면 좋겠음

3. List the major cognitive/ergonomic requirements

  • 눈의 피로를 덜기 위해 배경화면이 초록색임
  • 중/장년층 사용자들의 노안이 온다는 특성을 고려해 글자 크기를 크게 함

4. Construct 2~3 usage scenarios

[Scenario 1]</br> 한 사용자가 스마트폰으로 여행에 가서 사진을 찍는다. 찍은 사진을 가지고 앨범을 만들려고 앨범 만들기 버튼을 클릭한 후 앨범의 이름을 입력하고 만든다. 그 후 앨범의 기타 추가적인 정보(찍은 날짜, 장소 같은 필수적이진 않은 내용들)를 입력한 후 프로그램을 종료한다.

[Scenario 2]</br> 한 사용자가 SNS에 올리기 위해 찍은 사진을 보니 마음에 들지 않아 보정을 하려 한다. 원하는 사진을 선택하여 보정을 한 후 SNS에 공유 버튼을 눌러 사진을 업로드한다.

5. Construct a rough interaction model for 2~3 major tasks

[Model 1] : 새 앨범 추가

  1. 프로그램을 실행시킨다.
  2. 새 앨범 추가 아이콘을 클릭한다.
  3. 앨범의 이름을 기입하고 확인 버튼을 누른다.
  4. 앨범에 들어갈 사진들을 선택한 후 삽입 버튼을 누른다.
  5. 앨범의 추가 정보들을 입력하거나, 입력하지 않을 것이라면 건너뛰기 버튼을 누른다.
  6. 프로그램을 종료한다.

[Model 2] : 사진을 SNS에 올리기</br> 1) 프로그램을 실행시킨다.</br> 2) SNS에 올리고 싶은 사진을 앨범에서 찾아서 선택한다.</br> 3) SNS에 공유 버튼을 클릭한다.</br> 4) 올리고 싶은 SNS의 아이콘을 클릭한다.</br> 5) SNS에 사진에 대한 설명을 쓴다.</br> 6) 업로드 버튼을 누른다.</br> 7) 프로그램을 종료한다.</br>

B.인터페이스 구현