Задать вопрос
  • Как оценить удобство интерфейса без A/B тестов?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Насколько я понял, речь про закрытое производство и операторов.
    Вывод первый: это профессиональная тула и речи про всякие воронки, конверсии не стоит вести.

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

    Если этого совсем нет, звучит как дискавери фаза - надо заново понять несколько вещей:
    1. Кто сказал что интерфейс неудобен? Кто сказал, что есть проблема? Почему её надо решать?
    2. Затем - для кого решать? Хорошо, если этот оператор один, но обычно есть супервайзер, а над ним ещё и менеджер, который распределяет нагрузку. Это уже создание и работа с персонами.
    3. Экраны - они часть процесса, нужно получить весь процесс. Мы делали целую AS-IS Workflow диаграмму, где искали узкие места и непонятные белые пятна. А это недели работы.
    4. Условия работы - операторы могут работать в костюмах биологической защиты с баллонами кислорода и масками, а могут быть на заводе в пыли и температуре +40°С.

    Блин, вопрос не средний на самом деле и ответ на него тянет вполне себе на статью\доклад на конференцию.
    Дальше уже на аудит похоже будет - без доп контекста не взлететь.

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

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

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Привет!
    На основе опыта работы с докторами наук, учёными и рядовыми лаборантами биологами\химиками:
    проектируя профессиональные инструменты, многие вещи должны быть предсказуемыми и не давать сюрпризов.
    Этого касается и текста системы. У нас нет задачи выстроить лояльность, продать услугу\товар или удивить человека.
    Основная задача интерфейса - быстро, прозрачно и явно дать то, что человеку нужно.

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

    Поэтому я за третий вариант.
    Ответ написан
    Комментировать
  • Как называется паттерн обучения пользователя интерфейсу?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Tour, wizard, steps, etc - это всё инструменты, частные варианты.

    Этот процесс называется Onboarding.
    Поэтому можно гуглить что-то из серии "web site onboarding best practice"
    Ответ написан
    Комментировать
  • Есть такие сообщества для веб-дизайнеров, где можно поделиться и обсудить макеты?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Behance - для портфолио (смотрите что делал!)
    Dribbble - для похвастаться деталями, которые рисуешь (смотрите как я могу!)

    Для критики, для позадавать глупые вопросы другим, для всего этого я бы посоветовал
    techdesigner.ru (пример поста на критику)
    Ответ написан
    Комментировать
  • Какназывается обработка фото автомобилей (примеры внутри)?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Привет,
    Я снимал автомобили на заказ и даже продавал фотографии зарубеж некоторые время и у меня есть что рассказать.

    В России есть сообщество автомобильных фотографов (мои посты), где ребята делятся опытом, вариантами и подходами к съёмке.
    То, что у тебя называется «такая обработка» — это просто ретушь, которая зависит либо от технического задания заказчика, либо от твоей фантазии.

    Если удивляет, что авто кажется «вписанным» в кадр - то это делается несколькими вариантами:
    • Вытягивается ретушером (+1 EV и контраст на авто, различная тонировка на авто\задний фон и прочие плюшки)
    • Снимается с дополнительными источниками света и высвечиваются места, что в тени, собирается из нескольких кадров. Поэтому кажется, что машина вписана. Мой пример
    • Некоторые отдельно снимают авто, отдельно вклеивают фон (нужна мощнейшая база граф дизайна и ретуши).
      Пример от Adisson'a
    • Снимается в движении с ригом (полное описание)
    • Варианты с 3д и съёмок моделек - это не про фотографию, не рассматриваем.


    Если есть ещё вопросы, задавай :)
    Ответ написан
    Комментировать
  • На каких сайтах можно посмотреть идеи дизайна веб элементов (кнопок, полей ввода, списков и т.д.)?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Эх, жаль пару порталов кануло в небытие…
    Вот парочка что есть)

    houseofbuttons.tumblr.com
    www.uiparade.com
    ui-cloud.com
    Ответ написан
    Комментировать
  • Где подчерпнуть идеи для реализации меню на сайте?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Привет!
    Если я правильно понял вопрос, то сложность в организации самого меню, так?
    Как организовать объекты в сложных системах тема интересная. Вариантов несколько, вот парочка:
    1. В большенстве случаев поможет карточная сортировка (card sort) - дать людям, что шарят в области, карточки с примерными объектами, они их расставят по группам, это и будут пункты меню.
    2. Можно руководствоваться реальным миром и как в нём живёт эта самая сложная система. Я, например, в сервисе IP-телефонии разделил все спорные объекты по физическому параметру: могу ли я их потрогать или нет. Например телефон и человека могу, это один блок, а телефонный номер или услугу - не могу, их в другой. Хорошо, когда абстрактные объекты в одном мешке, реальные объекты в другом.

    Или всё таки про графическую часть был вопрос?:)
    Если да, то вот тут можно глянуть:
    uiparade.com
    zurb.com
    smileycat.com
    ui-patterns.com
    ui-cloud.com
    Ответ написан
    1 комментарий
  • Что означает такая стрелочка в окне со слоями Photoshop?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Это маска.

    Т.е. верхний слой имеет форму нижнего.
    Вот пример:
    я выше положил свой с кругом и дал ему маску в виде нижнего слоя с квадратом. Делается это, если нажать alt между этими слоями -)
    bf815ef67cec4d80986439774f3aea0b.jpg
    Ответ написан
    4 комментария
  • Возможно ли спрятать несколько виджетов в Axure одним кликом?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Для того, чтобы управлять группой из нескольких виджетов стоит упаковать их в динамическую панель (выделить виджеты, правой кнопкой и convert to Dynamic Panel, не забыть задать имя) и уже на клик скрывать всю панель.

    Более подробнее тут:
    www.axure.com/learn/dynamic-panels/basic
    Ответ написан
    Комментировать
  • Почему при помещении одного изображения в другое в Photoshop-e, оно помещается маленьким, как поместить его в реальном размере?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Привет!
    Решение очень простое:
    зайди в Preferences (ctrl+k) и на табе General и сними галочку Resize image during place :)
    Ответ написан
  • Может кто показать интерфейсы биллинга?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Так ответ в вопросе:
    Убрать кучу лишнего функционала, которые не нужен обычным операторам


    Идёте к операторам, смотрите как они работают, выписываете ненужный функционал, переделывайте функционал, тестируете, снова переделывайте (повторить нужное количество раз) — ура, готово!

    Или только визуальная часть интересна? Стоит учесть, что с удобством тут ничего общего нет, только рюшечки.
    В этом случае любые популярные на сегодня работы на Dribbble и Behance например.
    Ответ написан
    3 комментария
  • Какую зеркальную камеру выбрать?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Привет!
    Уже хорошо, что ты определился с направлением фотографии, отметает многое.
    Но дальше надо бы узнать — а как вы собираетесь снимать пейзажи?
    Одно дело взять средненькую зеркалку и ждать красивых снимков, другое дело читать мат часть по цветам, композиции и советы по сьёмки, т.е. именно заниматься этим.

    В первом случае берем 600д и не паримся.
    Во втором случае я бы посоветовал взять самую дешевую тушку, хороший светлый ширик (tokina 11-16 например) и хороший тяжелый штатив.

    Почему самую дешевую? Быстрее разберешься что именно не хватает и какие настройки бывают.
    Для меня было открытие, что боже мой есть брекетинг, как это удобно, как я без этого жил! Но для этого надо понять зачем это нужно и как это использовать. Покупать комбайн и использовать 20% от него — сомнительный выбор.
    Тяжёлый штатив обязателен — сколько раз у меня старый китайский чуть не сносило течением\ветром.
    Ну и не забывать про путешествия, подъём ради кадров в 5 утра — нетривиальное время и обстановка есть залог успеха пейзажей.

    Кстати, у меня как раз штатив в продаже есть, который очень долго подбирал…)
    Ответ написан
    Комментировать
  • AXURE: Как реализовать выпадающий блок по наведению на ссылку в прототипе?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Привет!
    Если я правильно понял, то для такого поведения меню надо добавить проверку на видимость каждой соответствующей динамической панели.
    Т.е. на каждый пункт меню на событие OnMouseEnter создаем проверку Visibility of widget для динамической панели как, например, false и вешаем событие Show MyMenuItem, которая по умолчанию скрыта. Тогда второй кейс для того же OnMouseEnter при условии ElseIfTrue будет Hide MyMenuItem.

    И пара нюансов:
    - для чего вам пустое состояние? Крайние состояние, такие как пустые и перегрузочные, лучше прорисовывать в конце когда основная архитектура готова и все (=большинство) требований устаканились. А иногда можно и на графического дизайнера это оставить);
    - лучше сразу указывать нормальные названия всем состояниям, переменным и состояниям, в будущем запутаться не долго.

    Если что-то я криво описал — укажи, переформулирую)
    Ответ написан
    3 комментария
  • Как организовать дизайнерскую работу?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Есть подозрение, что вы не понимаете для чего и что такое UX в процессах и продукте.

    Вы пишите про данные во главе угла, затем про наблюдение (видимо за пользователями) — вещи абсолютно разные.

    Дело в том, что есть несколько методик разработки интерфейса, одни из них Data Centered Design, где основываемся на данных, без учета людей вообще, например чисто по статистике измеряем эффективность решения, а есть User Centered Design, где все решения идут от человека, за которым следим и на котором тестируем (не на одном само собой, больше разговоров и взаимодействия проектировщика с людьми). Вы же это почему-то равняете к одному знаменателю, это не верно. Совершенно разные подходы.

    Есть ещё например Customer Centered Design, System Centered Design.

    Почитать про генерацию идей, да, Де Боно норм,
    я бы ещё методику Дизайн Мышления посоветовал и Lean UX (хотя по сути тоже самое).
    Ответ написан
    1 комментарий
  • Какие есть сайты, наподобие таких, которые внутри вопроса, обучения графике и дизайну?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Алексей, тут такое дело — дизайн это не про фотошоп.
    Я тоже когда думал, что чем больше уроков по фотошопу я пройду, тем сильнее я дизайнер. Но вот дела обстоят так, что инструмент вторичен.

    Теперь кратко — читайте про стратегию (хоть Сунь Цзы), про логику, про мышление людей, да даже строение букв откроет громадные горизонты.
    Что читать? Берем грамотного дизайнера с блогом, ищем и вот например подборка — ludwigbistronovsky.ru/books

    Там выше увидел, что по интерфейсам есть интерес. Тогда есть рекомендация одна, но для завершения курса вам потребуется ух сколько сил. Дерзайте. Скоро начало курса:
    https://www.coursera.org/course/hciucsd

    Вот когда будете знать Что рисовать, встанет вопрос Как. Только тогда имеет смысл заглянуть на всякие dribbble & behance.
    Ответ написан
    1 комментарий
  • Кто такой Product Designer и чем он занимается на примере западного рынка?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Юра Ветров хорошо рассказывает о продуктовом дизайнере, вот тут презенташка например:
    www.slideshare.net/jvetrau/design-weekend-2014

    В первую очередь это стратег, потом уже дизайнер (в простом понимании слова).
    Ещё и менеджер ко всему прочему.
    Ответ написан
    1 комментарий
  • Сколько вариантов дизайна сайта вы делаете?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    Один.
    Рассказываю почему — прежде, чем нарисовать что-то в фотошопе, надо выяснить много всего, пройти несколько этапов, а именно:
    1. Аналитика — что за фирма, узнать чем живёт, как продаёт, что продаёт и пр.;
    2. Прототипирование — хоть на салфетке, но накидать примерную структуру будущего сайта. В идеале интерактивный прототип, если есть сложные формы и под подпись с утверждением;
    3. Только сейчас поднимаем тему о цветах и прочей лабуде — показываем примеры, разговариваем много и долго о будущем оформлении, выясняем чем руководствуется человек и как ему помочь в выборе;
    4. Рисуем концепт — мы уже не летаем в облаках, а рисуем обговоренный макет (трачу на это не более 7-8 часов);
    5. Вносим поправки и дорабатываем детали главной страницы (20+ часов на это закладываю);
    6. Рисуем внутренние (20+ часов).

    Не надо гадать что понравится, выясните что нужно. Говорите, обсуждайте, зачем эти игры в напёрстки?
    Доступно донёс?)
    Ответ написан
    Комментировать
  • Какой самый ужасный пример "инженерного дизайна"?

    nikitanaz
    @nikitanaz
    UX Lead and DesignOps @EPAM
    А что вы подразумеваете под инженерным дизайном?…
    Первая ассоциация с негативным интерфейсом у меня — 1С.
    Ответ написан
    1 комментарий