James Hsu, работавший ведущим UI-дизайнером на некоторыми проектами в подразделении Disney Movies VR (Walt Disney Studios), делится своим опытом проектирования интерфейсов в VR. 1) Опыт полиграфического дизайна оказывается очерь применим (потому что изменение информации в пространстве, и тут же возникает вопрос шрифтов, мессаджей и т.п.). 2) СОзнательно прорабатывайте цели для взаимодействия взглядом (например, разносите их, чтобы избежать случайных контактов, и вообще сокращайте их число), 3) важно быстро делать реальные прототипы, которые можно попробовать (и хорошо иметь для этого процесс), 4) у всего, с чем можно взаимодействовать, должна быть внятная обратная связь. https://medium.com/startup-grind/4-things-i-learned-designing-user-interfaces-for-vr-cc08cac9e7ec #vr #ux #design

В продолжение темы дизайна опыта в VR. Yisela Alvarez Trentini рассказывает, что нам следует (аккуратно) перенять из физического мира при создании виртуальных миров. 1) Curved Design (vs Flat Design) — научиться проектировать пространство вокруг пользователя, а не для плоского экрана), 2) Skeumorphic Design - выборочно переосмыслить опыт скеоморфичного дизайна, который в свое время помог массам пользователь разобраться с мобильными сенсорными устройствами, 3) Use of Depth - размытие, фокус и возможность взаимодействия, 4) Motion Flow and Visual Cues - с одной стороны не создавать движения, не естественные для физического мира, с другой — учитывать, что наше зрение очень чувствительно к движениям, 5) Human Vision - разобраться, как мы смотрим на мир, в частности, нужно сужать пространство, в котором размещены элементы управления, иначе они уходят на переферийное зрение, 6) Anchor objects - в опыте должны быть объекты, привязанность которых не меняется (виртуальная кабина или даже виртуальный нос!). https://blog.prototypr.io/designing-experiences-for-virtual-reality-lessons-from-the-physical-world-23c942741894 #vr #ux #experience #design

Первая статья от Facebook. Erica Virtue рассказывает о своем опыте проектирования AI-enabled систем (надо ли напоминать, что в FB AI везде?). Эрика рассказывает об том, как они улучшали систему запроса рекомендаций (когда вы пишите новый пост в FB, там есть пункт "Ask for recommendations").

Все начинается с определения проблемы: Facebook — классный способ собрать отзывы от друзей, но обычный пост быстро теряется в ленте. Дальше начинается итеративный процесс поиска решений. Сложность в том, что для поиска рекомендаций автор поста должен явно указать, что 1) он ищет рекомендации и 2) указать локацию (например, город) — такие посты будут подсвечены в ленте. Для этого нужно какое-то интерфейсное решение. Команда пробует несколько вариантов: специальные промежуточные экраны, обучение пользователей. Но оптимальный вариант должен вызывать наименьшее сопротивление со стороны пользователя, а лучше — происходить "автомагически".

Через несколько попыток команда пришла к варианту, в котором система должна сама понять, что 1) человек запрашивает о рекомендации о местах в определенной локации или 2) дает такие рекомендации, например, в чате. Для этого как раз нужно AI-решение, анализирующее текст. Как следствие, когда кто-то из ваших друзей дает в комментарии рекомендацию некоторого места, FB умеет понять, что это за место, и подтянуть необходимую информацию в пост - рейтинги, показать на карте и т.п.

В целом, это все кажется простой и понятной идеей. Но на практике не все так просто. Чтобы превратить обычный пост в запрос рекомендаций, надо понять несколько вещей из текста: 1) вы действительно запрашиваете совет, 2) какие именно места вас интересуют и 3) где именно вы ищете. Причем все это с учетом сленга и разговорной речи. Поэтому тут поработала еще фейсбучная команда обработки естественных языков, а не только дизайнеры и разработчики.

Резюме:
1) итоговое решение минимально меняет привычный интерфейс, но добавляет в него "магию";
2) если пользователь не замечает AI, значит, вы на верном пути;
3) тестирование важно, особенно учитывая, что AI-решения улучшаются по мере накопления данных;
4) если AI провалился, решение все равно должно работать (например, при низкой достоверности распознавания);
5) нужна обратная связь, это ключевой способ улучшать AI.

https://medium.com/elegant-tools/designing-with-ai-3f7652619f4 #ai #design #ux

Наша новая гаражная разработка - приложение Ink To Code, превращающее наброски интерфейсов в кликабельные прототипы. Фокус, конечно, в том, что небольшой AI-движок распознает каракули и кривые картинки и переводит их в ровные квадратики, распознанный текст и т.п. Ну и далее экспорт в Visual Studio. https://www.microsoft.com/en-us/garage/blog/2018/01/napkin-disrupted-meet-ink-code-microsoft-garage-project/ #ai #design #ux #prototype

В марте в Германии будет проходить конференция IEEE VR 2018, в связи с чем начали просачиваться интересные работы, которые будут там представлены. Например, вот пара публикаций от нашего исследовательского подразделения на тему ввода текста внутри VR. Изучаются два вопроса: 1) представление клавиатуры и обратной связи и 2) представление рук при печати. https://www.microsoft.com/en-us/research/blog/typing-in-the-virtual-office-environment-examining-the-effects-of-keyboard-and-hand-representation-in-vr/ #vr #design #input #ux

Если вы занимаетесь разработкой под VR, то вот отличный рассказ о том, как проектировать, точнее прототипировать решения на бумаге и дальше их тестировать. https://blog.prototypr.io/vr-paper-prototyping-9e1cab6a75f3 #VR #UX #prototype #paper

Не могу пройти мимо! Новый VR-кейс от LeapMotion - эксплорер кота! Помимо того, что это просто классно и интерактивно сделано (я уже писал выше, что LM может пробить новую планку в качестве VR-интерфейсов), важен сюжет: рассматривать внутренности котов даже интереснее, чем людей.

p.s. Я теперь мечтаю, чтобы такое же было в AR/MR, когда можно навести камеру/очки на котика и получить анимированные подробности внутреннего устройства животинки. #vr #mr #ar #case #ux #cat #education

http://blog.leapmotion.com/designing-cat-explorer/