• Что за название у этого дизайна?

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Привет,
    обычно этот стиль называют FUI: Future или Futuristic User Interface.

    Подборку веду даже на бехансе и пополняю её:
    https://www.behance.net/collection/25329517/Future...
    Ответ написан
    2 комментария
  • Как стартовать в карьере UX?

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Привет!

    1) На самом деле платформа вторична, важны инструменты, которыми дизайнер умеет работать. Сегодня мобила, завтра Voice, послезавтра VR. Но инструменты работы-то те же: jtbd, IA, userflow и прочие варианты извлечения требований и понимания продукта. Это важнее.

    2) Собеседую дизайнеров и мало обращаю внимание на конечные цвета, формы и пр. Важнее подходы и инструменты выше. Что толку в формах, если человек не знает что делать на co-creation сессии с клиентом, не имеет никакого опыта в качественных исследованиях? Важнее как он исследует продукт, систематизирует, приоритизирует и работает с информацией в целом. А экранчики вторичны. Процесс здесь первичней.

    Поэтому я бы посоветовал сменить вектор чуть в исследовательскую сферу.
    И ни в коем случае не игнорировать такой пласт работ как софт-скиллы.
    Половина работы у проектировщиков сейчас про них.
    Ответ написан
    2 комментария
  • Как показывать текст который больше чем ячейка [UX]?

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Привет, немного знаю про таблицы.
    Опускаем вопрос точно ли таблица нужна и перейдём сразу к данным.

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

    В целом я бы посоветовал пойти так:
    1. Понять задачу, для которой таблица нужна;
    2. Определить самый минимум атрибутов для объекта, которые стоит вынести в таблицу (прекрасно помогает сессия с пользователями);
    3. Оптимизировать их, проходясь по каждому: почему дата важна, зачем нужно время и тд, визуально трансформировать и делать индикаторы где уместно.

    Под оптимизацией я понимаю такие вещи как аналитика ещё. Пример: было у нас поле симптомов и было это поле изначально textarea, куда забивали всё подряд. Просмотрев большой массив этих значений мы выделили список, превратив поле из 300 символов в 40, что сказалось на ширине исходной таблицы.

    Ещё не забыть, про возможность кастомизации: вкл/выкл столбцов, смены порядка столбцов и сохранении этих настроек. Валидно при наличии многих ролей в сервисе.
    Ответ написан
    Комментировать
  • Где найти сообщество UX-дизайнеров?

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    https://ux.stackexchange.com/

    и английский подтяните, и ребята со всего мира, и ответы быстрые.
    главное формулировать максимально ёмко. с деталями.
    Ответ написан
    Комментировать
  • Как в Axure реализовать сдвиг динамической панели с возвращением её на прежнее место?

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Сдвигать вниз надо не при помощи Move, а в событии Show/Hide
    Если я правильно понял, надо при клики на 1 элемент показывать и скрывать контент
    Поэтому:
    - Видимость лучше Toggle
    - Затем двигаем всё опцией Push/Pull Widgets
    - Указываем, что двигать всё, что ниже опцией Below
    5cefa516ca5a6016200610.png
    Ответ написан
    Комментировать
  • На какой площадке открыть дизайн-конкурс?

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Не очень прозрачен контекст задания,
    но предложу ситуации, для которых совет Михаил Проскурин не очень подойдёт.

    У SuperToster уже есть экраны в фигме, это даёт нам предположить, что общий флоу и сценарии основные готовы.
    Вероятно это делал проектировщик, который, вероятно, подумал несколько раз.

    Если мы наймём «крутого дизайнера», чтобы он ещё раз прошёлся по всему приложению, то это займёт нормально времени клиента. Мы ведь не знаем масштаб продукта, вдруг у товарища готовы основные скрины по генотипированию образцов для вьетнамской лаборатории в спец сфере исследования.

    А вот если реально требуется «раскрасить» макеты, создать и описать полноценный кит для системы, не сильно вдаваясь в сценарии - это хорошая работа для технического дизайнера. И опять же нюанс - всю его работу контролировать и проверять должен тот, кто делал исходные макеты.
    И стоимость в $1500-2000 за 2-3 недели работы вполне себе неплохая.

    По вопросу ТС:
    я бы посоветовал искать через знакомых, либо через hh, выделяя интересные резюме.
    Ответ написан
    3 комментария
  • Какие есть приличные вузы или хотя бы курсы по геймдизайну в СПб?

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    kk95, для визуалки в играх тоже всё чуть сложнее.
    Одно дело просчёт света - это работа большого отдела программистов. Я как-то был на фесте геймдева и слушал ребят из Ubisoft как раз про свет - вот я там удивился обилию мат. анализа в работе.
    Интерфейсом и взаимодействием занимаются другие ребята - UX-дизайнеры.
    Про окружение, уровни - это level-дизайнеры.
    Иконки, иллюстрации - технические дизайнеры.

    И для каждого пункта нужны свои скиллы и знания.
    Но я бы посоветовал всё попробовать, чтобы понять что именно интереснее)
    Ждать какого-то места в России, где придёшь и всему научат не стоит, такого места нет.

    Поэтому я бы посоветовал найти пару интересных тебе людей, попросить у них список книг почитать и путём самообразования вгрызаться в сферу. Того и глядишь джуном возьмут куда-то.
    Самое важное понять - чего именно хочешь, остальное дело техники.
    Удачи!
    Ответ написан
    Комментировать
  • Как в фотошопе инвертировать маску?

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    А можно скрин добавить со слоями?
    Предположу что да, скопировать и инвертнуть маску (ctrl+I) и отдельно регулировать фон.
    Ответ написан
    1 комментарий
  • Какие есть строгие стандарты и требования веб-дизайна?

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    В нашей стране нет требований.
    Есть пожелания, хорошие практики и всякие разные договоренности между клиентом и исполнителем.

    Отвечая на вопросы выше:
    1) Сколько достаточно для понимания разработки и проработки требований;
    2) Сколько решит дизайнер, сетка - лишь рекомендация, а не правило;
    3) Сколько решит дизайнер;
    4) Зависит от требований заказчика (может портал\сервис для людей с разного рода отклонениями) и что решит дизайнер.
    Всё зависит от всего.

    п.с. есть документы, регламентирующие разработку систем в целом, но они повыше уровнем, больше для проектирования:
    ГОСТ Р ИСО 9241-210: docs.cntd.ru/document/1200141127
    И внизу по ссылке ещё пачка документов есть, вдруг кому интересно будет.
    Ответ написан
    Комментировать
  • Вопрос к UX дизайнерам: Есть ли системный подход к расположению кнопок в интерфейсе (10-20 кнопок)?

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Привет,
    Тут напрашивается дискавери фаза, если есть только список фич.

    Для полноценного сервиса, хорошо бы понимать:
    - Общий подход к проектированию - для кого создаём? Для покупателя (Customer Centered Design), оператора (System CD), человека с улицы (Human CD), пользователя в целом (User CD) и пр;
    - Определить количество ролей, описать их - проблемы, ежедневные задачи, боли и пр (Personas);
    - Определиться с методологией производства (Waterfall, Agile и пр);
    - Если это существующий процесс, то описать As-Is Workflow для понимая, если нет - описать будущий процесс;
    Из этого всего можно прикинуть концепт (Proof of Concept) и смотреть что получается.
    Когда будет этот минимум, можно садится и думать над MVP - какой сервис будет, из чего состоять, что делать в первую очередь, а что нет.

    Более того, я бы в картах не путал фичи и объекты.
    Отобразить товар и управление им - это разные схемки.
    Ещё есть экраны, где есть некоторые экраны и некоторые фичи)

    Для проработки каждого экрана надо понимать:
    - Кто им пользуется;
    - Какую проблему мы решаем в данный момент.
    Вывалить всё и вся тоже можно - пусть человек сам разбирается, но спасибо вам не скажут)
    Ответ написан
    1 комментарий
  • Как называется и где найти примеры систем обучения пользователя как пользоваться сайтом?

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Скопирую свой ответ отсюда:
    Этот процесс называется Onboarding.
    Поэтому можно гуглить что-то из серии "web site onboarding best practice"
    Ответ написан
    1 комментарий
  • Как оценить удобство интерфейса без A/B тестов?

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Насколько я понял, речь про закрытое производство и операторов.
    Вывод первый: это профессиональная тула и речи про всякие воронки, конверсии не стоит вести.

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

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

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

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

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

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

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

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

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Tour, wizard, steps, etc - это всё инструменты, частные варианты.

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

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Behance - для портфолио (смотрите что делал!)
    Dribbble - для похвастаться деталями, которые рисуешь (смотрите как я могу!)

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

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Привет,
    Я снимал автомобили на заказ и даже продавал фотографии зарубеж некоторые время и у меня есть что рассказать.

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

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


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

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Эх, жаль пару порталов кануло в небытие…
    Вот парочка что есть)

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

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

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

    nikitanaz
    @nikitanaz
    Senior Product Designer @Arrival
    Это маска.

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

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

    Более подробнее тут:
    www.axure.com/learn/dynamic-panels/basic
    Ответ написан
    Комментировать