본문 바로가기
이러닝

이러닝 콘텐츠 메뉴의 설계

by excelnote2 2013. 4. 18.

메뉴 : 컴퓨터와 사용자간의 대화

    - 사용자 인터페이스 방식 = 메뉴선택 방식 + 그래픽 인터페이스 방식 + 명령어 입력방식


메뉴의 개념

    - 사용자 인터페이스의 한 방식

    - 화면 상에 시스템이 실행할 수 있는 일련의 선택 항목들을 제시


메뉴의 특성

    - 메뉴에서 제시되는 항목 중에서 선택하면 되므로 사용자의 심리적 부담 감소

- 제시된 항목 중에서 선택하면 되므로 오류 발생 원인 제거

    - 명령에 대한 문법을 정확하게 인식할 필요없음

    - 메뉴를 보여주기 위한 공간 필요

    - 메뉴의 항목이 정형화되어 있으므로 융통성이 결여될 수 있음


메뉴 설계 원리

    - 사용자들이 선호하고 자주 찾는 목적을 달성할 수 있도록 효율적으로 조직

    - 명백한 의미를 가지고 논리적으로 그룹화

    - 메뉴 항목의 순서에도 의미가 존재

    - 메뉴명은 명백한 의미를 가지고 간략하게 부여

    - 일관된 문법 양식 적용

    - 내용에 따라 메뉴 모양 결정

    - 해당이 없는 항목은 흐리게 하거나 삭제

    - 포함된 항목의 수에 따라 선택 방법 결정

    - 초보자는 입력방식보다 선택방식이 바람직

    - 하나만 선택할 것인지 여러 개를 선택할 것인지 결정

    - 일관된 모양 유지 및 어수선한 화면 구성 금지

    - 메뉴 항목을 글자 표시로 하는 경우에 왼쪽 정렬

    - 메뉴 선택에 대한 피드백 제공

    - 복잡한 메뉴의 경우에 탐색 보조 장치 제공

    - 상위 제목 표시, 메뉴 지도 제공 등 현재 위치 관련 정보 제공

    - 이전 메뉴로의 이동을 가능하게 함


메뉴의 유형

구조에 따라

    ► 단일 구조 메뉴
        - 두 개 혹은 여러 개의 항목 중에서 하나만 선택 가능
        - 계속해서 나오는 메뉴가 더 이상 없음


직선형 구조 메뉴
    - 결정을 여러 단계에 걸쳐서 순차적으로 제시
    - 한 단계에서 한 가지만 결정
    - 우회 경로 없음 


    ► 위계적 구조 메뉴
        - 주 메뉴 다음 단계에 하위 메뉴 존재
        - 주 메뉴 항목 중의 하나를 선택하면 다음 단계의 하위 메뉴 표시
        - 메뉴 체계가 체계적으로 구성되어 있어 학습자가 원하는 메뉴를 찾아가는 것이 쉬움
        - 메뉴 체계가 잘 구성되어야 학습자가 혼란스럽지 않음


    ► 네트워크 구조 메뉴
        - 위계적 구조의 메뉴에서 다른 메뉴의 항목과 연결
        - 하나의 하위 메뉴 항목이 여러 개의 주 메뉴와 관련될 때 사용
        - 다른 주 메뉴로부터 시작하지 않고 직접 다른 주 메뉴의 하위 메뉴로 이동
        - 예 : 파워포인트 삽입-머리글/바닥글,  삽입-날짜 및 시간 등


제시방법에 따라 

    ► 화면전체에 제시하는 방법
        - 화면 혹은 윈도우 전체에 선택 항목의 목록 제시
        - 이러닝 콘텐츠의 경우 한 단원에서 학습하는 단원들을 보여줌으로써 한 맥락에서 학습할 수
           있도록 유도
        - 학습자가 길을 잃지 않게 함


    ► 화면의 일부에 제시하는 방법
        - 화면 혹은 윈도우의 일부에 선택항목의 목록 제시
        - 일반적으로 상단 혹은 좌측에 제시
        - 위계적 및 풀다운 메뉴의 경우에 많이 사용
        - 거의 대부분의 응용프로그램 상단에 메뉴항목(메뉴 리본) 형태로 제시

    ► 동적으로 제시하는 방법
        - 보통 때는 보이지 않다가 일정한 학습자의 요구(마우스 오른쪽 버튼 클릭 등)에 따라 현재
          실행되고 있는 프로그램의 맥락에 맞는 메뉴 제시
        - 보조적인 메뉴로 사용하는 것이 일반적

    ► 묻혀있는 방법
        - 내용 중에서 핫워드 혹은 그림 등에 마우스가 위치하면 선택할 수 있는 메뉴 표시
        - 그림을 확대하여 더 많은 상세 정보를 제공하기도 함
        - 메뉴의 풍선도움말 또는 포털 사이트의 지도 메뉴 등

 


댓글