Зертханалық жұмыс: Қағазда веб-қосымшаның прототипін құру

Мақсаты: Пайдаланушы сценарийлері мен интерфейс элементтерін қолданып, қосымшаның құрылымы мен функционалдығын бейнелейтін неғұрлым егжей-тегжейлі қағаз прототипін жасауды үйрену. 

Бағалау критерийлері:

• Прототип құру дағдыларын қолданады.
• Негізгі интерфейс элементтерін қағаз прототипінде көрсетеді.
• Пайдаланушының интерфейс элементтерімен өзара әрекеттесуін ескереді. 

Жұмыс барысы:

1. Дайындық кезеңі:
   • Қағаз прототиптерін құру қағидаларымен танысыңыз:
     • Қарапайымдылық пен анықтығы.
     • Визуалды стильге емес, функционалдылыққа көңіл бөлу.
   • Қажетті құралдарды дайындаңыз: қағаз, қарындаш, сызғыш, өшіргіш.

2. Прототиптің мақсатын анықтау:
   • Қосымшаның тағайындалуын белгілеңіз (мысалы, интернет-дүкен, брондау қосымшасы).
   • Міндеттерді негізгі пайдаланушы сценарийлеріне бөліңіз:
     • Тіркелу және кіру.
     • Тауарлар/қызметтер каталогын көру.
     • Себетке қосу немесе брондау.

3. Беттер сызбасын құру:
   • Басты беттің эскизін жасаңыз:
     • Элементтер: логотип, мәзір, іздеу, негізгі мазмұн.
   • Ішкі беттерді жалғастырыңыз:
     • Каталог (тауарлар/қызметтер тізімі).
     • Тауар картасы.
     • Тіркелу/кіру беті.
     • Жеке кабинет немесе себет.
   • Әр бет үшін интерфейс элементтерін (батырмалар, енгізу өрістері, тақырыптар, мәтін блоктары) бейнелеңіз.

4. Өзара әрекеттесуді ескеру:
   • Беттер арасындағы ауысуды көрсету үшін стрелкалар мен аннотацияларды қолданыңыз.
   • Мысалы:
     • Басты беттегі «Кіру» батырмасы → Авторизация беті.
     • Тауар картасына басу → Тауар беті.

5. Прототипті нақтылау:
   • Функционалды бөлшектерді қосыңыз:
     • Батырмалардың сипаттамасы (мысалы, «Себетке қосу»).
     • Қате хабарламалары шығатын орындар (мысалы, «Қате құпиясөз»).
   • Интерактивті элементтерді белгілеңіз (сілтемелердің астын сызу, белсенді батырмаларды ерекшелеу).

6. Тексеру және толықтыру:
   • Барлық элементтердің тапсырмаға сай екеніне көз жеткізіңіз.
   • Негізгі пайдаланушы сценарийлерін қолданып, прототиптің логикалық әрі функционалды екенін тексеріңіз.
   • Әріптестерден немесе оқытушыдан кері байланыс алып, түзетулер енгізіңіз.

7. Жұмысты рәсімдеу:
   • Барлық беттердің прототиптерін сурет немесе скан түрінде жинақтаңыз.
   • Есеп дайындаңыз, оған:
     • Қосымша мен прототиптің мақсатының қысқаша сипаттамасы.
     • Пайдаланушы сценарийлері.
     • Прототиптердің фото немесе скан нұсқалары енгізіледі.

Мысал тапсырма:
Билеттерді брондау қосымшасының қағаз прототипін жасаңыз:

Іздеу өрісі бар басты бет (мысалы, күндер мен бағыттар).

Нәтижелер беті сүзгілермен және қолжетімді нұсқалар тізімімен.

Билет туралы бет сипаттамасымен және «Брондау» батырмасымен.

Тіркелу/кіру формасы.

Кеңестер:

• Интуитивті түсінікті интерфейске назар аударыңыз.
• Дизайнды артық элементтермен жүктемеңіз.
• Түсінікті белгілерді қолданыңыз (мысалы, себет иконкасы, өту үшін стрелкалар).

Күтілетін нәтиже:

• Барлық беттер мен интерфейс элементтері көрсетілген егжей-тегжейлі қағаз прототипі.
• Стрелкалармен көрсетілген логикалық бет ауысулары.