Контакты

Достижения

Все достижения (4)

Наибольший вклад в теги

Все теги (28)

Лучшие ответы пользователя

Все ответы (40)
  • Как организовывают взаимодействие frontend-разработчика, UX-специалиста и дизайнера при разработке веб-приложений?

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

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

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

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

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

    p1xel
    @p1xel
    UX-спасатель
    Признанный лидер по крутым анимациям — Adobe After Effects.
    Также можно делать анимацию в Edge Animate. Идеально подойдет для веб-разарботки т.к. анимацию можно сразу передавать в продакшн.
    Ответ написан
    Комментировать
  • Какой вид отображения (сеткой или строками) в категории выбирать и почему?

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

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

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

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

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

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