HW lesson 20: Тестирование дизайна и локализации. Работа с гайдлайнами для Android/iOS

[natallia-malei]

HW 20 Работа с гайдлайнами для Android/iOS Полезные линки:

• Apple: https://developer.apple.com/app-store/review/guidelines/

• Перевод Human Interface Guidelines: https://docs.google.com/document/d/1F9xptR4SS4knMlcYNKFL_CuQWKpGOxkzPtmuZnC7a3k/edit

• Do’s and Don’ts: https://developer.apple.com/design/tips/

• Android Developers Docs: https://developer.android.com/docs/quality-guidelines/core-app-quality

• Material Design v.3: https://m3.material.io/

📚Задание: Дано: Выбрать любое приложение из App Store или Google Play (например, Viber, Telegram, Flo, Facebook, VK и т.д.).

⭐Проанализируйте пользовательский интерфейс и приведите примеры:

• UI элементы, которые типичны и, скорее всего, используются только в ОС вашего устройства на основе iOS Human Interface Guidelines или Material Design for Android
• элементы пользовательского интерфейса, которыми они могут быть заменены на iOS (если ваше устройство на Android) или на Android (если ваше устройство на iOS)

Результат: 📓Отчет, содержащий:

• Скриншоты с выделенными элементами
• Имена элементов на «родной» ОС (например, Navigation Drawer) и имена элементов, на которые нужно заменить (например, Tab Bar)

⭐ Найдите не менее 5 примеров правильного поведения в соответствии с App Store Review Guidelines (даже если ваше устройство на Android; например, Privacy Policy links, Developer Feedback form и т.д.)

Результат: 📓Отчет, содержащий:

• Скриншоты страниц с примерами
• Шаги по воспроизведению результата на скриншоте
• Краткое описание того, почему вы считаете приведенный пример хорошей практикой, со ссылкой на пункт из App Store Review Guidelines

📚Дополнительное HW задание: ⭐Найдите примеры поведения, которое может привести к отклонению приложения, на основе App Store Review Guidelines (даже если ваше устройство на Android) Результат: 📓Отчет, содержащий:

• Скриншоты страниц с примерами
• Шаги по воспроизведению результата на скриншоте
• Краткое пояснение, доказывающее, почему приведенный пример конфликтует с App Store Review Guidelines со ссылкой на пункт.

Практикум на уроке Задание1: Дано: веб-приложение https://www.walmart.com/ (нужен VPN) ● Определить тип макета данного веб-приложения ● Протестируйте приложение в портретном и ландшафтном режимах на 2 устройствах:

-Первое устройство должно иметь один из следующих видовых экранов: ■ 360x640 ■ 360x740 ■ 375x667

-Второе устройство должно быть с одним из следующих видовых экранов: ■ 375x812 ■ 414x736

● Объем тестирования должен включать следующие области: -Create a new account and sign in to the website -Burger menu: ■ My items - Lists ■ Account ■ Shop by department -Home page UI -Search -Filtering and sorting -UI and functionality of the item view page -Add an item to the cart and proceed to checkout

● Найдите проблемы с пользовательским интерфейсом / функциональностью, связанные с протестированным окном просмотра.

Задание 2. Дано: веб-приложение https://e-dostavka.by/ ● Изучить приложение ● Найдите хорошие и плохие примеры юзабилити в соответствии с принципами Якоба Нильсена. ● Попробуйте найти хотя бы по одному примеру для каждого из 10 принципов.

[notradice]

Done - HW20

[ekaterinadolyuk]

Done! https://docs.google.com/spreadsheets/d/1mOJJ-yg10go96bB6yCQl_U-QJl1S_Mfp/edit#gid=383124627

[DaryaShek]

Done! https://docs.google.com/spreadsheets/d/1GrQMdLwO1uAb1Eqz-ITFvXx5JcKN1HH8/edit?usp=share_link&ouid=102047280682088652843&rtpof=true&sd=true

[ZdanovichOlga]

Done! https://docs.google.com/spreadsheets/d/1PjZsRATeZgkRrcroHo_-tIMTAwVEQnObZyive0xCswo/edit?usp=sharing

https://docs.google.com/spreadsheets/d/1CXQyFuJCGxldohOYoobDlSuoHsx6RZVR_xCpcp7ik6w/edit?usp=sharing

[Catherinein]

Done! https://docs.google.com/spreadsheets/d/1DnB7jOTsaedfc8C66Br5TAsuIMR0DHpU/edit?usp=drive_link&ouid=110108453670510517333&rtpof=true&sd=true