Ответы пользователя по тегу Веб-разработка
  • Какие шрифты чаще всего используете в дизайне сайта?

    p1xel
    @p1xel
    UX-спасатель
    Предлагаю посмотреть статистику со всего мира о том, кто и какие шрифты использует.

    www.fontreach.com
    FontReach scans the top million sites to show font usage across the web.
    Ответ написан
    3 комментария
  • Бесконечный скроллинг выдачи Яндекса?

    p1xel
    @p1xel
    UX-спасатель
    Насчет статей не подскажу. Но расскажу о своем опыте.

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

    С другой стороны, если нужно четкое понимание где и какой контент находится, то бесконечная загрузка не подойдет. Мне кажется Яндекс именно поэтому отказался от бесконечного скрола. Людям привычней находить что-то по сценарию: по запросу X на третье странице была интересная статья. Бесконечная загрузка не дает возможности сориентироваться в контенте.

    Неплохое решение придумал Вконтакте. Когда по скролу у пользователя сами переключаются страницы.
    Ответ написан
    Комментировать
  • Как организовывают взаимодействие frontend-разработчика, UX-специалиста и дизайнера при разработке веб-приложений?

    p1xel
    @p1xel
    UX-спасатель
    Расскажу как это работает у меня и какие видел реализации.

    Вариант уно
    • Фронтэндеры работают на Винде и Маке. Хотя сейчас потихоньку всех переводят их на Мак т. к. дизайнеры переходят с Фотошопа на Скетч.
    • Дизайнеры работают в ФШ и Скетче. Но все больше переползают на скетч.
    • Проектировщики работают на Винде и Маке. Делают прототипы в Акшуре. На выходе интерактивных html-прототип, который работает везде.
    • Бэкэндеры работают на чем хотят. Большинство на Линкусе ибо работают уже с готовой версткой.

    Примерный процесс:
    1. Проектировщики делают скетчи, фигачат прототипы, продумывают функциональность и логику работы приложения. Затем интерактивный прототип презентуется перед всей командой (в дизайне ведь все разбираются). На этом этапе вся команда смотрит, чтобы не было принципиальных косяков и всё было реализуемо.
    2. Макет передается дизайнеру. Совместно с проектировщиком они делают дизайн. Роль проектировщика — авторский надзор за реализацией его идей. Т. е. со стороны UX все конечные решения за проектировщиком, со стороны визуала все конечные решения за дизайнером.
    3. Готовый дизайн передается фронтэндерам. Дизайнер следит, чтобы всё было ОК со стороны визуала.
    4. Верстка передается бэкэнду. Дизайнер следит, чтобы все было хорошо со стороны визуала. Проектировщик следит, чтобы все работало корректно со стороны UX.

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

    Далее все по схеме описанной выше.
    Ответ написан
    Комментировать
  • Как вы анимируете свои интерфейсы?

    p1xel
    @p1xel
    UX-спасатель
    Попробуйте Adobe Edge Animate. После создания анимации её можно сразу отдавать в продакшн разработчикам.
    Ответ написан
    2 комментария
  • Приемлемы ли на сайте формы заявки из множества пунктов?

    p1xel
    @p1xel
    UX-спасатель
    Если нельзя изменить форму, то попробуйте поменять бизнес-процесс.

    К примеру, клиент оставляет только свои контактные данные, а менеджер перезванивает ему и уточняет все 11 вопросов из списка. Очевидно, что рассказать голосом что ты хочешь — быстрее, чем заполнять мега-форму.
    Ответ написан
  • UX Персонажи: Когда стоит использовать?

    p1xel
    @p1xel
    UX-спасатель
    Мое мнение, что персонажей стоит использовать во всех более менее сложных продуктах.
    Персонажи помогают быть ближе к аудитории. На основе персонажей разрабатываются сценарии использования и формируются требования к продукту.

    При проектировании я их использую постоянно. От сложности проекта зависит лишь их количество и качество проработки. Но как минимум, ключевые персонажи есть всегда.
    Ответ написан
    Комментировать
  • Как правильно выровнять картинки в списке?

    p1xel
    @p1xel
    UX-спасатель
    Обычно для списков применяется такой прием:

    55fea67e541d4f41b2f36c9aaa5fc722.png
    1. Сначала создаем несколько контейнеров одинакового размера (размер контейнера должен соответствовать размеру самого маленького элемента)
    2. Вписываем объекты в контейнеры
    3. Применяем одинаковое выравнивание (у меня по центру контейнера)
    4. Убираем контейнеры и получаем хорошее выравнивание
    Ответ написан
    Комментировать
  • Как называется такой стиль в дизайне?

    p1xel
    @p1xel
    UX-спасатель
    Насчет страницы не скажу, но стилистика кнопок — Ghost buttons. Ну и общий дизайн вписывается в этот тренд.
    Ответ написан
    Комментировать
  • Есть ли понятие правильных пропорций для миниатюр (картинок) в веб-дизайне?

    p1xel
    @p1xel
    UX-спасатель
    Пропорции должны быть обусловлены товаром.
    Если мы продаем авто, то нужна альбомная ориентация. Для футболок больше подойдет портретная ориентация.
    По соотношению сторон можно выбрать стандартные 4:3 (собственно 1,33). Это соотношение большинства фотоаппаратов и старых компьютерных мониторов. Тогда миниатюры подстраиваются под большую часть фото.
    Ответ написан
    1 комментарий
  • Как подобрать цветовую схему для сайта?

    p1xel
    @p1xel
    UX-спасатель
    Психологическое обоснование цветой схемы сайта, на мой взгляд, псевдонаучная чушь. С опытом научитесь подбирать приятные глазу цвета.

    Пока такого навыка нет, то можно пользоваться готовыми схемами с www.colourlovers.com или Adobe Kuler.

    Лучший вариант, найти сайт с понравившейся цветовой схемой и применить на своем сайте.
    Кради, как художник ©
    Ответ написан
    Комментировать
  • Какой размер шрифта лучше для сайтов ?

    p1xel
    @p1xel
    UX-спасатель
    Есть мнение, что 16px — оптимальный размер. По ссылке целая статья с развернутым ответом.
    Ответ написан
    Комментировать