Quest OP Demo

문항 유형별 비활성화(잠금) 디자인 데모 — 총 14종

각 데모는 Retry Wrong Answers 상태를 기본 뷰로 보여줍니다.
맞춘 문항은 비활성화(잠금) 상태로 회색 처리되고, 틀린 문항만 다시 풀 수 있는 형태입니다.

Word Word Quiz · 4종

1Word 3 — 이미지 보고 단어 드래그
이미지를 보고 하단 보기 박스에서 알맞은 단어를 드래그해 넣는 유형. 잠금 상태에서도 맞춘 보기가 보기 박스에 다시 노출되어 재사용 가능.
op_word3
2Word 4-3 — 점 연결 + 빈칸 입력
이미지와 단어를 선으로 매칭하고 빈칸을 입력하는 복합 유형. 잠금 상태에서는 이미지 회색 처리, 음원 버튼·문제 번호 비활성화, 매칭 선 미표시.
op_word4-3
3Word 5 — 단어를 슬롯에 드래그
단어를 알맞은 빈 슬롯으로 드래그하는 유형. 모바일은 클릭 방식으로 동작하며, 맞춘 문항은 이미지 위 번호까지 비활성화 처리.
op_word5
4Word 6 — 단어를 이미지에 드래그
단어를 알맞은 이미지 위로 드래그하는 유형. 잠금 상태에서는 이미지 grayscale 처리, 빈 회색 슬롯으로 표시.
op_word6

Grammar Grammar Quiz · 2종

5Grammar 8 — 커스텀 셀렉트
문장 빈칸에서 커스텀 셀렉트박스를 열어 정답을 고르는 유형. 빈칸만 비활성화 처리하고 나머지 문장은 원래 상태 유지.
op_grammar8
6Grammar 11 — 단어 재배열
흩어진 단어를 드래그해 올바른 문장으로 재배열하는 Unscramble 유형. 모바일은 단어 보기 클릭 방식. 잠금 시 문장·번호 회색 처리.
op_grammar11

Reading Reading Quiz · 5종

7Reading 1 — 참 / 거짓
지문을 읽고 각 문항의 True / False를 라디오 버튼으로 선택하는 유형. 잠금 상태에서 색상이 남지 않도록 처리.
op_reading1
8Reading 2 — 워드 뱅크
단어 은행에서 알맞은 단어를 골라 지문 빈칸을 채우는 유형. 빈칸 비활성화 배경색을 표준 잠금 색상으로 통일.
op_reading2
9Reading 4-2 — 카테고리 분류
보기를 드래그해 알맞은 카테고리로 분류하는 유형. 맞춘 보기는 하단 단어 보기 영역에 비활성화 상태로 표시. 모바일은 모달 선택 방식.
op_reading4-2
10Reading 5 — 텍스트 입력
지문을 읽고 빈칸에 정답을 직접 타이핑해 입력하는 유형. 잠금 상태에서 빈칸 밑줄·텍스트 회색 처리.
op_reading5
11Reading 5-1 — 워드 뱅크 + 숫자
단어 은행 선택과 숫자 입력이 결합된 복합 유형. 빈칸만 비활성화하고 나머지 문장은 원래 상태로 유지.
op_reading5-1

Video Video Quiz · 3종

12Video 1 — 커스텀 셀렉트
영상을 시청한 뒤 커스텀 셀렉트박스에서 정답을 고르는 유형. 잠금 시 셀렉트박스는 보기가 들어가지 않은 'choose' 상태로 표시.
op_video1
13Video 2 — 텍스트 입력
영상을 시청한 뒤 빈칸에 정답을 직접 입력하는 유형. 잠금 시 빈칸은 면색 없이 밑줄 선 색상만 회색 처리.
op_video2
14Video 3 — 체크박스
영상을 시청한 뒤 보기 중 정답을 체크박스로 선택하는 유형. 맞춘 보기는 회색 면 박스(test 보기 형태)로 표시.
op_video3