Ваши впечатления от использования меню?

Question

[bogette]

Сделал небольшое меню и хочу узнать ваше общее впечатление от взаимодействия с ним, советы по улучшению. Что мне стоит изменить?

warmth-48f65e.webflow.io

__
Страница создана только для ссылки Home. При нажатии на другие ссылки вы будете наблюдать только визуальный переход на страницу. Пропадут все элементы и покажется, что меню зависло. Поэтому - только Home.

Comments

[Даниил Маслов]

[bogette]

s0xzwasd, если вы с телефона, я еще не делал адаптивность. Хочу узнать ваше мнение - доделать изъяны и заняться адаптивностью. Извините

Answer 1

[Vitaliy Orlov]

Стоит пункты меню отображать всегда. А прятать в меню только для мобильных устройств с шириной < 640.

Ну, и без обид, но я не совсем понял, что ты там такого сделал, что прямо должны появляться "впечатления" - анимацию появления пунктов? Если да, то лично я не люблю всю эту плавающее-мерцающую фигню, но не исключаю что кому-то она нравится.

Comments

[bogette]

Я с вами абсолютно согласен. На сайте имеется две навигации: когда вы не начали прокручивать страницу или уже прокрутили стартовую позицию страницы.

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

И прикрепленное к вопросу - расширенное, когда вы ушли от стартовой страницы на, например, 30vh - оно отображается, а то скрывается.

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

Анимация появления - обычная. Я больше ставил на перемещение блоков при наведении и переходы при клике (рабочая ссылка - только Home).

[Vitaliy Orlov]

bogette, у меня нету прокрутки, у меня нету верхнего меню. Есть надпись Warmth и три палки в правом углу. При нажатии, появляется меню в сайдбаре. Причем если клацать по этой кнопке с тремя полосками, то клики проходят через раз, работает странно.

В общем, думаю, надо вначале закончить, потом можно будет как-то оценить. Пока, слишком много "но".

[bogette]

Vitaliy Orlov, я вас с Павлом не понимаю в край. К чему вам прокрутка, страницы и верхнее меню, когда вы оцениваете меню и взаимодействие с ним? Клики работают правильно, просто при втором клике появляется плейсхолдер, который не дает открыть меню снова до момента, пока все элементы не сдвинутся в исходное положение. - Чтобы повторная анимация сработала правильно. Не думаю, что пользователь будет по десять раз жать на "Открыть" - "Закрыть".

Появляется целостное меню, а не в боковой панели. Вы наводили курсор еа ссылки? Видели смещение блоков?

Оно работает правильно, оно закончено, но требует улучшений - и чтобы понять, как его улучшить - я задал этот вопрос. Но вы оцениваете по непонятным фронтам: страницы, скролл, верхнее меню

[Vitaliy Orlov]

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

К сожалению, лично у меня, складывается впечатление не о законченном функционале, а о какой-то поделке, сделанной на коленке за пару минут. Советую сходить в гугл и посмотреть примеры нормальных меню с нормальным юзабилити.

Answer 2

[Ivan Bogachev]

впечатление от взаимодействия с ним

Оно ломает мозг. Если кнопка открытия меню находится справа, то и меню ожидается справа. А оно слева.

советы по улучшению

Стоит добавить задержку для анимаций. Сделать их "ленивыми". На данный момент если быстро водить мышкой по пунктам меню, то блоки начинают дергаться в разные стороны. Анимация должна активироваться только если мышь наведена на пункт меню дольше определенного времени.

P.S.: После взаимодействия с меню оно ломается. Или исчезает или просто перестает откликаться на нажатия. Видимо это тот самый момент, когда конструктор уже не справляется и нужно все делать руками.

Comments

[bogette]

Оно не ломается и работает правильно. Я забыл пояснить в описании, что страница создана только для ссылки "Home". Попробуйте сейчас кликнуть на эту ссылку - и вы не увидите ошибок.

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

Оно ломает мозг. Если кнопка открытия меню находится справа, то и меню ожидается справа. А оно слева.

- это субъективно. Мне напротив - нравится, когда меню появляется с другой стороны.

Стоит добавить задержку для анимаций. Сделать их "ленивыми". На данный момент если быстро водить мышкой по пунктам меню, то блоки начинают дергаться в разные стороны. Анимация должна активироваться только если мышь наведена на пункт меню дольше определенного времени.

- может тогда назначить анимацию Out Cubic? Делать задержку - кажется неправильным. Пользователю нужна быстрая навигация по страницам, а с задержкой - их ожидание перехода на другую страницу затянется на лишние секунды.

Если есть потребность - делаю руками. Вы не знакомы с этим инструментом - сервис верстки. Он просто в разы ускоряет работу над проектом. Если раннее я делал проект месяц, то webflow сокращает затраченное время вдвое.

[Ivan Bogachev]

bogette,

затянется на лишние секунды

Не должно затянуться. Тут просто нужно убрать анимацию в ситуации, когда мышь наведена на пункт меню меньше, чем 100ms к примеру. Или 80. Или даже 50. Нужно поиграться и посмотреть на результат.

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

А вот это как раз увеличивает время на взаимодействие с меню, особенно на большом экране. Нужно головой от края до края крутить, концентрация внимания падает, да и тачпадом пользоваться не удобно.

Вы не знакомы с этим инструментом

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

[bogette]

Я попробую сделать небольшую задержку - посмотрим, что получится. Спасибо. У вас есть еще каие-либо замечания для улучшения визуального и просто, опыта использования?

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

Answer 3

[Павло Пономаренко]

Нажал на "меню". Потом на About. Хоп, пустая страница, все висит, никаких элементов. Нажал снова на кнопку меню. Ничего. Потом опять на кнопку меню. Появилось, но не работает. Все зависло вконец.

Впечатления - плохие.

Comments

[bogette]

Та же ситуацию с Иваном была. Извините, реально запутал вас.

Страница создана только для ссылки Home, которая перенаправляет на About. В общем, не вдавайтесь в подробности - для тестирования сделал по быстрому.

Для остальных ссылок - страницы не созданы. Поэтому вы наблюдали только визуальный переход на страницу, а не ошибки.

Попробуйте взаимодействовать с ссылкой Home. Ошибок быть не должно.

__
Я сделал примечание в описании. Спасибо

[Павло Пономаренко]

Да, нажал на Home, появился скролл-бар на всю страницу, картинка и больше ничего. Выглядит таким же сломанным



Если крутить колесиком - там снизу просто черный фон.

[Павло Пономаренко]

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

[bogette]

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

Это тестовая страничка. Поэтому там черный фон. Чего вы ожидали?)

[bogette]

Павло Пономаренко, так ошибок нет, Павло. Вы перешли на другую страницу - в чём еще должна заключаться суть меню? Вы хотите сказать, что оно - нерабочее? Я буду благодарен, если укажите где вы нашли ошибку и в чём она проявляется.

[Павло Пономаренко]

Тогда я не понимаю, что тут смотреть. В чем заключается другая страница? В том, что есть такая же картинка? Что вы показываете? Я не понимаю, что этот сайт хочет от меня. Сделайте хотя бы базово понятно. Заполните хотя бы фейковым контентом. Дайте пользователю хотя бы с чем-то повзаимодействовать. Сделайте хотя бы что-то. А потом - показывайте.

[bogette]

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

Вы оцениваете не страницы и не сайт - вы смотрите на меню. По вашему, наведение, клики - не взаимодействие с меню?

Вы переходите на другую страницу по нажатию ссылки и говорите, что меню сломано. Вы оцениваете меню, но заклились на странице. Я вас очень хочу понять, но не могу, к сожалению

[Павло Пономаренко]

Ну так я не могу посмотреть на концепт. Я хочу попробовать, попереходить. А оно после первого же перехода сразу ломается. Какое же это меню для перехода между страницами, если:

1. Оно позволяет перейти только на одну страницу
2. Я даже не понял, что оно на эту страницу перешло
3. Оно не позволяет ни вернуться на главную, ни снова его открыть

Пока даже та задача перехода между страницами не решена. Тут нет на что смотреть.

[bogette]

Павло Пономаренко, Павло, так вот она суть этого концепта, этого меню: в переходах.

Оно целится на то, чтобы переход между страницами было сложно выявить. Чтобы вы нажали на ссылку - и без загрузок страницы и белого экрана - оказались на необходимой странице. Как-бы.. некий параллакс.

Павло, я вам дал пояснение и написал его в описании: страница создана только на ссылки Home. При нажатии на другие ссылки - проигрывается анимация перехода, чтобы создавался эффект параллакса, о котром я писал раннее, но на страницу вы не переходите, потому-что она не создана для этой ссылки.

Не позволяет лишь при одном условии: если вы перешли на другую страницу. Я еще не преобразовывал меню в симбол - мне важно закончить, и я начну вставлять на каждую страницу.

И для этого я задал вопрос вам: "что можно улучшить?"

Ваша проблема (и, получаете, моя тоже), что вы привыкли к стандартным меню-ссылкам. Нажал - белое окошко загрузки - новая страница. И вам трудно понять, как работает это меню.

[Павло Пономаренко]

bogette, моя проблема в том, что я привык к меню, которое работает. А ваша - в том, что вместо того, чтобы принять фидбек вы стараетесь меня убедить в том, что меню рабочее, хотя оно не выполняет основную задачу.

[bogette]

Павло Пономаренко, хорошо. Может быть мы с вами имеем разный опыт использования.

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

Это небольшая запись с экрана использования меню. Посмотрите его.
Видите ли вы ошибки? Я - нет, и буду благодарен, если вы на них укажите.

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

(Имею подлагивания - само по себе меню непростое и содержит много анимаций + видео с экрана, извиняюсь)

[Павло Пономаренко]

У меню есть основная задача - переход между страницами. Эта задача не выполняется вашим меню.
Видео не открывается. Залейте лучше на Ютуб.

[bogette]

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

Спасибо, перезалил: https://www.youtube.com/watch?v=JTHNNaPZ4Rw

[bogette]

Павло Пономаренко, Павел?

[Павло Пономаренко]

bogette, вы игнорируете, что я вам пишу. Так зачем продолжать?

[bogette]

Павло Пономаренко, в смысле игнорируете?

- Вы говорите: "Ваше меню не работает".
- Понимая, что вы можете иметь другой опыт использования, я отвечаю: "Посмотрите видео с экрана и скажите, где вы наблюдаете ошибки? Вы имеете такой же опыт использования?" - И вы обвиняете меню в том, что я игнорирую вас.

О каком игнорировании вы говорите?

Вы говорите о том, что меню не работает, но не можете обосновать собственные претензии к работоспособности этого меню.