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

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

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

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

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

1. Дайындық кезеңі:
   • Прототиптеудің негізгі қағидаттарын зерттеңіз (қарапайымдылық, қолайлылық, айқын құрылым).
   • Прототиптің мақсатын анықтаңыз: ол веб-қосымшаның қандай функцияларын көрсетуі тиіс.
   • Оқытушы ұсынған қағаз прототип үлгілерімен танысыңыз (егер бар болса).

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

3. Эскиздер жасау:
   • Таза қағаз парақтары мен қарындаш дайындаңыз.
   • Басты беттен бастаңыз, онда көрсетіңіз:
     • Тақырып.
     • Интерфейстің негізгі элементтері (мәзір, батырмалар, мәтін өрістері, суреттер).
   • Негізгі функцияларға арналған беттерді жасаңыз, мысалы:
     • Пайдаланушы тіркелуі.
     • Авторизация.
     • Профильді басқару.
     • Контентті қарау және сүзгіден өткізу.
   • Беттер арасындағы өтулерді көрсету үшін жебелер қолданыңыз.

4. Пайдаланушы сценарийлерін есепке алу:
   • Пайдаланушы қосымшамен қалай әрекет ететінін сипаттаңыз. Мысалы:
     • Басты беттен тіркелу бетіне өту.
     • Авторизациядан кейін жеке кабинетке кіру.
   • Сценарийлердің қисынды әрі түсінікті екеніне көз жеткізіңіз.

5. Интерфейс элементтерін нақтылау:
   • Әр кезеңде көбірек деталь қосыңыз:
     • Қай батырмалар белсенді болатыны.
     • Қалқымалы терезелерде не көрсетілетіні.
     • Негізгі элементтердің орналасуы.
   • Үлгі мәтін немесе иконкаларды белгілеңіз.

6. Прототипті тексеру:
   • Жасалған прототипті талаптармен салыстырыңыз. Барлық функционалдық элементтердің қамтылғанына көз жеткізіңіз.
   • Прототипті әріптестермен немесе оқытушымен талқылап, жақсартуларды анықтаңыз.

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

Прототип құруға кеңестер:

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

Тапсырма үлгісі:
Интернет-дүкенге арналған веб-қосымшаның прототипін жасаңыз. Ол келесі беттерден тұруы тиіс:

• Тауарлар каталогы бар басты бет.
• Тауар картасы беті (сипаттамасы және «Себетке қосу» батырмасы).
• Себет беті (қосылған тауарлар тізімі және «Тапсырыс беру» батырмасы).

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

• Барлық беттер мен элементтері көрсетілген нақты қағаз прототип.
• Беттер арасындағы өтулер логикасы.
• Жұмысты сипаттайтын есеп.