Ответы пользователя по тегу Интерфейс пользователя
  • Как сделать интерфейс под разные размеры(IOS)?

    p1xel
    @p1xel
    UX-спасатель
    Есть несколько основных правил и техник, которые помогут избавится от таких проблем
    • Дизайн в векторе. Это позволяет нашим интерфейсам, иконкам и прочей графике масштабироваться в любой нужный размер. Разработчики берут векторную графику и спокойно масштабируют её под @2x и @3x.
    • Дизайн в 1х. Масштабирование 2x-графики в 150% для генерации версии в 3х провоцирует появление размытых контуров. Макеты для стандартных размеров iPhone 6 должны быть 375×667, а не 750×1334.
    • Иногда устройства лгут. Они делают вид, что их коэффициент преобразования пикселей в точку один, например, 3х, а на самом деле, оно 2.61х, а сам исходник масштабируется в 3х просто для удобства. Создавайте дизайн под iPhone Plus, как если бы он на самом деле был 3х. Телефон сам смасштабирует его в 87%.
    • Если используйте Sketch, то можно поставить Fluid — плагин, который помогает налету изменять ваши дизайны в соответствии с разной шириной экрана.
    Ответ написан
  • Программы для рисования прототипов интерфейсов на лету?

    p1xel
    @p1xel
    UX-спасатель
    Зайдите на prototypingtools.co — сравнение наиболее популярных инструментов для прототипирования. Можете подобрать что-то по душе.
    Ответ написан
    Комментировать
  • Бесконечный скроллинг выдачи Яндекса?

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

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

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

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

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

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

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

    p1xel
    @p1xel
    UX-спасатель
    Всё зависит от двух факторов, которые определяют сценарии использования магазина.

    1) Целевая аудитория. Если ЦА привыкла покупать глазами (магазин гламурных сумочек) — используем картинки и забываем про табличный вид.
    Если ЦА важна максимальная плотность информации и внимание к характеристикам (например, оптовики на сайте по закупу автозапчастей), то стоит выбрать табличный вариант.

    2) Продукт. Если мы продаем эффектные вау-штуки, то без картинок никуда. Если продаем внешне похожие вещи, но с кучей разных характеристик (смартфоны), то подойдет табличный вид с очень маленьким изображением товара.
    Ответ написан
    Комментировать
  • Что почитать верстальщику про дизайн и UX?

    p1xel
    @p1xel
    UX-спасатель
    Начать можно с классики.
    «Психбольница в руках пациентов», Алан Купер
    «Не заставляйте меня думать», Стив Круг
    «Дизайн привычных вещей», Дональд Норман
    «Ководство», Артемий Лебедев (помогает понять в целом что к чему в дизайне)

    Если интересует более продвинутая информация, то можете посмотреть мою статью, раздел «Библиотека»
    Ответ написан
    Комментировать
  • Как долго осваивается профессия проектировщика интерфейсов и что следует изучить?

    p1xel
    @p1xel
    UX-спасатель
    По-моему скромному мнению, UX-проектировщики — это дизайнерский спецназ. Но тут в понятие дизайна я вкладываю не оформительство, а скорее, дизайн в западном (более широком) его понимании.

    Как писали выше, нужна практика и знания в смежных областях. Без понимания как интерфейс будет нарисован, сверстан и запрограммирован — все это не имеет смысла. А без практики теория будет мертва. На первое время будет достаточно классики в виде Круга, Купера, Нильсена и Тафти + достаточное количество практики.
    Ответ написан
    2 комментария
  • Как называется такой стиль в дизайне?

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

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

    p1xel
    @p1xel
    UX-спасатель
    Возможно вам поможет вот эта статья. Все что касается теории и практики есть.
    Ответ написан
    Комментировать
  • Как подобрать цветовую схему для сайта?

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

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

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