Содержимое курса
Дизайн сайта. Макет
0/15
Веб-қосымшалардың дизайнын жасау

Зертханалық жұмыс: Юзабилити бойынша жұмыс

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

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

  • Юзабилити қателерін табады.
  • Анықталған қателердің пайдаланушы тәжірибесіне әсерін талдайды.
  • Оларды түзету үшін нақты шешімдер ұсынады. 

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

  1. Дайындық кезеңі:
    • Юзабилити қағидаларымен танысыңыз:
      • Қолданудың қарапайымдылығы.
      • Қолжетімділік.
      • Интерфейстің болжамдылығы.
      • Когнитивтік жүктемені азайту.
    • Юзабилити қателерінің мысалдарын зерттеңіз (күрделі навигация, нашар оқылымдылық, мәтіннің төмен контрастылығы).
  1. Ағымдағы интерфейсті талдау:
    • Веб-қосымшаның прототипін немесе дайын макетін алыңыз (оқытушы ұсынған немесе өз жобаңыз).
    • Интерфейсті мына критерийлер бойынша тексеріңіз:
      • Навигация логикасы: қажетті беттерді табу оңай ма?
      • Интерфейс элементтерінің түсініктілігі: батырмалар, сілтемелер, формалар айқын ба?
      • Визуалды оқылымдылық: мәтін, батырмалар, элементтер анық көріне ме?
      • Қолжетімділік: интерфейс әртүрлі құрылғыларда және мүмкіндігі шектеулі адамдар үшін қолайлы ма?
  1. Қателерді анықтау:
    • Негізгі пайдаланушы сценарийлерін қолданыңыз (мысалы, тіркелу, ақпарат іздеу, тапсырыс жасау).
    • Әр мәселені тіркеңіз:
      • Қиындықты не тудырады?
      • Қай интерфейс бөлігіне әсер етеді?
      • Пайдаланушыны қалай шатастыруы мүмкін?
  1. Қателердің әсерін бағалау:
    • Қателерді әсер ету дәрежесіне қарай жіктеңіз:
      • Критикалық: тапсырмаларды орындауға кедергі жасайды.
      • Маңызды: пайдаланушы тәжірибесін нашарлатады, бірақ тапсырмаларды толық бөгемейді.
      • Шағын: көзге түспейтін немесе косметикалық ақаулар.
    • Пайдаланушы бұл қателікке қаншалықты жиі тап болуы мүмкін екенін бағалаңыз.
  1. Ұсыныстарды әзірлеу:
    • Әр мәселе үшін жақсарту ұсыныңыз. Мысалы:
      • Егер батырма айқын емес болса → Көрнекілеу немесе мәтінін өзгерту.
      • Егер навигация қиын болса → Мәзір құрылымын жеңілдету немесе іздеу функциясын қосу.
    • Ұсынылған шешімнің пайдаланушы тәжірибесіне әсерін сипаттаңыз.
  1. Есепті рәсімдеу:
    • Есеп дайындаңыз, оған енгізіңіз:
      • Талдаған интерфейстің қысқаша сипаттамасы.
      • Мысалдармен бірге анықталған қателер тізімі.
      • Қателердің маңыздылығы бойынша классификациясы.
      • Қателерді жою бойынша ұсыныстар мен негіздемелер.
    • Интерфейстің проблемалы бөліктерінің скриншоттары немесе фотосуреттерін тіркеңіз.
  1. Нәтижелерді таныстыру:
    • Анализ нәтижелерін топқа ұсыныңыз.
    • Ұсынылған жақсартуларды талқылап, сұрақтарға жауап беріңіз.
    • Кері байланыс негізінде есепке түзетулер енгізіңіз.

Юзабилити қателерінің мысалдары:

Қате: «Тапсырыс беру» батырмасы бетте тым төмен орналасқан.
Шешім: Батырманы прокрутусыз көрінетін жерге ауыстыру.

Қате: Мәтін нашар оқылады (төмен контраст себебінен).
Шешім: Мәтін мен фон арасындағы контрастты арттыру.

Қате: «Байланыс» бетін табу қиын.
Шешім: «Байланыс» сілтемесін басты мәзірге қосу.

Кеңестер:

  • Интерфейсті бірнеше құрылғыда тексеріңіз (смартфон, планшет, компьютер).
  • Мүмкін болса, басқа адамнан интерфейсті тестілетіп, пікірін алыңыз.
  • Тексеру үшін юзабилити чек-листтерін қолданыңыз.