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

Содержание

Слайд 2

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

Низкое качество логотипа затрудняет считывание текста на нем.
В текущей коммерческой версии сайта

логотип читается лучше.

http://racionika.r8s.ru/

Логотип

Слайд 3

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

Некликабельный номер телефона
VK, FB и IG открываются в той же вкладке. Сделать

в новой вкладке открытие
Разнородные названия страниц-разделов меню. Используются английские слова вперемешку с транслитом. URL нужно сохранить с прошлого сайта.

http://racionika.r8s.ru/

Меню

Слайд 4

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

Инстаграм открывается в той же вкладке, посетитель уходит с сайта.
Открывать

в новой вкладке.

http://racionika.r8s.ru/

Графический баннер

Слайд 5

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

Переход между крайними элементами отличается от остальных.
Элементы перед началом движения в

нужную сторону “отпрыгивают” в противоположную.
См. видео https://drive.google.com/file/d/1IlcmnmsylKRCN72Hd_CulhlkhKwRQl8I/view?usp=sharing
Дополнительно проверено в Safari и FireFox - поведение идентичное.

http://racionika.r8s.ru/

Карусель серий продуктов

Слайд 6

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

Красный
Нет точек в конце описаний блоков 1 и 2 в то

время, как в 3 и 4 есть знаки препинания в конце предложений.
Фиолетовый
Двойной пробел
Зеленый
В данном случае правильно будет “...с учетом принципов современнОЙ диетологии и здорового питания…”

http://racionika.r8s.ru/

О бренде Racionika

Слайд 7

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

Под “Читать дальше” осталось всего одно слово.
Лучше либо откорректировать отзыв, либо

изменить шрифт, либо заменить сам отзыв.
Он первый и сразу бросается в глаза.

http://racionika.r8s.ru/

Отзывы покупателей

Слайд 8

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

Текст второго отзыва продублирован.

http://racionika.r8s.ru/

Отзывы покупателей

Слайд 9

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

Текст “прилип” к заголовку статьи. Более читабельным и аккуратным будет вариант,

когда все описания находятся на одной горизонтали.
Тексты описаний не имеют форматирования, хотя место позволяет “разнести” описание на несколько строк.
Читать такой текст трудно.

http://racionika.r8s.ru/

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

Слайд 10

Footer

Ссылки “Условия пользования сайтом”, “Политика о персональных данных”, “Политика Cookie” не действительны.
Номера телефонов

и e-mail не кликабельны.
“Политика о персональных данных” лучше заменить на “Политика работы с персональными данными” или другой вариант.

http://racionika.r8s.ru/

Footer

Слайд 11

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

Чек-бокс не имеет отзыва после первой валидации. Пользователь не

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

http://racionika.r8s.ru/

Footer

Слайд 12

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

Грамматика.

http://racionika.r8s.ru/products/

Графический баннер

Слайд 13

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

Одна из веток на некоторых размерах окна закрывает текст.
Не критично, но

лучше сделать ветки под текстом.
На небольшом размере окна ветка “висит” в воздухе.

http://racionika.r8s.ru/products/

Текстовая информация о бренде

Слайд 14

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

Грамматика, орфография.

http://racionika.r8s.ru/products/

Графический баннер

Слайд 15

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

Элементы “Посмотреть больше” иногда перестают отвечать.
Кроме того, зафиксирован случай, когда клик

на таком элементе приводил к переключению к следующему элементу карусели.
При скролле карусели непредсказуемо раскрываются и скрываются подробные описания.
См. видео https://drive.google.com/file/d/1uDKNtZeOpHLaI1aBe6eUHDW3eATP-b3j/view?usp=sharing

http://racionika.r8s.ru/products/

Линии продукции

Слайд 16

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

Необходимо все предложения заканчивать знаком препинания.
Отсутствие точек приемлемо, если они не

ставятся нигде. Так как в текстах сайта точки все-таки используются, то мы продолжим обращать внимание на этот вид ошибки.

http://racionika.r8s.ru/products/

Линии продукции. Релакс

Слайд 17

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

Грамматика, орфография.

http://racionika.r8s.ru/products/

Линии продукции. Diet

Слайд 18

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

Грамматика, орфография.

http://racionika.r8s.ru/products/

Линии продукции. Сахар-контроль

Слайд 19

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

Грамматика, орфография.

http://racionika.r8s.ru/products/

Линии продукции. Immuna

Слайд 20

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

Не единообразное поведение каруселей.
При выборе региона верхняя карусель “Онлайн” находится на

первом элементе и предлагает скроллить вправо.
Нижняя карусель “В аптеках и магазинах” находится на последнем элементе и предлагает скролл влево.

http://racionika.r8s.ru/address/

Где купить?

Слайд 21

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

Сообщение об отсутствии результатов поиска на английском языке.

http://racionika.r8s.ru/address/

Где купить?

Слайд 22

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

Карта не центрируется на некоторых городах. Например, при выборе Ульяновска, обновляются

карусели “Онлайн” и “В аптеках и магазинах”, а карта остается на предыдущем регионе.

http://racionika.r8s.ru/address/

Где купить?

Слайд 23

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

Ссылки с каруселей часто битые.
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%2flWBLYpLX1WYieenFVLwCxQ%3d%3d&fa821dba_ipp_uid2=HAJ3RjcqiBLDi1Mv%2flWBLYpLX1WYieenFVLwCxQ%3d%3d&fa821dba_ipp_uid1=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%B0
https://003ms.ru/search?type=0&search=%u0420%u0430%u0446%u0438%u043E%u043D%u0438%u043A%u0430
Некоторые ссылки открываются в том же окне,

некоторые в новой вкладке.
На многих элементах нет ссылок для некоторых регионов.
Необходимо завершить работы по настройке ссылок.

http://racionika.r8s.ru/address/

Где купить?

Слайд 24

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

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

http://racionika.r8s.ru/expert/

Вопрос эксперту

Слайд 25

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

Скролл до якорной ссылки по кнопке “Задать свой вопрос Дарье” переносит

так, что скрывается заголовок блока “Задать свой вопрос эксперту”.
См. видео https://drive.google.com/open?id=13CC4afKKT2aN0j5F016aCoeY9lLaFNRd

http://racionika.r8s.ru/expert/

Вопрос эксперту

Слайд 26

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

При заполнении формы не очевидно какие поля являются обязательными.
В случае неуспешной

валидации формы страница просто перезагружается, пользователь не получает понятной обратной связи.
Даже в случае заполнения обязательных полей и капчи нет понимания, что вопрос отправлен.
См. видео https://drive.google.com/open?id=19z6p2atCVxHNyyIOQ_XHFK71DLQ6btLn

http://racionika.r8s.ru/expert/

Задать свой вопрос эксперту

Слайд 27

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

Форма осуществляет валидацию только по клику на кнопке.
Пользователь, заполняющий форму повторно,

будет видеть сообщения об ошибках пока не нажмет на кнопку.

http://racionika.r8s.ru/expert/

Задать свой вопрос эксперту

Слайд 28

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

Верстка.

http://racionika.r8s.ru/expert/

Задать свой вопрос эксперту

Слайд 29

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

Предполагаем, что основная часть целевой аудитории женского пола.
Может имеет смысл установить по

умолчанию чек-бокс на “Ж”? На старом сайте было именно так.
На сайте принято обращение на “вы”. В этом блоке - на “ты”.
НОВЫЕ ОШИБКИ
см. второй скриншот

http://racionika.r8s.ru/calculator/

Калькулятор

Слайд 30

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

Для поля “Вес” реализован (правда, очень мелко) элемент для ввода числа мышью.
Для

роста такого не сделано.
Нет единообразия.

http://racionika.r8s.ru/calculator/

Калькулятор

Слайд 31

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

Для поля “Вес” реализована валидация, не позволяющая вводить символы.
Для роста такого не

сделано.
Нет единообразия.

http://racionika.r8s.ru/calculator/

Калькулятор

Слайд 32

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

Излишне большие поля для ввода максимум трехзначных чисел.
Нет разумной валидации на длину

вводимых значений.

http://racionika.r8s.ru/calculator/

Калькулятор

Слайд 33

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

В пределах одного блока обращение на “ты” и на “вы”.

http://racionika.r8s.ru/calculator/

Калькулятор

Слайд 34

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

Использован не принятый десятичный разделитель - “.”
Точка не запрещена, но в странах,

на которые ориентирован сайт применяется запятая.

http://racionika.r8s.ru/calculator/

Калькулятор

Слайд 35

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

Такая таблица вызывает сомнения.
В ней только “недостаток веса” и “ожирение”.
Ситуация идентична для

“Ж” и “М”.

http://racionika.r8s.ru/calculator/

Калькулятор

Слайд 36

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

Разные названия в теле страницы и в имени вкладки.
В ТЗ

указан вариант “Рецепты и статьи”. Если его соблюдать, то канонический адрес страницы тоже необходимо поменять.
Также это название фигурирует в главном меню.

http://racionika.r8s.ru/articles-and-recipes/

Вся страница

Слайд 37

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

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

Вычитка и

редактура текстового наполнения сайта

Слайд 38

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

Замечания по текстовому контенту приведены на скриншоте.
Выделенный текст по смыслу оторван от

остальной части.
Это ведь не полный состав.

http://racionika.r8s.ru/products/chipsy-racionika-sakhar-kontrol

Состав чипсов Racionika Сахар-контроль

Слайд 39

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

Замечания по текстовому контенту приведены на скриншоте.

http://racionika.r8s.ru/products/racionika-sakhar-kontrol-zhevatelnyy-marmelad-fruktovoe-assorti

Состав жевательного мармелада Racionika Сахар-контроль

Слайд 40

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

Замечания по текстовому контенту приведены на скриншоте.

http://racionika.r8s.ru/products/batonchik-racionika-relaks

Состав батончика Racionika Релакс c шоколадом

Слайд 41

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

Замечания по текстовому контенту приведены на скриншоте.

http://racionika.r8s.ru/products/batonchik-racionika-immuno-so-vkusom-maliny

Состав батончика Racionika Иммуно со вкусом

малины

Слайд 42

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

Замечания по текстовому контенту приведены на скриншоте.
Каноническая ссылка содержит лишний дефис в

конце.

http://racionika.r8s.ru/products/batonchik-racionika-immuno-so-vkusom-limona-i-myeda-

Состав батончика Racionika Иммуно со вкусом лимона и мёда

Слайд 43

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/batonchik-racionika-sakhar-kontrol-so-vkusom-vishni

Батончик Racionika Сахар-контроль со вкусом вишни

+ состав

Слайд 44

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/racionika-diet-batonchik-dlya-pokhudeniya-postnyy-so-vkusom-kofe-so-slivkami

Racionika Diet батончик для похудения постный

со вкусом кофе со сливками + состав

Слайд 45

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/racionika-diet-batonchik-dlya-pokhudeniya-postnyy-so-vkusom-apelsina

Racionika Diet батончик для похудения постный

со вкусом апельсина + состав

Слайд 46

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/racionika-diet-batonchik-dlya-pokhudeniya-postnyy-so-vkusom-pesochnogo-pechenya

Racionika Diet батончик для похудения постный

со вкусом песочного печенья

Слайд 47

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/racionika-diet-batonchik-so-vkusom-kokosa

Racionika Diet батончик со вкусом кокоса

Слайд 48

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/racionika-diet-batonchik-so-vkusom-banana

Racionika Diet батончик со вкусом банана

Слайд 49

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

Замечания по текстовому контенту приведены на скриншоте.

http://racionika.r8s.ru/products/racionika-sakhar-kontrol-zhevatelnyy-marmelad-yagodnyy-kokteyl

Racionika Сахар-контроль жевательный мармелад Ягодный коктейль

Слайд 50

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/batonchik-racionika-diet-ananas-v-beloy-glazuri

Батончик Racionika Diet «Ананас в белой

глазури»

Слайд 51

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/racionika-diet-kasha-grechnevo-lnyanaya-dlya-pokhudeniya

Racionika Diet каша гречнево-льняная для похудения

Слайд 52

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/racionika-diet-belkovyy-sup-chechevichnyy-dlya-pokhudeniya

Racionika Diet белковый суп чечевичный для

похудения

Слайд 53

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/dieticheskiy-kokteyl-racionika-diet-so-vkusom-vanili-banka

Диетический коктейль Racionika Diet со вкусом

ванили (банка)

Слайд 54

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/dieticheskiy-kokteyl-racionika-diet-so-vkusom-vanili-sashe

Диетический коктейль Racionika Diet со вкусом

ванили (саше)

Слайд 55

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/dieticheskiy-kokteyl-racionika-diet-so-vkusom-klubniki-sashe

Диетический коктейль Racionika Diet со вкусом

клубники (саше)

Слайд 56

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/dieticheskiy-kokteyl-racionika-diet-so-vkusom-klubniki-banka

Диетический коктейль Racionika Diet со вкусом

клубники (банка)

Слайд 57

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

Замечания по текстовому контенту приведены на скриншотах.

http://racionika.r8s.ru/products/dieticheskiy-kokteyl-racionika-diet-so-vkusom-shokolada-banka

Диетический коктейль Racionika Diet со вкусом

шоколада (банка)

Слайд 58

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

Замечания по текстовому контенту приведены на скриншоте.

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

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

Не хватает отступа при переходе к якорной ссылке.
Текст “прилипает” к верхнему краю.

http://racionika.r8s.ru/

Кнопка

“Узнать больше о продукции”

Слайд 61

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

Текст на кнопке переносится некорректно. Не использован неразрывный дефис.
Есть вероятность, что на

других разрешениях аналогичная ситуация произойдет с другими кнопками/текстами.

http://racionika.r8s.ru/

Кнопка “Перейти в онлайн-магазин”

Слайд 62

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

Карусель серий продуктов дерганая.
Видны изменения состояний объектов.
См. видео https://drive.google.com/file/d/1a6K9hwV-WieTXk-AT7sHVxs_z5n2unuo/view?usp=sharing
Карусель на странице “О

бренде” переключается без нареканий.

http://racionika.r8s.ru/

Карусель серий продуктов

Слайд 63

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

Необоснованно большой отступ между блоками “Каталог товаров” и “CTA”

http://racionika.r8s.ru/

каталог товаров

Слайд 64

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

Не кликабельные номера телефонов и e-mail.
Ранее такое замечание уже было. Но была

надежда, что мобильные ОС определят сами эти типы данных и сделают их активными. В данном случае этого не произошло.

http://racionika.r8s.ru/

футер

Слайд 65

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

Слишком крупный шрифт и отступы не позволяют показать на одном экране

кнопку “Купить онлайн”.
Номер телефона не кликабельный.

http://racionika.r8s.ru/

меню

Слайд 66

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

Передвижение ограничителей ползунка затрудняются тем, что боковые части экрана воспринимаются как поля

для горизонтального свайпа.
См. видео https://drive.google.com/file/d/14_yIFnyTmpoHS7qkQhnHI0iKKl-q_wzt/view?usp=sharing

http://racionika.r8s.ru/products/

ползунок “Калорийность”

Слайд 67

Связаться с Racionika

Замечания аналогичны описанным выше.
Дополнительно - в мобильной версии использованы разные шрифты.

http://racionika.r8s.ru/

форма

“Связаться с Racionika”

Слайд 68

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

Горизонтально расположенные вкладки с преимуществами производят впечатление поехавшей верстки.
Пользователь не информируется

о возможности горизонтального скролла.

http://racionika.r8s.ru/o-brende/

Преимущества Racionika

Слайд 69

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

Карусель переключается плавно.
Но часто перестают отвечать элементы “Посмотреть больше”.
См. видео https://drive.google.com/file/d/1IsrNAsosZ2L3RELnk1MaFKBIbS6gTk6B/view?usp=sharing

http://racionika.r8s.ru/o-brende/

карусель

“Линии продукции марки Racionika”

Слайд 70

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

Непредсказуемое поведение списка с результатами поиска. Список отображается то ниже поля

со стрелочкой, то выше. При этом строка ввода исчезает из видимой области экрана.
См. видео https://drive.google.com/file/d/1GXru7Mb03nHbnjqJckVSwpU7BGf5kwBV/view?usp=sharing

http://racionika.r8s.ru/address/

Где купить?

Слайд 71

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

Скролл до якорной ссылки осуществляется таким образом, что заголовок блока “уходит”

вверх.
Общие функциональные замечания, описанные выше, справедливы и для мобильной версии.

http://racionika.r8s.ru/expert/

Кнопка “Задать свой вопрос эксперту”

Слайд 72

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

Для одинаковых типов полей (числовых) применяются разные типы клавиатур, что сбивает с

толку и провоцирует ввод ошибочных данных.

http://racionika.r8s.ru/calculator/

Калькулятор

Слайд 73

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

Кнопки с вариантами диет накладываются друг на друга в вертикальной ориентации экрана.

http://racionika.r8s.ru/calculator/

Рекомендуемые

диеты

Слайд 74

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

Изображение диет не умещается на экране и в ландшафтной ориентации.
Горизонтальный скролл отсутствует.

http://racionika.r8s.ru/calculator/

Рекомендуемые

диеты

Слайд 75

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

При пагинации статей отображение нового блока происходит непредсказуемо для пользователя

- отображается то середина подборки, то последний элемент, а иногда вообще футер.
Поведение требует доработки.
См. видео https://drive.google.com/file/d/1PztXEl6CshlR5XtqANOYaamh7_qkD_jI/view?usp=sharing

http://racionika.r8s.ru/articles-and-recipes/

Пагинация

Слайд 76

iOS

iPhone 7
iOS 12.0.1 (16A404)
Safari

Ссылки, кнопки, формы, карты, интерактивные элементы, эффекты и проч.
Верстка

Слайд 77

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

Не кликабельный e-mail.
iOS “подцепила” телефонные номера и сделала их активными.
В любом случае,

лучше описать их через “tel:”

http://racionika.r8s.ru/

футер

Слайд 78

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

Слишком крупный шрифт и отступы не позволяют показать на одном экране

кнопку “Купить онлайн”.
Номер телефона кликабелен только благодаря iOS.

http://racionika.r8s.ru/

меню

Слайд 79

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

Зафиксирована ситуация, когда на экране меню появился горизонтальный скролл - меню

не вмещается в экран.
См. видео https://drive.google.com/file/d/1baWWBcTKydzWChjf7aAhxF7RDe69V_P3/view?usp=sharing

http://racionika.r8s.ru/

меню

Слайд 80

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

Все замечания по поводу системы фильтрации товаров, приведенные выше, справедливы и для

мобильной версии сайта, отображаемой на iPhone.

http://racionika.r8s.ru/products/

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

Слайд 81

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

Передвижение ограничителей ползунка затрудняются тем, что боковые части экрана воспринимаются iOS как

поля для перехода к предыдущей или следующей странице.
См. видео https://drive.google.com/file/d/1KnxWRjQuSPaho6di_4o9AXYw0CBvqlzp/view?usp=sharing

http://racionika.r8s.ru/products/

ползунок “Калорийность”

Слайд 82

Связаться с Racionika

Замечания аналогичны описанным выше.
Дополнительно выявлено некорректное поведение при смене ориентации устройства

- открытая форма скрывается за видимой частью экрана, что делает “нерабочей” кнопку “Связаться с Racionika”.
См. видео https://drive.google.com/file/d/1JhQ3Y8CtnHh-SX0d5Lz5UXOgFOTOhayX/view?usp=sharing

http://racionika.r8s.ru/

форма “Связаться с Racionika”

Слайд 83

Связаться с Racionika

Иногда iOS некорректно распознает номер телефона. Пользователь не сможет дозвониться по

такому номеру.

http://racionika.r8s.ru/

Футер

Слайд 84

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

В ландшафтной ориентации изображение слишком большое - не влезает в экран по

вертикали.
Заголовок “прилипает” к правому краю, при том, что он имеет выравнивание по центру - смотрится не аккуратно.
Это относится ко всем продуктовым страницам.

http://racionika.r8s.ru/products/racionika-sakhar-kontrol-zhevatelnyy-marmelad-fruktovoe-assorti

Описание продукта

Слайд 85

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

Веточка частично перекрыта и “висит” в воздухе в вертикальной ориентации и

накладывается на текст в ландшафтной.

http://racionika.r8s.ru/o-brende/

Racionika опровергает мифы

Слайд 86

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

Карусель переключается плавно.
Но часто перестают отвечать элементы “Посмотреть больше”.
При нажатии “Скрыть”

фокус переносится на футер, вводя в заблуждение.
См. видео https://drive.google.com/file/d/1kMU_PciGKpaY02eHSbibProDg5zPtopY/view?usp=sharing

http://racionika.r8s.ru/o-brende/

Карусель “Линии продукции марки Racionika”

Слайд 87

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

Неоправданно крупный шрифт затрудняет навигацию. Свайп в нижней части развернутого описания

линейки приводит к отображению пустого фиолетового фона, что вводит в заблуждение. Необходима доработка анимации.
См. видео https://drive.google.com/file/d/1l9-tG2wy6P81NBu26R7RFEqEobI75r5M/view?usp=sharing

http://racionika.r8s.ru/o-brende/

Карусель “Линии продукции марки Racionika”

Слайд 88

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

Горизонтально расположенные вкладки с преимуществами производят впечатление поехавшей верстки.
Пользователь не информируется

о возможности горизонтального скролла.

http://racionika.r8s.ru/o-brende/

Преимущества Racionika

Слайд 89

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

В ландшафтной ориентации карта занимает экран полностью, препятствуя навигации по сайту.
После

выбора региона не всегда происходит центровка карты на новом регионе. Возможно, не хватает данных.
См. видео https://drive.google.com/file/d/1DuZ3rYLU_GTO5NwuyftGSIVMV2pU_Kvf/view?usp=sharing

http://racionika.r8s.ru/address/

Где купить?

Слайд 90

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

Скролл до якорной ссылки осуществляется таким образом, что заголовок блока “уходит”

вверх.
Общие функциональные замечания, описанные выше, справедливы и для мобильной версии.
Дополнительно - сбитые стили для кнопки “Отправить вопрос эксперту”.

http://racionika.r8s.ru/expert/

Кнопка “Задать свой вопрос эксперту”

Слайд 91

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

Пагинация ведет себя непредсказуемо - пользователь переходит на разные места нового

набора вопросов-ответов - то в середину, то в конец, а то и на футер. Листать вопросы-ответы в таком режиме невозможно - пользователь уйдет очень быстро.
Переключатель страниц переносится на другую строку при отображении трехзначных значений.
См. видео https://drive.google.com/file/d/1DhBriwl6Upqo9SFnt_YlfRfkEI0HuzCE/view?usp=sharing

http://racionika.r8s.ru/expert/

Кнопка “Задать свой вопрос эксперту”

Слайд 92

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

Для одинаковых типов полей (числовых) применяются разные типы клавиатур, что сбивает с

толку и провоцирует ввод ошибочных данных.

http://racionika.r8s.ru/calculator/

Калькулятор

Слайд 93

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

Кнопки с вариантами диет накладываются друг на друга в вертикальной ориентации экрана.

http://racionika.r8s.ru/calculator/

Рекомендуемые

диеты

Слайд 94

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

Изображение диет не умещается на экране и в ландшафтной ориентации.
Горизонтальный скролл отсутствует.

http://racionika.r8s.ru/calculator/

Рекомендуемые

диеты
Имя файла: Функциональность.-Главная-страница.pptx
Количество просмотров: 58
Количество скачиваний: 0