Функциональность
Главная страница
Главная страница
Несвязанные текст и действие
“Дерганая” анимация карусели
Орфография, грамматика, стилистика
Орфография, грамматика, стилистика
Орфография, грамматика, стилистика
Рецепты и статьи
Footer
Footer, кнопка “Связаться с Racionika”
Страница “О бренде”
Страница “О бренде”
Страница “О бренде”
Страница “О бренде”
Страница “О бренде”
Страница “О бренде”
Страница “О бренде”
Страница “О бренде”
Страница “Где купить”
Страница “Где купить”
Страница “Где купить”
Страница “Где купить”
Страница “Вопрос эксперту”
Страница “Вопрос эксперту”
Страница “Вопрос эксперту”
Страница “Вопрос эксперту”
Страница “Вопрос эксперту”
Страница “Калькулятор”
Страница “Калькулятор”
Страница “Калькулятор”
Страница “Калькулятор”
Страница “Калькулятор”
Страница “Калькулятор”
Страница “Калькулятор”
Страница “Рецепты и статьи”
Проверка контента
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Страница товара
Android
Главная страница
Главная страница
Главная страница
Главная страница
Главная страница
Главное меню (мобильное)
Каталог товаров
Связаться с Racionika
Страница “О бренде”
Страница “О бренде”
Страница “Где купить?”
Страница “Вопрос эксперту”
Страница “Калькулятор”
Страница “Калькулятор”
Страница “Калькулятор”
Страница “Статьи и рецепты”
iOS
Главная страница
Главное меню (мобильное)
Главное меню (мобильное)
Каталог товаров
Каталог товаров
Связаться с Racionika
Связаться с Racionika
Страницы продуктов
Страница “О бренде”
Страница “О бренде”
Страница “О бренде”
Страница “О бренде”
Страница “Где купить?”
Страница “Вопрос эксперту”
Страница “Вопрос эксперту”
Страница “Калькулятор”
Страница “Калькулятор”
Страница “Калькулятор”
Страница “Статьи и рецепты”
28.79M
Category: internetinternet

Функциональность. Главная страница

1. Функциональность

MacBook Pro (15-inch, 2016)
macOS Mojave 10.14
Chrome Версия 70.0.3538.77
Официальная сборка, 64 бит
Ссылки, кнопки, формы, карты,
интерактивные элементы, эффекты и
проч.

2. Главная страница

URL: http://racionika.r8s.ru/
Блок: Логотип
Низкое качество логотипа затрудняет
считывание текста на нем.
Новый
В текущей коммерческой версии
сайта логотип читается лучше.
Старый

3. Главная страница

URL: http://racionika.r8s.ru/
Блок: Меню
1. Некликабельный номер телефона
1. VK, FB и IG открываются в той же
вкладке. Сделать в новой вкладке
открытие
2. Разнородные названия страницразделов меню. Используются
английские слова вперемешку с
транслитом. URL нужно сохранить
с прошлого сайта.
/products
/o-brende
/address
/aktsii
/expert
/calculato
r
/articlesandrecipes

4. Несвязанные текст и действие

URL: http://racionika.r8s.ru/
Блок: Графический баннер
Инстаграм открывается в той же
вкладке, посетитель уходит с сайта.
Открывать в новой вкладке.

5. “Дерганая” анимация карусели

URL: http://racionika.r8s.ru/
Блок: Карусель серий продуктов
Переход между крайними элементами
отличается от остальных.
Элементы перед началом движения в
нужную сторону “отпрыгивают” в
противоположную.
См. видео
https://drive.google.com/file/d/1Ilcmnms
ylKRCN72Hd_CulhlkhKwRQl8I/view?usp
=sharing
Дополнительно проверено в Safari и
FireFox - поведение идентичное.

6. Орфография, грамматика, стилистика

URL: http://racionika.r8s.ru/
Блок: О бренде Racionika
Красный
Нет точек в конце описаний блоков 1 и
2 в то время, как в 3 и 4 есть знаки
препинания в конце предложений.
Фиолетовый
Двойной пробел
Зеленый
В данном случае правильно будет “...с
учетом принципов современнОЙ
диетологии и здорового питания…”

7. Орфография, грамматика, стилистика

URL: http://racionika.r8s.ru/
Блок: Отзывы покупателей
Под “Читать дальше” осталось всего
одно слово.
Лучше либо откорректировать отзыв,
либо изменить шрифт, либо заменить
сам отзыв.
Он первый и сразу бросается в глаза.

8. Орфография, грамматика, стилистика

URL: http://racionika.r8s.ru/
Блок: Отзывы покупателей
Текст второго отзыва продублирован.

9. Рецепты и статьи

URL: http://racionika.r8s.ru/
Блок: Рецепты и статьи
Текст “прилип” к заголовку статьи.
Более читабельным и аккуратным
будет вариант, когда все описания
находятся на одной горизонтали.
Тексты описаний не имеют
форматирования, хотя место
позволяет “разнести” описание на
несколько строк.
Читать такой текст трудно.

10. Footer

URL: http://racionika.r8s.ru/
Блок: Footer
Ссылки “Условия пользования
сайтом”, “Политика о персональных
данных”, “Политика Cookie” не
действительны.
Номера телефонов и e-mail не
кликабельны.
“Политика о персональных данных”
лучше заменить на “Политика работы
с персональными данными” или
другой вариант.

11. Footer, кнопка “Связаться с Racionika”

URL: http://racionika.r8s.ru/
Блок: Footer
Чек-бокс не имеет отзыва после
первой валидации. Пользователь не
понимает, нажат он или нет.
Ссылка на “Политику обработки ПД”
не действительна.
“e-mail” - “email” и “Вас” - “ваш” - это
лишнее разнообразие.
“Согласен(на)” - текст в скобках
указывает, какое количество букв в
конце слова должно быть заменено.

12. Страница “О бренде”

URL: http://racionika.r8s.ru/products/
Блок: Графический баннер
Грамматика.

13. Страница “О бренде”

URL: http://racionika.r8s.ru/products/
Блок: Текстовая информация о бренде
Одна из веток на некоторых размерах
окна закрывает текст.
Не критично, но лучше сделать ветки
под текстом.
На небольшом размере окна ветка
“висит” в воздухе.

14. Страница “О бренде”

URL: http://racionika.r8s.ru/products/
Блок: Графический баннер
Грамматика, орфография.

15. Страница “О бренде”

URL: http://racionika.r8s.ru/products/
Блок: Линии продукции
Элементы “Посмотреть больше”
иногда перестают отвечать.
Кроме того, зафиксирован случай,
когда клик на таком элементе
приводил к переключению к
следующему элементу карусели.
При скролле карусели
непредсказуемо раскрываются и
скрываются подробные описания.
См. видео
https://drive.google.com/file/d/1uDKNtZeOpHLaI1aBe6eUHD
W3eATP-b3j/view?usp=sharing

16. Страница “О бренде”

URL: http://racionika.r8s.ru/products/
Блок: Линии продукции. Релакс
Необходимо все предложения
заканчивать знаком препинания.
Отсутствие точек приемлемо, если
они не ставятся нигде. Так как в
текстах сайта точки все-таки
используются, то мы продолжим
обращать внимание на этот вид
ошибки.

17. Страница “О бренде”

URL: http://racionika.r8s.ru/products/
Блок: Линии продукции. Diet
Грамматика, орфография.

18. Страница “О бренде”

URL: http://racionika.r8s.ru/products/
Блок: Линии продукции. Сахар-контроль
Грамматика, орфография.

19. Страница “О бренде”

URL: http://racionika.r8s.ru/products/
Блок: Линии продукции. Immuna
Грамматика, орфография.

20. Страница “Где купить”

URL: http://racionika.r8s.ru/address/
Блок: Где купить?
Не единообразное поведение
каруселей.
При выборе региона верхняя карусель
“Онлайн” находится на первом
элементе и предлагает скроллить
вправо.
Нижняя карусель “В аптеках и
магазинах” находится на последнем
элементе и предлагает скролл влево.

21. Страница “Где купить”

URL: http://racionika.r8s.ru/address/
Блок: Где купить?
Сообщение об отсутствии результатов
поиска на английском языке.

22. Страница “Где купить”

URL: http://racionika.r8s.ru/address/
Блок: Где купить?
Карта не центрируется на некоторых
городах. Например, при выборе
Ульяновска, обновляются карусели
“Онлайн” и “В аптеках и магазинах”, а
карта остается на предыдущем
регионе.

23. Страница “Где купить”

URL: http://racionika.r8s.ru/address/
Блок: Где купить?
Ссылки с каруселей часто битые.
https://www.piluli.ru/search_result.html?search=%F0%E0%F6%E8%EE%ED%E8%EA%E0&utm_referrer=http%3a%2f%
2fracionika.r8s.ru%2faddress%2f&fa821dba_ipp_key=v1540943736321%2fv3394bd7cc8ee9b59a9f4e9163aeca6afa04ab3
%2fI1ntNz6nqvcni9nTcFpakg%3d%3d&fa821dba_ipp_uid=1540943736320%2fHAJ3RjcqiBLDi1Mv%2flWBLYpLX1WYiee
nFVLwCxQ%3d%3d&fa821dba_ipp_uid2=HAJ3RjcqiBLDi1Mv%2flWBLYpLX1WYieenFVLwCxQ%3d%3d&fa821dba_ipp_u
id1=1540943736320
http://www.legkayajizn.ru/products/?q=%D0%A0%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%B8%D0%BA%
D0%B0
http://wikimart.ru/search/?query=%D1%80%D0%B0%D1%86%D0%B8%D0%BE%D0%BD%D0%B8%D0%BA%D0%B
0
https://003ms.ru/search?type=0&search=%u0420%u0430%u0446%u0438%u043E%u043D%u0438%u043A%u0430
Некоторые ссылки открываются в том
же окне, некоторые в новой вкладке.
На многих элементах нет ссылок для
некоторых регионов.
Необходимо завершить работы по

24. Страница “Вопрос эксперту”

URL: http://racionika.r8s.ru/expert/
Блок: Вопрос эксперту
Орфография, стилистика.

25. Страница “Вопрос эксперту”

URL: http://racionika.r8s.ru/expert/
Блок: Вопрос эксперту
Скролл до якорной ссылки по кнопке
“Задать свой вопрос Дарье”
переносит так, что скрывается
заголовок блока “Задать свой вопрос
эксперту”.
См. видео
https://drive.google.com/open?id=13CC
4afKKT2aN0j5F016aCoeY9lLaFNRd

26. Страница “Вопрос эксперту”

URL: http://racionika.r8s.ru/expert/
Блок: Задать свой вопрос эксперту
При заполнении формы не очевидно
какие поля являются обязательными.
В случае неуспешной валидации
формы страница просто
перезагружается, пользователь не
получает понятной обратной связи.
Даже в случае заполнения
обязательных полей и капчи нет
понимания, что вопрос отправлен.
См. видео
https://drive.google.com/open?id=19z6p2atCVxHNyyIOQ_XH
FK71DLQ6btLn

27. Страница “Вопрос эксперту”

URL: http://racionika.r8s.ru/expert/
Блок: Задать свой вопрос эксперту
Форма осуществляет валидацию
только по клику на кнопке.
Пользователь, заполняющий форму
повторно, будет видеть сообщения об
ошибках пока не нажмет на кнопку.

28. Страница “Вопрос эксперту”

URL: http://racionika.r8s.ru/expert/
Блок: Задать свой вопрос эксперту
Верстка.

29. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Калькулятор
Предполагаем, что основная часть
целевой аудитории женского пола.
Может имеет смысл установить по
умолчанию чек-бокс на “Ж”? На
старом сайте было именно так.
На сайте принято обращение на “вы”.
В этом блоке - на “ты”.
НОВЫЕ ОШИБКИ
см. второй скриншот

30. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Калькулятор
Для поля “Вес” реализован (правда,
очень мелко) элемент для ввода числа
мышью.
Для роста такого не сделано.
Нет единообразия.

31. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Калькулятор
Для поля “Вес” реализована
валидация, не позволяющая вводить
символы.
Для роста такого не сделано.
Нет единообразия.

32. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Калькулятор
Излишне большие поля для ввода
максимум трехзначных чисел.
Нет разумной валидации на длину
вводимых значений.

33. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Калькулятор
В пределах одного блока обращение
на “ты” и на “вы”.

34. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Калькулятор
Использован не принятый десятичный
разделитель - “.”
Точка не запрещена, но в странах, на
которые ориентирован сайт
применяется запятая.

35. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Калькулятор
Такая таблица вызывает сомнения.
В ней только “недостаток веса” и
“ожирение”.
Ситуация идентична для “Ж” и “М”.

36. Страница “Рецепты и статьи”

URL: http://racionika.r8s.ru/articles-and-recipes/
Блок: Вся страница
Разные названия в теле страницы и в
имени вкладки.
В ТЗ указан вариант “Рецепты и
статьи”. Если его соблюдать, то
канонический адрес страницы тоже
необходимо поменять.
Также это название фигурирует в
главном меню.

37. Проверка контента

MacBook Pro (15-inch, 2016)
macOS Mojave 10.14
Chrome Версия 70.0.3538.77
Официальная сборка, 64 бит
Вычитка и редактура текстового
наполнения сайта

38. Страница товара

URL: http://racionika.r8s.ru/products/chipsy-racionika-sakhar-kontrol
Блок: Состав чипсов Racionika Сахар-контроль
Замечания по текстовому контенту
приведены на скриншоте.
Выделенный текст по смыслу оторван
от остальной части.
Это ведь не полный состав.

39. Страница товара

URL: http://racionika.r8s.ru/products/racionika-sakhar-kontrol-zhevatelnyy-marmelad-fruktovoe-assorti
Блок: Состав жевательного мармелада Racionika Сахар-контроль
Замечания по текстовому контенту
приведены на скриншоте.

40. Страница товара

URL: http://racionika.r8s.ru/products/batonchik-racionika-relaks
Блок: Состав батончика Racionika Релакс c шоколадом
Замечания по текстовому контенту
приведены на скриншоте.

41. Страница товара

URL: http://racionika.r8s.ru/products/batonchik-racionika-immuno-so-vkusom-maliny
Блок: Состав батончика Racionika Иммуно со вкусом малины
Замечания по текстовому контенту
приведены на скриншоте.

42. Страница товара

URL: http://racionika.r8s.ru/products/batonchik-racionika-immuno-so-vkusom-limona-i-myedaБлок: Состав батончика Racionika Иммуно со вкусом лимона и мёда
Замечания по текстовому контенту
приведены на скриншоте.
Каноническая ссылка содержит
лишний дефис в конце.

43. Страница товара

URL: http://racionika.r8s.ru/products/batonchik-racionika-sakhar-kontrol-so-vkusom-vishni
Блок: Батончик Racionika Сахар-контроль со вкусом вишни + состав
Замечания по текстовому контенту
приведены на скриншотах.

44. Страница товара

URL: http://racionika.r8s.ru/products/racionika-diet-batonchik-dlya-pokhudeniya-postnyy-so-vkusom-kofe-so-slivkami
Блок: Racionika Diet батончик для похудения постный со вкусом кофе со сливками + состав
Замечания по текстовому контенту
приведены на скриншотах.

45. Страница товара

URL: http://racionika.r8s.ru/products/racionika-diet-batonchik-dlya-pokhudeniya-postnyy-so-vkusom-apelsina
Блок: Racionika Diet батончик для похудения постный со вкусом апельсина + состав
Замечания по текстовому контенту
приведены на скриншотах.

46. Страница товара

URL: http://racionika.r8s.ru/products/racionika-diet-batonchik-dlya-pokhudeniya-postnyy-so-vkusom-pesochnogo-pechenya
Блок: Racionika Diet батончик для похудения постный со вкусом песочного печенья
Замечания по текстовому контенту
приведены на скриншотах.

47. Страница товара

URL: http://racionika.r8s.ru/products/racionika-diet-batonchik-so-vkusom-kokosa
Блок: Racionika Diet батончик со вкусом кокоса
Замечания по текстовому контенту
приведены на скриншотах.

48. Страница товара

URL: http://racionika.r8s.ru/products/racionika-diet-batonchik-so-vkusom-banana
Блок: Racionika Diet батончик со вкусом банана
Замечания по текстовому контенту
приведены на скриншотах.

49. Страница товара

URL: http://racionika.r8s.ru/products/racionika-sakhar-kontrol-zhevatelnyy-marmelad-yagodnyy-kokteyl
Блок: Racionika Сахар-контроль жевательный мармелад Ягодный коктейль
Замечания по текстовому контенту
приведены на скриншоте.

50. Страница товара

URL: http://racionika.r8s.ru/products/batonchik-racionika-diet-ananas-v-beloy-glazuri
Блок: Батончик Racionika Diet «Ананас в белой глазури»
Замечания по текстовому контенту
приведены на скриншотах.

51. Страница товара

URL: http://racionika.r8s.ru/products/racionika-diet-kasha-grechnevo-lnyanaya-dlya-pokhudeniya
Блок: Racionika Diet каша гречнево-льняная для похудения
Замечания по текстовому контенту
приведены на скриншотах.

52. Страница товара

URL: http://racionika.r8s.ru/products/racionika-diet-belkovyy-sup-chechevichnyy-dlya-pokhudeniya
Блок: Racionika Diet белковый суп чечевичный для похудения
Замечания по текстовому контенту
приведены на скриншотах.

53. Страница товара

URL: http://racionika.r8s.ru/products/dieticheskiy-kokteyl-racionika-diet-so-vkusom-vanili-banka
Блок: Диетический коктейль Racionika Diet со вкусом ванили (банка)
Замечания по текстовому контенту
приведены на скриншотах.

54. Страница товара

URL: http://racionika.r8s.ru/products/dieticheskiy-kokteyl-racionika-diet-so-vkusom-vanili-sashe
Блок: Диетический коктейль Racionika Diet со вкусом ванили (саше)
Замечания по текстовому контенту
приведены на скриншотах.

55. Страница товара

URL: http://racionika.r8s.ru/products/dieticheskiy-kokteyl-racionika-diet-so-vkusom-klubniki-sashe
Блок: Диетический коктейль Racionika Diet со вкусом клубники (саше)
Замечания по текстовому контенту
приведены на скриншотах.

56. Страница товара

URL: http://racionika.r8s.ru/products/dieticheskiy-kokteyl-racionika-diet-so-vkusom-klubniki-banka
Блок: Диетический коктейль Racionika Diet со вкусом клубники (банка)
Замечания по текстовому контенту
приведены на скриншотах.

57. Страница товара

URL: http://racionika.r8s.ru/products/dieticheskiy-kokteyl-racionika-diet-so-vkusom-shokolada-banka
Блок: Диетический коктейль Racionika Diet со вкусом шоколада (банка)
Замечания по текстовому контенту
приведены на скриншотах.

58. Страница товара

URL: http://racionika.r8s.ru/products/diabeticheskaya-askorbinka-racionika-sakhar-kontrol
Блок: Диабетическая аскорбинка Racionika Сахар-контроль
Замечания по текстовому контенту
приведены на скриншоте.

59. Android

Ссылки, кнопки, формы, карты,
интерактивные элементы, эффекты и
проч.
Верстка
Nokia 3 (TA-1032)
Android 8.0.0
Chrome 70.0.3538.80

60. Главная страница

URL: http://racionika.r8s.ru/
Блок: Кнопка “Узнать больше о продукции”
Не хватает отступа при переходе к
якорной ссылке.
Текст “прилипает” к верхнему краю.

61. Главная страница

URL: http://racionika.r8s.ru/
Блок: Кнопка “Перейти в онлайн-магазин”
Текст на кнопке переносится
некорректно. Не использован
неразрывный дефис.
Есть вероятность, что на других
разрешениях аналогичная ситуация
произойдет с другими
кнопками/текстами.

62. Главная страница

URL: http://racionika.r8s.ru/
Блок: Карусель серий продуктов
Карусель серий продуктов дерганая.
Видны изменения состояний
объектов.
См. видео
https://drive.google.com/file/d/1a6K9hw
V-WieTXkAT7sHVxs_z5n2unuo/view?usp=sharing
Карусель на странице “О бренде”
переключается без нареканий.

63. Главная страница

URL: http://racionika.r8s.ru/
Блок: каталог товаров
Необоснованно большой отступ
между блоками “Каталог товаров” и
“CTA”

64. Главная страница

URL: http://racionika.r8s.ru/
Блок: футер
Не кликабельные номера телефонов и
e-mail.
Ранее такое замечание уже было. Но
была надежда, что мобильные ОС
определят сами эти типы данных и
сделают их активными. В данном
случае этого не произошло.

65. Главное меню (мобильное)

URL: http://racionika.r8s.ru/
Блок: меню
Слишком крупный шрифт и отступы
не позволяют показать на одном
экране кнопку “Купить онлайн”.
Номер телефона не кликабельный.

66. Каталог товаров

URL: http://racionika.r8s.ru/products/
Блок: ползунок “Калорийность”
Передвижение ограничителей
ползунка затрудняются тем, что
боковые части экрана
воспринимаются как поля для
горизонтального свайпа.
См. видео
https://drive.google.com/file/d/14_yIFnyT
mpoHS7qkQhnHI0iKKlq_wzt/view?usp=sharing

67. Связаться с Racionika

URL: http://racionika.r8s.ru/
Блок: форма “Связаться с Racionika”
Замечания аналогичны описанным
выше.
Дополнительно - в мобильной версии
использованы разные шрифты.

68. Страница “О бренде”

URL: http://racionika.r8s.ru/o-brende/
Блок: Преимущества Racionika
Горизонтально расположенные
вкладки с преимуществами
производят впечатление поехавшей
верстки.
Пользователь не информируется о
возможности горизонтального
скролла.

69. Страница “О бренде”

URL: http://racionika.r8s.ru/o-brende/
Блок: карусель “Линии продукции марки Racionika”
Карусель переключается плавно.
Но часто перестают отвечать
элементы “Посмотреть больше”.
См. видео
https://drive.google.com/file/d/1IsrNAsos
Z2L3RELnk1MaFKBIbS6gTk6B/view?us
p=sharing

70. Страница “Где купить?”

URL: http://racionika.r8s.ru/address/
Блок: Где купить?
Непредсказуемое поведение списка с
результатами поиска. Список
отображается то ниже поля со
стрелочкой, то выше. При этом строка
ввода исчезает из видимой области
экрана.
См. видео
https://drive.google.com/file/d/1GXru7M
b03nHbnjqJckVSwpU7BGf5kwBV/view?
usp=sharing

71. Страница “Вопрос эксперту”

URL: http://racionika.r8s.ru/expert/
Блок: Кнопка “Задать свой вопрос эксперту”
Скролл до якорной ссылки
осуществляется таким образом, что
заголовок блока “уходит” вверх.
Общие функциональные замечания,
описанные выше, справедливы и для
мобильной версии.

72. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Калькулятор
Для одинаковых типов полей
(числовых) применяются разные типы
клавиатур, что сбивает с толку и
провоцирует ввод ошибочных данных.

73. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Рекомендуемые диеты
Кнопки с вариантами диет
накладываются друг на друга в
вертикальной ориентации экрана.

74. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Рекомендуемые диеты
Изображение диет не умещается на
экране и в ландшафтной ориентации.
Горизонтальный скролл отсутствует.

75. Страница “Статьи и рецепты”

URL: http://racionika.r8s.ru/articles-and-recipes/
Блок: Пагинация
При пагинации статей отображение
нового блока происходит
непредсказуемо для пользователя отображается то середина подборки,
то последний элемент, а иногда
вообще футер.
Поведение требует доработки.
См. видео
https://drive.google.com/file/d/1PztXEl6
CshlR5XtqANOYaamh7_qkD_jI/view?usp
=sharing

76. iOS

Ссылки, кнопки, формы, карты,
интерактивные элементы, эффекты и
проч.
Верстка
iPhone 7
iOS 12.0.1 (16A404)
Safari

77. Главная страница

URL: http://racionika.r8s.ru/
Блок: футер
Не кликабельный e-mail.
iOS “подцепила” телефонные номера и
сделала их активными.
В любом случае, лучше описать их
через “tel:”

78. Главное меню (мобильное)

URL: http://racionika.r8s.ru/
Блок: меню
Слишком крупный шрифт и отступы
не позволяют показать на одном
экране кнопку “Купить онлайн”.
Номер телефона кликабелен только
благодаря iOS.

79. Главное меню (мобильное)

URL: http://racionika.r8s.ru/
Блок: меню
Зафиксирована ситуация, когда на
экране меню появился
горизонтальный скролл - меню не
вмещается в экран.
См. видео
https://drive.google.com/file/d/1baWWB
cTKydzWChjf7aAhxF7RDe69V_P3/view?
usp=sharing

80. Каталог товаров

URL: http://racionika.r8s.ru/products/
Блок: Каталог товаров
Все замечания по поводу системы
фильтрации товаров, приведенные
выше, справедливы и для мобильной
версии сайта, отображаемой на
iPhone.

81. Каталог товаров

URL: http://racionika.r8s.ru/products/
Блок: ползунок “Калорийность”
Передвижение ограничителей
ползунка затрудняются тем, что
боковые части экрана
воспринимаются iOS как поля для
перехода к предыдущей или
следующей странице.
См. видео
https://drive.google.com/file/d/1KnxWRj
QuSPaho6di_4o9AXYw0CBvqlzp/view?u
sp=sharing

82. Связаться с Racionika

URL: http://racionika.r8s.ru/
Блок: форма “Связаться с Racionika”
Замечания аналогичны описанным
выше.
Дополнительно выявлено
некорректное поведение при смене
ориентации устройства - открытая
форма скрывается за видимой частью
экрана, что делает “нерабочей”
кнопку “Связаться с Racionika”.
См. видео
https://drive.google.com/file/d/1JhQ3Y8
CtnHhSX0d5Lz5UXOgFOTOhayX/view?usp=sh
aring

83. Связаться с Racionika

URL: http://racionika.r8s.ru/
Блок: Футер
Иногда iOS некорректно распознает
номер телефона. Пользователь не
сможет дозвониться по такому
номеру.

84. Страницы продуктов

URL: http://racionika.r8s.ru/products/racionika-sakhar-kontrol-zhevatelnyy-marmelad-fruktovoe-assorti
Блок: Описание продукта
В ландшафтной ориентации
изображение слишком большое - не
влезает в экран по вертикали.
Заголовок “прилипает” к правому
краю, при том, что он имеет
выравнивание по центру - смотрится
не аккуратно.
Это относится ко всем продуктовым
страницам.

85. Страница “О бренде”

URL: http://racionika.r8s.ru/o-brende/
Блок: Racionika опровергает мифы
Веточка частично перекрыта и “висит”
в воздухе в вертикальной ориентации
и накладывается на текст в
ландшафтной.

86. Страница “О бренде”

URL: http://racionika.r8s.ru/o-brende/
Блок: Карусель “Линии продукции марки Racionika”
Карусель переключается плавно.
Но часто перестают отвечать
элементы “Посмотреть больше”.
При нажатии “Скрыть” фокус
переносится на футер, вводя в
заблуждение.
См. видео
https://drive.google.com/file/d/1kMU_Pci
GKpaY02eHSbibProDg5zPtopY/view?us
p=sharing

87. Страница “О бренде”

URL: http://racionika.r8s.ru/o-brende/
Блок: Карусель “Линии продукции марки Racionika”
Неоправданно крупный шрифт
затрудняет навигацию. Свайп в
нижней части развернутого описания
линейки приводит к отображению
пустого фиолетового фона, что
вводит в заблуждение. Необходима
доработка анимации.
См. видео
https://drive.google.com/file/d/1l9tG2wy6P81NBu26R7RFEqEobI75r5M/vi
ew?usp=sharing

88. Страница “О бренде”

URL: http://racionika.r8s.ru/o-brende/
Блок: Преимущества Racionika
Горизонтально расположенные
вкладки с преимуществами
производят впечатление поехавшей
верстки.
Пользователь не информируется о
возможности горизонтального
скролла.

89. Страница “Где купить?”

URL: http://racionika.r8s.ru/address/
Блок: Где купить?
В ландшафтной ориентации карта
занимает экран полностью,
препятствуя навигации по сайту.
После выбора региона не всегда
происходит центровка карты на новом
регионе. Возможно, не хватает
данных.
См. видео
https://drive.google.com/file/d/1DuZ3rYL
U_GTO5NwuyftGSIVMV2pU_Kvf/view?u
sp=sharing

90. Страница “Вопрос эксперту”

URL: http://racionika.r8s.ru/expert/
Блок: Кнопка “Задать свой вопрос эксперту”
Скролл до якорной ссылки
осуществляется таким образом, что
заголовок блока “уходит” вверх.
Общие функциональные замечания,
описанные выше, справедливы и для
мобильной версии.
Дополнительно - сбитые стили для
кнопки “Отправить вопрос эксперту”.

91. Страница “Вопрос эксперту”

URL: http://racionika.r8s.ru/expert/
Блок: Кнопка “Задать свой вопрос эксперту”
Пагинация ведет себя непредсказуемо
- пользователь переходит на разные
места нового набора вопросовответов - то в середину, то в конец, а
то и на футер. Листать вопросыответы в таком режиме невозможно пользователь уйдет очень быстро.
Переключатель страниц переносится
на другую строку при отображении
трехзначных значений.
См. видео
https://drive.google.com/file/d/1DhBriwl6Upqo9SFnt_YlfRfkEI
0HuzCE/view?usp=sharing

92. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Калькулятор
Для одинаковых типов полей
(числовых) применяются разные типы
клавиатур, что сбивает с толку и
провоцирует ввод ошибочных данных.

93. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Рекомендуемые диеты
Кнопки с вариантами диет
накладываются друг на друга в
вертикальной ориентации экрана.

94. Страница “Калькулятор”

URL: http://racionika.r8s.ru/calculator/
Блок: Рекомендуемые диеты
Изображение диет не умещается на
экране и в ландшафтной ориентации.
Горизонтальный скролл отсутствует.

95. Страница “Статьи и рецепты”

URL: http://racionika.r8s.ru/articles-and-recipes/
Блок: Пагинация
При пагинации статей отображение
нового блока происходит
непредсказуемо для пользователя отображается то середина подборки,
то последний элемент, а иногда
вообще футер.
Поведение требует доработки.
См. видео
https://drive.google.com/file/d/1ssrRR2P
eT6TfPqdl_5pMs_zsbGHxc_rm/view?usp
=sharing
English     Русский Rules