В этом вводном уроке на наглядных примерах будет показано, что такое дизайн вообще и какие ключевые понятия он в себя включает. Познакомитесь с основными терминами, которые все слышали, но никто не понимает.

Что такое дизайн?

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

В широком смысле дизайн подразумевает не только художественное конструирование, но и решение ряда других проблем: технических, социальных, потребительских и так далее.

Дизайн должен решать проблему минимальным количеством средств с максимальной эффективностью.

В зависимости от контекста и поставленной задачи дизайн решает проблемы по-разному. Посмотрим на рекламные материалы Coca–Cola 1949 года:

Автомат по продаже газировки Coca-Cola

С точки зрения графического дизайна этот плакат должен привлекать к себе внимание, идентифицировать бренд, побуждать к действию — все это задачи дизайна в данном контексте. В этом нам помогает композиция, теория цвета и типографика — инструменты и принципы дизайна. Ключевую роль тут также играет копирайтинг или как написан текст, но это уже смежная дисциплина.

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

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

Это результат промышленного дизайна – отдельной сложной дисциплины, в которой учитываются совершенно другие аспекты: функциональные требования к изделию, технические ограничения, устройство и компоновка деталей. Для создания такого дизайна уже потребуется инженерное подспорье или консультации с соответствующими специалистами.

Из изложенного вы должны понять, что дизайн бывает разным, но каждый его подвид имеет границы и области применения. Мы собираемся изучать очень специфический вид дизайна — UX/UI дизайн для экранных графических интерфейсов.

Что такое интерфейс?

Интерфейс — это набор инструментов для взаимодействия двух систем. С английского interface означает «место соприкосновения». В случае с дизайном, одной из систем всегда является человек.

Давайте разберем UI (User Interface) пользовательский интерфейс микроволновой печи.

Лицевая панель микроволновой печи

Лицевая панель включает несколько элементов, которые мы можем настраивать в зависимости от наших потребностей:

  • Дверца с окном и ручкой для открытия — открывает доступ к контейнеру для еды и является индикатором (когда идет разогрев мы видим свет);
  • Ручка мощности — задает, с какой силой разогревать содержимое;
  • Ручка таймера — задает, как долго проводить разогрев. Кроме того, как только мы выставляем время, так сразу начинается процесс приготовления. То есть эта ручка еще и служит включателем.

Все вышеперечисленное является элементами пользовательского интерфейса.

Что такое UX, UI дизайн и в чем разница?

На примере нашей ретро микроволновой печи рассмотрим, чем является UI и UX дизайн.

UI–дизайн (User Interface Design) или дизайн пользовательского интерфейса – определяет, как выглядят пользовательский интерфейс, а именно:

  • Материалы и цвета — металл и стекло, бежевый и бронзовый цвета;
  • Стиль механических элементов — ретро;
  • Стиль иконок и надписей — плоский, шрифт без засечек.

UX–дизайн (User Experience) или опыт взаимодействия – определяет, как пользователь будет пользоваться интерфейсом, а именно:

  • Какие элементы интерфейса выбрать — вместо механических ручек UX–дизайнер мог поставить ЖК-дисплей с сенсорным управлением и индикаторами состояния. Также он мог установить дополнительный переключатель для включения/выключения печи или кнопку открытия двери;
  • Размер и расположение элементов интерфейса — с какой стороны поставить ручку, какого размера окно установить в двери, насколько большими должны быть крутилки справа.

В круг обязанностей UX–дизайнера также входит поиск сценариев использования продукта на основе ролей пользователей. Например, в нашем случае можно выделить несколько сценариев:

  • Студент разогревает замороженную пиццу перед завтраком — кажется разогревать будут часто, может стоит задуматься об единственной кнопке, которая автоматически выставит мощность в 240 ватт и таймер на 3 минуты?
  • Мама запекает рыбу в фольге — это может занять целый час, стоит задуматься о громком сигнале окончания готовки, в этот момент мама может находиться в другой комнате.

Виды интерфейсов

Интерфейс в микроволновой печи является физическим и даже механическим. Но UX/UI дизайнеры работают с графическими экранными интерфейсами. То есть все элементы интерфейса находятся на экране монитора или мобильного устройства (смартфон, планшет).

Очень важно понимать, что экран монитора настольного компьютера и экран смартфона имеют важные различия. А именно то, как мы с ними взаимодействуем:

  • В настольных компьютерах используется клавиатура и мышь;
  • В смартфонах, планшетах и умных часах вместо мыши и клавиатуры используют только пальцы. Это накладывает свои требования. Например, нельзя сделать кнопку на мобильном устройстве слишком маленькой, так как по ней будет невозможно попасть пальцем.

Итак, UX/UI дизайнеры создают графические экранными интерфейсы, а именно дизайн для:

  • Веб–сайтов — что мы будем усиленно изучать;
  • Мобильных приложений — затронем лишь вскользь;
  • Приложений для настольных компьютеров.

Веб-дизайн на различных устройствах

Дизайн для веб–сайтов и мобильных приложений – это то, над чем UX/UI дизайнеры работают 99% времени. В этом цикле статей мы делаем упор на дизайн для веб–сайтов, это называют веб–дизайном.

Для лучшего понимания привожу еще несколько видов необычных интерфейсов. Мы не будем с ними работать, но они существуют:

  • Символьный интерфейс или командная строка — один из первых интерфейсов, который и сегодня используется профессионалами. Требует высокой технической подготовки, но позволяет быстро и гибко управлять компьютером. Для работы использует исключительно клавиатуру;
  • Жестовый интерфейс — управление с помощью жестов рук и сенсорного экрана. Также возможно распознавание без прикосновений. Так, например, мультимедийная система последних моделей автомобилей BMW позволяет управлять громкостью музыки с помощью интуитивного жеста покручивания указательного пальца;
  • Голосовой интерфейс — один из самых понятных способов взаимодействия с компьютерными системами с помощью человеческого языка. Особенно актуален, когда устройство лишено клавиатуры или когда ее использование отвлекает от основного занятия (например, водителя в дороге).

Новые интерфейсы продолжают разрабатываться и сегодня. Компания Илона Маска Neuralink работает над созданием нейроинтерфейса, который обеспечит взаимодействие мозга человека и компьютера напрямую. Только представьте себе насколько изменится качество пользовательского опыта, когда вы сможете управлять курсором мыслью и надиктовывать текст не произнося и слова.

Домашнее задание

  1. Разберите интерфейсы трех вещей. Например, кондиционер, автомобиль, стиральная машина или свои предметы, которым вы постоянно пользуетесь (последний вариант предпочтительнее). А именно — распишите, что в выбраном устройстве есть UI (какие части и свойства), а чем является UX (почему выбрали именно эти элементы и расположили именно так). Постарайтесь докопаться до сути. Например, ручка имеет такую форму для того, чтобы ее было удобно держать в руке.

    Если не получается выполнить это задание, то перечитайте раздел Что такое UX, UI дизайн и в чем разница? этого урока.

  2. В качестве усложненного задания распишите предмет, в котором нет кнопок и электроники, например, ложку. Где там UX и UI части дизайна?

  3. Приведите хотя бы один новый вид интерфейса, который не описан в уроке (они существуют, также можете придумать свой).

Ответы присылайте в директ в Instagram @frusia.pro (не забудьте указать, что это к первому уроку) или оставляйте здесь в комментариях под статьей (регистрация не требуется).

По каждому ответу дам фидбек, так вы убедитесь, что усвоили материал правильно.

Заключение

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

Подписывайтесь на меня в Instagram – @frusia.pro – будьте в курсе анонсов новых уроков, смотрите проверки домашек в сторис, задавайте вопросы, а также вас ждет множество полезных постов про дизайн.

Stay tuned!


Обучение дизайну
Март 2020


Что ещё почитать

Что нужно знать начинающему UX/UI дизайнеру. Полный список. Roadmap

Ежедневные задачи UX/UI дизайнера. Программы для дизайна

Основы Figma II. Группы. Cлои. Пипетка. Импорт изображений. Делимся проектом

Основы Figma III. Фреймы. Сетки. Направляющие. Компоненты

Основы Figma I. Регистрация. Интерфейс. Первые шаги. Навигация и свойства объектов

Основы Figma IV. Выравнивание. Новые примитивы. Экспорт. Форматы изображений


Оставьте комментарий



Комментарии

@_darium · 4 апреля 2020 19:29  

Домашнее задание к 1-му уроку

  1. Мини-гриль:
    UI -> выполнен из металла и пластика
    Имеет индикатор красного цвета
    UX -> индикатор расположен на верхней панели крышки и показывает, когда устройство разогревается до нужной температуры;
    Крышка имеет защелку, чтобы можно было перемещать устройство и его панели не болтались, а так же при выпекании достигать нужного давления.
    Имеет съёмные насадки для разных видов блюд(гриль, вафельница, бутербродница), что очень легко извлекаются и заменяются при нажатии на *кнопку с пружинкой*( тут я запуталась, как это назвать и объяснить)
  2. Кувшин для воды. UI -> материал- стекло, металлическая крышка, выполнен в винтажном стиле с фактурным орнаментом UX -> объём 1,5 литра, чтобы хватало на семью из нескольких человек; расположение ручки подобрано таким образом, чтобы правильно распределить вес и человек мог без особого труда поднять вес полного кувшина;
  3. Новый вид интерфейса - например, пролистывание электронных страниц по движению глаз

Комментарий frusia.pro: Это домашнее задание отправили в директ в Инстаграм, но девушка любезно согласилась продублировать его здесь. Первое и второе задание выполнены правильно. В третьем задании есть небольшая путаница. Пролистывание электронных страниц по движению глаз — это скорее функция. А интерфейсом здесь будет устройство и/или программное обеспечение для распознавания жестов глаз, например камера. Двойным морганием можно было бы заменить клик мышки или тап на экране смартфона. Хороший пример нового интерфейса!

sergo · 10 апреля 2020 21:03  
1. Телефон
UX
кнопки громкости, расположены рядом для регулировки одним пальцем
кнопка блокировки справа для блокировки одним нажатием большого пальца правой руки
кнопка домой по центру для быстрого возврата в главное меню
камера на тыльной стороне телефона вверху потому что низ закрываем рукой при съемке
подсветка возле камеры - для съемки в темноте
UI
серый цвет телефона, алюминиевый корпус, фирменный логотип

2. Тарелка
UX
глубокая для жидкой еды
материал легкий для удобства носить на расстояние
покрытие гладкое для ложка легко скользила
внизу круглый нарез для равномерной устойчивости
UI
белый цвет, узоры для привлекательности

3. Новый интерфейс - подсветка возле фронтальной камеры для селфи ночью
при отсутствии освещения

Комментарий frusia.pro: Первое и второе задание засчитываются. А вот с последним есть недопонимание. Интерфейс предполагает обмен информацией между человеком и системой (компьютером). Тоесть должна быть возможность ввести какую-то информацию в компьютер и/или вывести ее из компьютера. Например, с помощью клавиатуры мы вводим текстовую информацию. С помощью монитора выводим, как текстовую так и графическую информацию. Другими словами используя эти устройства мы взаимодействуем. Теперь вопрос, каким образом мы можем взаимодействовать (получать или вводить информацию) с помощью подсветки фронтальной камеры?

Мария · 23 июня 2020 09:31  
1. электронные часы
ui - цвет ремешка и циферблата, шрифт
ux - материал корпуса и ремешка, наличие/отсутствие кнопок рядом с дисплеем, вид замка на ремешке

2. стационарный телефон
ui - цвет корпуса и кнопок, мелодия звонка
ux - проводная/беспроводная трубка, наличие дисплея, сенсорные кнопки

3. компьютерная мышь
ui - цвет корпуса, наличие декоративных элементов
ux - количество кнопок, наличие колесика, проводная/беспроводная, тип разъема у провода

4. карандаш
ui - цвет корпуса, цвет грифеля
ux - толщина и форма среза (круглый/овальный/многогранник), толщина грифеля, наличие ластика

5. летающая метла
ui - длина, цвет древка, хвоста и ручки
ux - наличие ручки, материал дерева и хвоста

Комментарий frusia.pro:

Задание 1.

Электронные часы. Материал корпуса и ремешка я бы отнесла к UI, так как непонятно, как это повлияет на опыт взаимодействия.

Стационарный телефон. Правильно.

Компьютерная мышь. Правильно.

Задание 2.

Карандаш. Правильно.

Задание 3.

Летающая метла. Отличный пример! Если материал дерева влияет на опыт использования, то правильно. Нужно еще расписать, как пользователь взаимодействует с интерфейсом метлы, пофантазируйте. Например, это управление мыслью, голосом или метла следит за наклоном тела или положением руки.

В целом, хорошо, продолжайте обучение!

Марина · 25 июня 2020 21:40  
Добрый вечер. Домашнее задание к 1 уроку.

Первое задание
1. Складное зеркальце
UX:
- пружина, соединяющая две части зеркала (обеспечивает защиту стекла и продлевает срок службы)
-удобная эргономичная овальная форма (зеркало такой формы удобно лежит в руке, а так же помещается даже в самую маленькую дамскую сумочку)
-увеличивающее зеркало с одной стороны (обеспечивает более легкое и приятное пользование, дает дополнительные возможности)
- магниты (позволяют быстро, безопасно, без особых усилий закрывать зеркальце)

UI:
- выполнено из пластика с металлическими вставками
- инкрустировано стразами
-белый цвет
-выполнено в гламурном стиле

2. Тетрадь на пружине

UX:
- обложка (защитная функция + легко очищающийся материал)
- большая пружина, соединяющая листы (позволяет быстро без осложнений перелистывать, легко выдирать листы, не портя их, а так же обеспечивает большую площадь поверхности)
- подложный лист (так как обложка просвечивается, сделан специальный подложный лист, чтобы текст не просвечивался)
- удобный формат А4
-72 листа бумаги
UI:
- для создания обложки использовался глянцевый водонепроницаемый материал
- кислотно - зеленый цвет
- урбанистический стиль
- графические элементы ( современный шрифт, логотип производителя, рисунки выдержанные в урбанистическом стиле)
- листы в клетку, с выделенными красным цветом полями

3. Маркер (текстовыделитель)

UX:
- удобная форма маркера, чтобы он легко ложился в руку
- колпачок, чтобы маркер не засыхал
- специальная выемка на колпачке, чтобы было легче открывать маркер
- наклонный грифель, чтобы удобно было выделять весь текст одним движением руки

UI:
- маркер выполнен из легкого пластика (практически не имеет веса, удобно очищается при необходимости)
- поверхность маркера имеет матовое покрытие
- яркий желтый цвет упаковки под цвет самого маркера
- графические элементы (логотип фирмы и шрифт)
- черный колпачок

2 задание
Простой карандаш
UX:
- Толстый грифель
- Металлический наконечник, присоединяющий ластик к карандашу
- Наличие ластика, которым можно стирать карандаш
- Толщина самого карандаша, чтобы комфортно лежал в руке
- овальная форма карандаша усложнена ребрами, чтобы было удобнее его держать, так же защищает от скольжения в руке

UI:
- твердо - мягкий графитный грифель (HB)
- карандаш выполнен из дерева
- золотая гравировка с названием фирмы, страной производителем и описанием плотности грифеля
- металлические элементы
- простой и удобный дизайн
- снаружи карандаш оранжевого цвета, сам грифель серого цвета

3 задание

Интерфейс голограмм (как компьютерный, так и физический)

Комментарий frusia.pro: Добрый вечер

Задание 1.

Складное зеркало. Правильно.

Тетрадь на пружине. Правильно.

Маркер. Правильно.

Задание 2.

Простой карандаш. Правильно. Хорошо, что вы расписываете не только составляющие, но и объясняете почему.

Задание 3.

Интерфейс голограмм. Это пример интересного интерфейса, отлично. Может у вас есть идеи, как с помощью него осуществлять ввод информации?

Марина, все отлично, продолжайте. Жду домашку для следующих уроков!

Света · 26 июня 2020 16:39  
Добрый день.
Задание 1
1. Bluetooth наушники
UI - материал и цвет: сочетание металла и пластика, черный цвет; мелодия подключения к зарядке или устройству; световые индикаторы зарядки
UX - поворот наушников отключает от устройства и выключает наушники, сенсорные кнопки для переключения трека/регулировки громкости, регулятор дужки для подходящего размера
2. Кондиционер
UI - белый цвет, сочетание металла и пластика, дисплей с иконками
UX - пульт с кнопками регулировки режима и температуры, наличие кнопки выключения при отсутствии пульта
3. Кухонная плита
UI - жаропрочное стекло, черный цвет, дисплей с иконками
UX - панель расположена в правом нижнем углу; кнопка блокировки, активируется при случайном контакте с предметами
Задание 2
Зубная щетка
UI - материал и цвет: пластик,резина,щетина; желтый цвет
UX - наличие резиновых ворсин для чистки языка, прорезиненная ручка против скольжения в руке
Задание 3
VR-интерфейс, с помощью движения рук и головы с датчиками. Наверное относится все же к жестовому типу интерфейса.

Комментарий frusia.pro:

Задание 1.

Bluetooth наушники. Правильно. Обратите внимание, что световые индикаторы можно описать не только с точки зрения UI: интенсивность, цвет, анимация (плавное угасание и т.д.) индикаторов; но и как элементы взаимодействия: индикаторы могут сообщать об успешном подключении к телефону, состоянии батареи и прочую полезную информацию.

Кондиционер. Правильно.

Задание 2.

Зубная щетка. Правильно.

Задание 3.

VR-интерфейс. Все правильно, хороший пример. Пусть его можно отнести к жестовому, но это касается лишь ввода информации. А что касается вывода, то в комбинации с шлемом получаем уникальнейший опыт взаимодействия.

Отлично справились, продолжайте!

Дмитрий · 2 июля 2020 16:25  
Домашнее задание к первому уроку:
1.1. Рюкзак
UI - внешняя материя достаточно прочная, но не слишком грубая, тёмный не маркий цвет, современный лаконичный стиль, без логотипа.
UX - брелки на язычках молний для более удобного использования, сетки под напитки с боков, верхняя лямка-ручка для переноски, внутренние отделения, скрытый карман, карабин для ключей.

1.2. Настольный календарь
UI - материал, бумага мелованная, плотная, стальные пружины, покрытые белой краской. Цвета яркие, контрастные.
UX - разбивка модульной сетки на дни недели, указание номера недели, выделение выходных и праздников отдельным цветом, подложка-домик для стабильного положения на столе, дублирование полного календаря на последней странице, перекидные листы с уникальными картинками на каждый месяц.

1.3. Кружка
UI - керамика, яркий рисунок, небольшой вес.
UX - рисунок для идентификации, ручка, отметка производителя на дне кружки.

2. Автоматическая ручка.
UI - материал пластик, оранжевый яркий цвет, синий прорезиненный грип для пальцев.
UX - поворотный механизм выдвижения стержня, защёлка с щелчком для фиксации положения, возможность разбора для замены стержня.

3. Оптический интерфейс для очков дополненной реальности - фокусировка глаз на объекте продолжительное время выводит запрос на вывод информационной справки по предмету с формой ответа "Да/Нет". Фокусировка зрения на необходимом варианте ответа либо выводит справку на линзы с возможностью читать текст, либо сворачивает окно.

Комментарий frusia.pro:

Задание 1.

Рюкзак. Правильно.

Настольный календарь. Правильно.

Кружка. По UI правильно. А по UX есть сомнения. Скажите, каким образом отметка производителя влияет на опыт использования (не является ли это лишь украшательством)? Помимо ручки, стоит отметить полость, в которую мы наливаем воду. Задумайтесь, ни эта ли составляющая и обеспечивает всю функциональность?

Задание 2.

Автоматическая ручка. Правильно.

Задание 3.

Оптический интерфейс для очков дополненной реальности. Правильно, отличный пример.

Все хорошо, переходите к следующим урокам!

Tetiana · 8 июля 2020 18:33  
Разбор
1)
-Батарея отопительная
UI-материал, цвет. Современный стиль . Плоские оконтовки
UX- ручка терморегулятора механическая( крутится верх и вниз только )
Батарея установлена вертикально и прислоняется к стене, что бы минимизировать взаимодействование с человеком .

-Фен
UI- материал ,подключение к источникупитания, цвет,стиль. Форма ручки.
UX- механические кнопки и регулятор. Переключение режимов. Если сменные насадки и какие. Режимы фена.

-пульт для тв
UI-цвет, форма, стиль, материал, надпись
UX- наличие кнопок, функционал кнопок, их количество, способ работы кнопок.

2)
Книга
UI- стиль, материал, размер, вес., цвет.
UX- переплёт ( толстый, тонкий ), шрифт, цвет страниц, количество страниц.

3)хлопок при выключении света
Жестовый интерфейс

Комментарий frusia.pro:

Задание 1.

Батарея отопительная. Правильно.

Кондиционер. Тут "подключение к источнику питания" - является функцией, которая необходима для работы прибора, стало быть она относиться к UX. В остальном – правильно.

Пульт для тв. Правильно.

Задание 2.

Книга. Правильно. Уточнение: про переплет вы верно имели ввиду твердый/мягкий?

Задание 3.

Хлопок при выключении света. Тут было бы хорошо более подробно описать, как будет работать такой интерфейс.

В целом хорошо, молодец!

Анюта · 13 июля 2020 00:31  
ЗАДАНИЕ №1
1. Телефон:
UI:
- выполнен из пластмассы светло-голубого цвета
- фирменный логотип компании
UX:
- металлические кнопки расположены по одной стороне,
- кнопка включения с распознаванием отпечатка пальца,
- единая кнопка для увеличения и уменьшения громкости звука,
- динамики находятся сверху и снизу от экрана.


2.Ноутбук:
UI:
- металлический серого цвета,
- лаконичный стиль,
- логотип и наклейки от производителя.
UX:
- камера с индикатором работы,
- работа без использования мыши
- все нужные отверстия для USB и прочих проводов расположены по одной стороне, что облегчает их поиск.


3. Микроволновая печь:
UI:
- металлический корпус серого цвета
- логотип производителя
- надписи плоские
- много кнопок для разных режимов работы
- дверца с ручкой для открытия
- подсветка
UX:
- много кнопок для разных режимов работы;
- механическая ручка для выбора времени.


ЗАДАНИЕ №2
1. Стул:
UI:
- деревянный
- покрытый лаком
- острые углы
- четыре ножки
- квадратное сидение
UX:
- устойчивый
- плоское, жесткое сидение

ЗАДАНИЕ №3
Новый интерфейс:
ввод текста на смартфоне с помощью взгляда
- для этого нужен датчик для распознания (куда смотрит человек), чтобы правильно распознавать вводимый текст

Комментарий frusia.pro:

Задание 1.

Телефон. Вы правильно распределили элементы UX и UI, можно было также упомянуть о сенсорном экране.

Ноутбук. Правильно. Но вы не назвали основной UX параметр, это механизм, который позволяет открывать/закрывать устройство и носить его с собой, что обеспечивает мобильность.

Микроволновая печь. Правильно. К UX стоит отнести и сам контейнер микроволновой печи, в который погружают посуду с едой.

Задание 2.

Стул. Количество ножек и форма сидения больше определяют UX, чем UI. Ведь от этого зависит возможность и устойчивость сидения.

Задание 3.

Ввод текста на смартфоне с помощью взгляда. Правильно. Идея инересная, молодец.

Вы хорошо справились, продолжайте обучение!

Дарья · 15 июля 2020 19:57  
Спасибо вам за такой курс! очень интересно и интерактивно  :)

Домашнее задание:

1 Интерфейсы трех вещей
- usb- колонка
UI: красный цвет, пластик, снаружи мягкий пластик. размер небольшой, умещается в ладонях. форма- прямоугольная с закругленными углами. кнопки на панели сбоку (3 кнопки: вкл/выкл, громко, тихо), кнопки выделены иконками, которые выпирают на панели колонки.
UX: покупала колонку летом, поэтому выбрала яркий цвет. размер маленький+ есть небольшой шнурок на колонке, что позволяет ее повесить/прицепить на что-нибудь. кнопки на панели выделяются объемно, чтобы можно было прощупать их пальцами и неглядя.

- робот-пылесос
UI: белого цвета, круглой формы. есть 3 кнопки: вкл/выкл, и еще 2, которыми мы не пользуемся (и по сути не знаем что это за кнопки))
UX: кнопка для включения большая и находится в самой середине, также можно подключить к телефону и управлять пылесосом с телефона. внизу пылесоса находится кисточка, которая как раз подметает пол, также есть контейнер, куда скапливается пыль от уборки, он вынимается, есть также контейнер для мокрой уборки, точнее для половой тряпки (тряпка тоже шла в наборе, даже две, чтобы удобно было пользоваться второй, пока первая на стирке)

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

2 интерфейс сложной вещи
- велосипед Strida (складной)
UI: дынного цвета, материалы : рама- сталь, шины- резина, сидение- кожа и еще что-то))
UX: велосипед маленького размера, что позволяет удобно передвигаться с ним в лифте, складывается- удобно передвигаться в сложенном состоянии в метро и перевозить его в машине. под сидением уже есть место для багажа, но если багажа нет- эту конструкцию можно поднять

3 новый вид интерфейса
- экран айфона/любого другого смартфона перестает гореть когда при звонке подносишь экран к уху
- панель на стиральной машине/ духовке/ холодильнике
- панель на терминале банкомата
-  проверка людей (преступники они или нет) по сетчатке глаза (как в фильме "особое мнение" :) )

Комментарий frusia.pro:

Задание 1.

Usb-колонка. Вы верно распределили все ux и ui элементы, кроме яркого цвета. В данном случае он относиться к ui характеристикам.

Робот-пылесос. Тут тоже верное распределение, единственное что было бы неплохо, если бы вы описали, что дает эта большая кнопка по средине пылесоса. Ну и поинтересовались для чего же все-таки нужны две другие кнопки:)

Консоль нинтендо свич. Задание выполнено правильно.

Задание 2.

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

Задание 3.

Задание выполнено верно. Интересный примеры, особенно последний:) Единственное замечание: экран смартфона, который гаснет при звонке – это не интерфейс, а одна из его функций.

В целом все хорошо! Продолжайте!:)

Екатерина · 20 июля 2020 12:42  
Дз к уроку 1.
1.Беговая дорожка
Ui- пластик с металическими элементами, беговая лента и кнопки из резины , цвет чёрный. Кнопки выпуклые, ярко выраженные на панели, на каждой кнопке есть светящийся индикатор зелёного цвета
UX- Управление кнопочное, расположено на панели вверху предмета на удобном для пользователя расстоянии вытянутой руки. Из-за покрытия резиной кнопки удобны для хорошего сцепления с влажными руками. С правой стороны панели кнопки переключения подъема, также светящая панель указывающая на текущий уровень подъема, с левой - переключения скорости, и светящаяся панель указывающая на токующую скорость. По середине панели управления кнопка вкл/выкл в диаметре 5 см, с верху панель с указанием времени продолжительности тренировки, средней скорости и времени суток, с низу панели - наклейка где указаны правила пользования беговой дорожкой. Под панелью управления есть карман для ключей и телефона. С правого бока от панели есть подстаканник для бутылки с водой. По бокам от беговой ленты есть перила чтобы во время бега можно было опереться на них.
Блендер
Ui - пластик с элементами резины. Цвет серый с белым, кнопки выпуклые покрытые резинной
UX- у блендера есть три колбы и три сменных ножа. Колба с крышкой и ножом внутри, где сам блендер крепиться на крышку измельчая крупным ножом. И колба в высоту 30 см, для погружной насадки с ножом с маленькими лезвиями. На блендере есть две кнопки, кнопка вкл/выкл расположена по середине, для работы блендера её нужен удерживать. Кнопка переключения интенсивности работы блендера расположена ниже и имеет три светящихся индикатора зелёного цвета, каждый из которых указывает на силу работы блендера. То есть, первый индикатор - слабая работа, второй - средняя, третий - самая сильная. Сверху у блендера есть шнур длиной два метра, что позволяет дотянуться до дальней розетки.
Многоразовый кофейный стакан
Ui - пищевой силикон с элементами пластика. Цвет - голубой с белым.
UX - объём - 320 мл., Стакан складной, можно снять крышку и ободок позволяющий держать стакан в форме и не обжигаться, потом с помощью эластичных свойств пищевого силикона сложить стакан, сверху надеть крышку и с низу ободок. Таким образом стакан приобретает форму таблетки в диаметре около 6 см.
Новый вид интерфейса
Ошейник для собаки
Ui - силикон, цвет - чёрный
UX - ошейник оснащён GPS навигатором, а так же небольшим динамиком. GPS навигатор позволяет контролировать передвижение собаки, например, если она потерялась. А динамик даёт хозяину возможность дать собаке команду даже если она находиться на расстоянии и не способна услышать команду просто так.

Комментарий frusia.pro:

Задание 1.

Беговая дорожка. Правильно.

Блендер. Все верно.

Задание 2.

Многоразовый кофейный стакан. Тоже все верно.

Задание 3.

Ошейник для собаки. Классный пример, правильно!

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

Даша · 22 июля 2020 00:03  
Домашнее задание 1й урок.
Мобильный кондиционер. UX элементы - кнопка включения, кнопка мощности, кнопка оборотов, конопка выбора режима "холод", световые индикаторы режимов мощности, бак для воды. UI элементы - металлический белый корпус, черные крылышки, прозрачный бак для воды с уровнем.
Шейкер. UX элементы - сама чаша для напитка, шар для взбалтывания, крышка с отверстием для питья.
UI элементы - пластиковая розовая чаша для удобства мытья, металлический пружинистый шар, крышка розовая и белая открывалка для питья на ней.
Ложка. UX - оглубление для черпания жидкой пищи, продолговатая область для удерживания в руках. UI -металл или пластик , цвет.

Комментарий frusia.pro:

Задание 1.

Мобильный кондиционер. Правильно. Хорошо было бы еще написать про размер, это ведь его особенность (не просто так он мобильный), а может имеется и ручка для удобной переноски?

Шейкер. Правильно.

Задание 2.

Ложка. Правильно.

Все хорошо, а что по новому интерфейсу (третье задание)?

@idunaknow · 24 июля 2020 20:20  
Домашнее задание
1. наушники earpods
UI - пластик, белый цвет, наушники исполнены в стиле минимализм, который любит Эпл.
Также существует большое количество разновидностей чехлов для коробочки наушников, чтобы добавить разнообразия.

UX - беспроводные наушники, которые не могут запутаться или потеряться (относительно), благодаря отдельному чехлу, что идет в комплекте. Можно использовать двум персонам, что добавляет романтики или разряжает обстановку. Громкость, последовательность треков регулируются стандартно, с помощью телефона. Подключаются наушники через блютуз не только к телефону, но и к ноутбуку, что очень удобно и практично. Само подключение происходит благодаря легкому нажатию на кнопочку коробки эйрподсов. При подключении к телефону, в наушниках воспроизводится фраза, что они подключились к устройству. Процент заряда наушников и коробки можно узнать на экране смартфона или при открытии коробки (вылетает информация). При подключении коробки к кабелю, уровень заряда коробки можно определить по цвету маленького кружка (горит зеленым/красным/мигает).

2.Шкаф
UI - деревянный, в черно-белых тонах.
UX - пластиковые дверцы с деревянными вставками расположены по середине шкафа для надежности и удобства. Дверцы плавно открываются благодаря фурнитуре. Внутри шкафа 3 отдел по вертикали. Самый верхний и нижний отделы одного небольшого размера. (для обуви, шарфов и т.д). Отдел по середине является самым большим, сверху этого отсека присутствует штанга для вешалок, она также выдвигаться вперед, что очень удобно, ведь не придется перебирать всю одежду на вешалках, а надо будешь лишь пройтись глазами по всему ассортименту. Так как этот отдел является самым длинным, снизу от штанги остается пространство для другой повседневной одежды.

3.Новый интерфейс:
Создать программное обеспечение, где юзер с помощью короткого текста может задать команду для бытовых вещей в своем доме. Включить чайник, открыть автоматически окно, выключить чайник. (Надеюсь, что подходит)

Комментарий frusia.pro:

Задание 1.

Наушники earpods. Правильно.

Задание 2.

Шкаф. Правильно.

Задание 3. Что-то вроде системы умного дома с текстовым вводом. А как этот текст будет вводиться пользователем? Через компьютер, смартфон и т. д.?

Первое и второе задания выполнены тщательно, хороший подход, продолжайте.

relad.hd1890@gmail.com · 1 августа 2020 18:58  
Задание №1

1. Без проводная мышка –
UX (имеется Блюдуз порт который облегчает пользование мышкой , удобное расположение кнопок на самой мышке , плавная работа колёсика )
UI (Сделана из пластика чёрного цвета ,матовая текстура )

2. Вентилятор –
UХ ( плавная работа всех кнопок , имеется кнопка распыления воды для лучшего охлаждения помещений , имеются 6 скоростей и 2 режима {Turbo,Classic})
UI (Лопасти Вентилятора сделаны из чёрного пластика , Решётка изготовлена из алюминия по крашеного в белый цвет , Опорная ручка сделана также из алюминия и покрашена в чёрный цвет )

3. Светильник –
UX (удобный регулятор света , длинный провод , есть индикатор температуры , функция рассеевание света)
UI (Весь светильник выполнен в стиле Хайтеч из твёрдого пластика серого цвета индикатор температуры подсвечивается зелёным светом )

Задание №2

1. Вилка _
UX (Имеет четыре зубца чтоб пища не падала , ручка хорошо лежит в руке )
UI (выполнена из нержавеющей метала , имеются узоры на ручке )

Задание №3
1. Материальный интерфейс –
Это то интерфейс с которым взаимодействует человек в месте с материальными предметами

Комментарий frusia.pro:

Извините за ответ с опозданием, только заметила вашу домашку. Если долго нет ответа, пишите в директ Инстаграмма и напоминайте о себе, не стесняйтесь!

Задание 1.

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

Вентилятор. Правильно.

Светильник. Правильно.

Задание 2.

Вилка. Отлично – про зубцы и форму прям в точку.

Задание 3.

Материальный интерфейс. Правильно ли я понимаю, что вы имеете ввиду взаимодействие с обычными предметами, например, выставление чашек на столе в определенном порядке?

Nastya · 3 августа 2020 14:25  
Домашнее задание к 1-му уроку.
1.Кондиционер
UI:
Материал- пластик, белого цвета.
Современный стиль, минимализм
UX:
Управление пультом. Элементы расположены пропорционально( для лучшего восприятия человеком) Новые различные функции, а именно: не только нагрев, охлаждение воздуха, но и увлажнение. Режим самостоятельного выключения по времени ( если семья заснет и не выключил кондиционер, будет меньше случаев болезни из-за переохлаждения) Также жалюзи, которые могут дать не только вверх и вниз, но и по сторонам. Постепенное уменьшение потока холодного воздуха, если в помещении достаточно холодно ( т.е датчики температуры, поставленной потребителем).
2. Робот-пылесос.
UI:
Материал- высокопрочный пластик, яркий цвет( например, красный, чтобы люди с плохим зрением сразу его замечали)
Стиль- модерн
UX:
Управление пультом.
Размер- компактный, плоский( по возможности).
Наличие щëток для тщательной уборки в углах комнат. Дез. излучение ( безопасное для человека) Наличие датчиков, чтобы не врезаться в предметы, не биться о домашних животных, либо о ноги жильцов.
3. Мультиварка.
UI:
Материал- нержавеющая сталь, алюминий и его сплав.
Цвет- светлый металлик. Сенсорное управление, цифровой дисплей.
UX:
Режим " Самостоятельный", на случай, если нужно будет срочно уйти из дома. Различные чаши для приготовления блюд ( например, на пару, режим гриль) Режим подогрева, усовершенствованный процессор, искусственный интеллект. Рекомендуемые настройки для того или иного блюда ( для новичков)
4.Нож- Выполнен из серебра в стиле фандомов ( например, в виде волшебной палочки из Гарри Поттера)
Размер средний, удобный для использования, либо для коллекции.
5. Интерфейс для людей с ограниченными возможностями со встроенным " Знаковым языком" ( Дактилолология)
И смешанный интерфейс: Визуальный 3D вместе с голосовым и графическим.

Комментарий frusia.pro:

Задание 1.

Кондиционер. Выполнено правильно.

Робот-пылесос. Тоже верно.

Мультиварка. в целом все верно, но есть пару замечений:.

  • "сенсорное управление, цифровой дисплей" – вы отнесли это к UI, но это относится к UX;
  • тут также имеет значение величина чаши - на какое количество людей она рассчитана.

Задание 2.

Нож ."Выполнен из серебра в стиле фандомов ( например, в виде волшебной палочки из Гарри Поттера)" вы не написали, но я так понимаю это UI, а это UX: "размер средний, удобный для использования, либо для коллекции".

Важный момент – это форма ножа, а также степень его заточенности (нож для приготовления еды или её поглощения).

Задание 3. Интерфейсы:

  • интерфейс со встроенным знаковым языком - хорошая идея, правильно. Было бы неплохо, чтобы вы написали как именно происходит ввод информации пользователем, например распознавание жестов;
  • визуальный 3D вместе с голосовым и графическим – написано слишком общими терминами, хотелось бы более подробно узнать, как именно должен работать интерфейс.

Первое и второе задания выполнены тщательно, хороший подход, продолжайте.

Anastasiia · 16 августа 2020 15:41  
Домашнее задание к 1 уроку :
1. Смартфон
UI : материал - стекло, пластик; цвет - серый, чёрный; лого - серого цвета.
UX : размер экрана 6,5", но благодаря тонким рамкам дисплея, телефон небольшого размера, что позволяет пользователю удобно держать его в руке; кнопки на боковой панели справа для разблокировки телефона и увеличения/уменьшения громкости звука, удобно расположены; фронтальная камера в виде небольшой точки в верхней часте экрана посередине, что есть очень стильным минималистическим решением; четыре основных камеры (основная, макро, широкоугольная, портретная) + вспышка/фонарик на задней панели в виде прямоугольника в левом верхнем углу, на миллиметр выступающие с корпуса (это неудобно, потому что их легко поцарапать).

2. Ложка
UI: материал - сталь, цвет - серый, рельефное лого.
UX: материал, позволяющий ложке не ржаветь; глубина и размер основной части идеально подходят взрослому человеку; длинная ручка позволяет человеку удобно и надёжно держат её в руке.

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

Буду очень благодарна за фидбэк. :)

Комментарий frusia.pro:

Задание 1.

Смартфон. Вы выполнили задание верно, но ошиблись в одном моменте: “фронтальная камера в виде небольшой точки в верхней часте экрана посередине, что есть очень стильным минималистическим решением”. Если вы описываете фронтальную камеру в рамках UX, то нужно рассказать о функциональной составляющей, а не о внешнем виде. Например, в этом случае фронтальная камера дает возможность одновременно видеть себя в телефоне и фотографировать, что позволяет одному человеку контролировать качество снимка. А её маленькая форма обеспечивает максимум места для самого экрана смартфона.

Задание 2.

Ложка. Все правильно.

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

Никита · 8 сентября 2020 21:07  
Компьютерная мышь
UI - эргономичный дизайн, пластик (который так же несет и ux составляющую.
UX - три кнопки (стандартно) которыми можно выполнить столько разных действий, пластик, очень легкий материал, который легко чистится.

Кофта-худи
UI - однотонная серая кофта, без нагромождающих принтов, хорошо сочетается с другой одеждой.
UX - свободно сидит, не стесняет движений, При этом нк совсем как мешок, то есть можно одень в какое-нибудь кафе, функциональный капюшон защищает от солнца/дождя/снега/ветра. Удобный вместительный карман в районе живота

Управление интерфейсом с помощью мимики

Комментарий frusia.pro:

Задание 1.

Компьютерная мышь.  Понятие "эргономичный дизайн" относится к UX, а не к UI. И было бы неплохо расписать, что вы вкладываете в этот термин. Вы упустили самое главное – форма и размер мыши подобраны так, чтобы рука человека удобно ложилась и могла управлять ней. В остальном правильно.

Задание 2.

Кофта-худи. Вы хорошо распределили все характеристики, которые относятся к UX и к UI, но сделали одну ошибку. Написанное вами предложение про мешок и кафе – это скорее ваша субъективная оценка. Потому что у другого человека может быть иное мнение на этот счет.

Управление интерфейсом с помощью мимики. Тема не раскрыта, пожалуйста распишите подробнее, как этот интерфейс будет работать.

Жду ваши исправления и следующие домашки.

Artem · 10 сентября 2020 18:20  
Домашнее задание к первому уроку:

1.1 Стакан

UI- сделан из стекла, прозрачный, узор с гранями с низу до середины стакана.
UX-толстое стекло около 5-6 мм позволяет донести налитый кипяток в течении 2-3 минут.
Грани позволяют удобно держать стакан. Объём 400 мл который позволяет напиться чаю или кофе, как надо!

1.2 Ноутбук

UI-матово-чёрного цвета, присутствует подсветка клавиатуры белого цвета, присутствует логотип производителя, есть красные элементы клавиатуры что гармонично сочетается со стилем.
UX-возможности подключения множества разъёмов от USB до жёстких дисков(помимо стандартного разъёма для жёсткого диска). В ночное время очень удобна подсветка клавиатуры. Дисплей имеет 14 дюймов и покрытие от отражения солнечных лучей. Присутствует джойстик в середине клавиатуры и имеется ещё одна пара кнопок (ЛКМ/ПКМ и замены колёсика). Над клавиатурой находятся кнопки ВКЛ/ВЫКЛ громкость, -/+ громкость и ВКЛ/ВЫКЛ микрофон.

1.3 Банка кофе

UI-цилиндрическая форма, сделана (предположительно) из жести, красного цвета, состав, логотип производителя, силиконовая крышка, жёлтого цвета.
UX-цилиндрическая форма позволяет удобно держать банку кофе. Силиконовая крышка позволяет удобно открывать банку кофе. Помещает в себя 250 гр хорошего молотого кофе.

2. Маникюрные ножницы

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

3. Лампа с Джином.

Комментарий frusia.pro:

Задание 1.

Стакан. Правильно. Еще можно было бы указать, что форма стакана спроектирована так, чтобы человеку было удобно наливать в нее жидкости и пить. Сравните с бутылкой (которая больше подходит для хранения и переноски), ее нужно высоко поднимать, при этом ее вес значительно больше.

Ноутбук. UI-часть правильна, UX – лишь частично. Вы описали незначительные детали устройства, пропустив ключевые особенности. Сравните ноутбук с настольным компьютером, какие базовые отличия, почему они вообще появились? Ответы лежат на поверхности: ноутбук – это компактная, мобильная и автономная замена настолького ПК. Поэтому я бы в UX-части ответа написала бы про шарнир, позволяющий складывать ноутбук и удобно переносить его; а также про аккумулятор, который обеспечивает автономную работу устройства. Третьей особенностью стала бы компактная компоновка, позволяющая переносить ноутбук даже в рюкзаке. Также отметила бы, что тачпад заменяет мышку и позволяет работать без стола.

Банка кофе. Правильно.

Задание 2.

Маникюрные ножницы. Правильно.

Задание 3.

Лампа с Джином.. Интересный пример, но тема не раскрыта, пожалуйста распишите в деталях.

Ренат (НиНо) · 11 сентября 2020 18:00  
Домашнее задание к 1-му уроку.
1. Машина:
UI - белая, металл, пластик, стекло, агрессивный стиль, четырёхместный седан.
UX – мощный двиг-ль, МКПП, передний привод, эргономичный салон.

2. TV пульт:
UI – прямоугольный, чёрный, пластиковый с резиновыми кнопками.
UX – лёгкий, удобно лежит в руке, комфортное переключение (ход кнопок), легко ориентироваться при слабой освещённости, лёгкая смена батареек.

3. Бутылка воды:
UI – прозрачный пластик, оригинальная форма, яркая и запоминающаяся этикетка, яркая пробка.
UX – формованный пластик не скользит в руке, удобно лежит в руке, крышка не скользит при открывании, видно уровень остатка воды.

4. Ложка:
UI – металл, серебристая, на ручку нанесён узор.
UX – оптимальный размер, лёгкая, удобно лежит в руке, не травмирует при использовании, легко моется.

«Новый» (в ковычках) вид интерфейса – Физически-Дистанционный (лошадиные вожжи :-)) ). Позволяют управлять направлением движения лошади.

Комментарий frusia.pro:

Задание 1.

Машина. Всё верно, но кроме механической коробки передач для управления автомобилем вы забыли упомянуть руль и педали.

TV пульт. Правильно.

Бутылка воды. Правильно.

Задание 2.

Ложка. Все правильно, но в UX части вы забыли упомянуть самый важный, на мой взгляд, аспект – форму, которая позволяет зачерпывать еду/жидкости.

Задание 3.

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

Жду дополнения к вашему ответу

Artem · 15 сентября 2020 20:10  
Дополнение к 10 сентября 2020 18:20
Да, верно про ноутбук, что-то не упомянул такое :)
И так... Лампа с джином:
UI-внешне похоже на растянутый заварничек для чая, созданный из золота, присутствие драг-камней(зависит от джина :D ) присутствует потёртости по бокам, так же на одной стороне присутствует эмблема этого Джина.
UX- так же можно использовать как заварничек для чая + (повесить ситце) для большей удобности, так же присутствует удобная ручка, можно так же хранить там что-то, а ещё можно так же вызвать того самого, ДЖИНА!
Способы вызова - потереть одной рукой правую или левую сторону лампы джина, чтобы появился дым и заполнил вокруг (можно конечно и над коллегами пошутить и всунуть дымовую шашку :D) и тот самый ДЖИН проявит себя силуэтом (скорее всего тяжело-атлета с таким рельефом мышц которого нет ни у одного человека. "Ну а правильно что же там ещё делать кроме как железо жать :D"), так же даст три желания которые он будет рад исполнить (повторюсь, скорее всего просто всё достало в своей лампе и чего-то нового уже хочется, даже джинам :D ). По исполнению трёх желаний, прячется обратно и можно в конце концов использовать по назначению для чая :D

Комментарий frusia.pro:

Теперь значильно лучше. Как бы вы назвали этот вид интерфейса?

Ренат (НиНо) · 16 сентября 2020 18:08  
Добрый день!
Спасибо за ОС!
Дополнение к ответу от 11/09/20.
Физически-Дистанционный (лошадиные вожжи). Интерфейс очень необычный, но вот мне непонятно, как именно происходит управление: распознавание движений, голосовые команды или что-то еще?
В данном случае управление происходит путём оказания физического воздействия на лошадь. Натягивая поводья (вожжи) и поворачивая голову лошади в одну из сторон (лево/право), извозчик (всадник) указывает лошади направление, в котором нужно повернуть и двигаться. Для остановки лошади поводья натягивают на себя с обеих сторон.
UX в этом случае напрямую зависит от обученности коня и его нрава.

Комментарий frusia.pro:

А, тоесть вы имели ввиду обычные вожи. Из первого комментария это было не совсем понятно. Теперь – все ок, задание выполнено правильно.

Даня · 19 сентября 2020 16:36  
Домашнее задание к первому уроку

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

Wi-Fi роутер

UX:
- Разделенные на цвета выходы для разного типа проводов
-Гибкие антенны
-Маленькая кнопка ребут (что исключает случайные нажатия)
-Световые индикаторы вкл/выкл на отдельной секции
UI:
-Логотип, пластик, белый/черный цвет, декоративные волны на панели (ха может буквальная метафора волн), вся техническая инфа и детали спрятаны внизу

Микроволновка
Ux:
-Тумблеры с отметками (самое основное - четыре типа мощности и три типа разморозки), и с временем (от 1 минуты до 35 с интервалом между ними в пять-десять минут)
-Громкий звуковой сигнал окончания готовки и свет во время приготовления пищи в окошке
-Ручка встроена в верх дверцы, она с изгибами повторяющими форму пальцев
UI:
-Лого, зеленый цвет (экологичность, чистота, природа?) и белый, почти ничего декоративного нет

Отдельный интерфейс:
Приложение на телефоне которое пассивно при использовании телефона считывает мимику, анализирует её и в соответствии с ней вечером выдает подборку рекомендаций как улучшить, упростить, отпустить, изменить свое состояние.

Комментарий frusia.pro:

Задание 1.

Кухонная электроплита. Все правильно, замечаний нет.

Wi-Fi роутер. Правильно.

Микроволновка. Правильно.

Задание 3.

Как я поняла, это интерфейс для распознавания мимики. Засчитывается.

У вас хорошо получается, жду решение для второго задания (усложненного) этого урока

Artem · 23 сентября 2020 03:52  
К 15 сентября 2020 20:10
По использованию трёх желаний назвал бы, жёстко так и прямо : Чайник!(Золотой чайник).

Комментарий frusia.pro:

Чайник так чайник, засчитывается, переходите к следующим урокам.

Маргарита · 19 октября 2020 13:59  
Домашнее задание к 1му уроку.

1.Электрический чайник
UI-металический корпус, работает от розетки, подставка , кнопка для включения и выключения.
UX- кипятит воду, объём 1,5 литра что бы человек иог сам выбрать сколько конкретно воды ему нужно закипятить, так как чайник дешевый он протекает при наливание воды , не герметично сделали, скорее ui проблема.
2.Нож
Ui- деревo и сталь, коричневый цвет
UX- режет предметы , острый.

3. Интерфейс лампы
При одном нажатии на стойку с лампой включается свет, при последующих он ярче и ярче , что-бы отключить нужно дотронуться 2 раза подряд.

Комментарий frusia.pro:

Задание 1.

Электрический чайник. Кнопка для включения и выключения и то, что чайник работает от розетки – это UX. А по поводу протекания чайника, то это уже проблема качества производства, к дизайну не имеет отношения. Но если бы была защита от протечки, то это уже UX. Не хватает разбора еще двух вещей в этом задании, пожалуйста дополните, когда будет время. Попрактиковаться не помешает.

Задание 2.

Нож. Было бы хорошо написать в UX-части по поводу ручки. Почему выбран именно такой размер и форма (подсказка – под форму руки, для удобства).

Задание 3.

Интерфейс лампы. Вы описали, пожалуй, простейший из возможных интерфейсов с обратной связью. Кнопка принимает входящий сигнал, а лампочка выводит исходящий. Замечательный пример. Я бы назвала его кнопочным.

Жду дополнение к первому заданию и домашки следующих уроков. Продолжайте

Ost · 23 октября 2020 11:17  
Ui Ux

Вытяжка
Ui форма, фирменный логотип
цвет черный в строгом стиле

Ux кнопки для регуляции мощности, свет чтобы было лучше видно в темноте
Выполнена маленькой формы для того чтобы не мешало.

Термос
Uі выполнено в сером цвете, логотип
Ux объем 0.5, держит температуру до 9 часов, крышка выполняет роль кружки. Кнопки для открытия.


Планнер
Ux переплет твердый, количество листов 400. Есть закладка.
ui черный в строгом стиле логотиплоготипй

Зубная щетка для обуви
Ui длина, цвет ручки и версинок
Ui количество версинок материал.

Разблокировка телефона с помощью face Id ( не надо вводить пароль вручную, и меньше обмануть ИИ с пальцем)

Комментарий frusia.pro:

Задание 1.

Вытяжка. Вы правильно распределили UX и UI составляющие, но к UX забыли добавить самое важное – это механизм, который обеспечивает тягу и форма, которая становиться более узкой к верху.

Термос. Тут тоже верно, но та же ошибка – не упомянули конструкцию/материл, который позволяет термосу сохранять температуру жидкости.

Планер. Все правильно, я бы пожалуй еще добавила формат (размер), удобный для письма и ношения в сумке.

Задание 2.

Зубная щётка для обуви. Так щетка все-таки зубная или для обуви?)

Задание 3.

Разблокировка телефона с помощью face Id. Правильно. Но вы написали название уже реализованой функции. Наверное лучше назвать это более общим термином, например распознавание лица.

Анастасия · 24 октября 2020 15:12  
1 задание
1) телефон:
UI:
материал и цвета - пластик + стекло, черный цвет
стиль надписей и иконок - фирменный логотип плоский, шрифт без засечек
UX:
3 сенсорные кнопки расположены под экраном для удобства управления одной рукой. Также наличие кнопок громкости и кнопка блокировки экрана с правой стороны корпуса. Наличие передней камеры в верхней части по центру и камера на задней крышки корпуса, расположен с левой стороны в верхней части крышки. Наличие отпечатка пальца, расположен на задней крышке в верхней части по центру, для удобства разблокировки экрана одной рукой.

2) электронная книга:
UI:
материал и цвет - пластик + стекло, белый цвет на лицевой части и черный цвет на задней крышке
стиль надписей - плоский, шрифт без засечек
UX:
наличие механических кнопок
2 кнопки прямоугольной формы для перелистывания страниц, 1 круглая - открытие меню и подтверждение действия, 4 кнопки в виде одного "кольца" - перемещение по меню и перелистывание страниц.

3) холодильник
UI:
материал и цвета - пластик, белый цвет
шрифт без засечек
UX:
ручка для открытия холодильной камеры расположена на нижней части дверцы, ручка для открытия морозильной камеры расположена в верхней части дверцы холодильной камеры. При открытии холодильной камеры автоматическое включение лампочка внутри холодильника.

2 задание
Многоразовая бутылка
UI:
материал и цвет - пластик, синий цвет корпуса, черная крышка, белый цвет на надписи.
стиль иконок - шрифт без засечек, плоская
UX:
цилиндрическая форма бутылки слегка заужена к низу, для удобства держания в руке. Крышка состоит из 2-х частей: широкая часть накручивается на корпус бутылки, поменьше крышка расположена сбоку на верхней части широкой крышки, необходима для удобства питья.

3 задание
Пример: шлем виртуальной реальности

Комментарий frusia.pro:

Задание 1.

Телефон. Вы правильно респределили UX и UI, но не описали основные моменты телефона: процесор, оперативная память, сенсорный экран. Именно это позволяет нам пользоваться ним без проблем.

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

Холодильник. Тут вы тоже почему-то не упомянули несколько важный UX-аспектов: величина холодильника и наличие в нем секций и полок, позволяющих удобно распределить продукты. Сам охлаждающий механизм и возможность регулировок температуры.

Задание 2.

Многоразовая бутылка. Тут всё верно!

Задание 3.

Шлем виртуальной реальности.Тут тоже правильно.

Irisa · 4 ноября 2020 17:05  
ДЗ #1
1. Электрочайник:
UI - материал корпуса, цвет, выполнен в современном стиле, световой индикатор, окошко уровня воды
UX - кнопка включения и выключения чайника сбоку корпуса, кнопка открытия крышки для удобства залива воды, индикатор для отображения включен ли чайник.
2. Фен для волос:
UI - материал и цвет корпуса, стиль, дизайн ручки
UX - кнопка вкл/выкл, регулятор температуры, регулятор режима обдува, длинный шнур для включения фена в электросеть
3. Блютуз наушники:
UI - материал корпуса, цвет корпуса, наличие световых индикаторов, наличие уплотнительной резинки
UX - кнопка вкл/выкл, кнопки управления (звук, смена трека, ответ на звонок), световые индикаторы отображают статус подключения и уровень заряда
4. Входная дверь:
UI - материал дверного полотна, его размер, наличие дверной ручки, украшения или надписи, есть стеклянные окошки
UX - полупрозрачное стекло для определения ситуации за дверью ( например, включен ли свет),дверная ручка для открывания двери, дверные петли для удержания двери в проёме, а также дляиудобства её открытия.
Вид интерфейса - голограмма. Вывод информации в воздушном окне, ввод можно осуществлять голосом илиуправление жестами в воздухе (как по сенсорному экрану)

Комментарий frusia.pro:

Задание 1.

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

Фен для волос. Всё правильно распределено.

Блютуз-наушники.Всё верно.

Задание 2.

Входная дверь. Тут верно, при условии, что вы описали дверь без замка. Не внешнюю, а именно внутри дома.

Задание 3.

Голограма. Выполнили правильно, молодец!

Кристина · 8 ноября 2020 15:11  
Здравствуйте) ответ на 1 урок

1. Терминал
UI: материал - пластик, кнопки прорезиненные для тактильного удобства, цвет корпуса черный, надписи на кнопочках белые, что бы хорошо было видно текст, акцентными цветами выделены дополнительные кнопки отмена (красный), пропуск (желтый), ок (зелёный). Присутствует ч/б экран, в включенном состоянии мигает зелёный индикатор
UX: кнопки дополнительно подсвечиваются для использования в темноте, установленный экран, на котором отображаются все данные. Цифры от 0 до 9, так как с этих цифр можно составить любые числа. Также предусмотрены кнопки отмены, пропуска, одобрения и стрелки управления функциями. Терминал подключается к сети с помощью шнура, отверстие для крепления присутствует на задней стороне крышки.

Чайник
UI: пластик, белый
UX: кнопка сама выключается после того как вода нагреется, есть крышка для набора воды и носик для ее слива. Внутри основы есть нагревательный элемент. Чайник подключается к сети с помощью шнура.

Горошок для вазона
UI: пластик (для большей долговечности), черный
UX: присутствуют отверстия на дне для того что бы стекала лишняя вода

2. Канистра
UI: материал пластик, цвет красный, крышечка белая
UX: материал пластик,так как не пропускает воду, а канистра является ёмкостью для жидкостей. Присутствует округлая ручка, что бы удобно переносить. Под ручкой выемка, так как ручка находится на одной высоте с верхней плоскостью канистры.

3. Интерфейс кольца и браслета, который способен распознать жесты пальцами. Кольцо на большом пальце излучает звуковые импульсы, которые проходит к браслету с микрофоном.

Комментарий frusia.pro:

Задание 1.

Терминал. Все правильно.

Чайник. Задание выполнено верно. К UX-части можно было бы еще упомянуть про окошко, в котором видно уровень воды.

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

Задание 2.

Канистра. Все верно, молодец.

Задание 3.

Интерфейс кольца и браслета. Распишите пожалуйста подробнее об этом устройстве и приведите пример работы.

Даниил · 8 ноября 2020 20:13  
1. Ноутбук:
UI - Выполнен из пластика и матовая поверхность при которой не заметны отпечатки и небольшие царапины
UX - Кнопка пуска расположена в левой части ноутбука, тем самым делает удобным в пользовании.
Имеется 3 USB порта и два порта под наушники.
1.1 Наушники Airpods
UI - Выполнены в беспроводном варианте из пластика имеет металлическая окантовку внизу, придающая образу дополнительный шарм.
UX - Проигрывается через Bluetooth модуль с проигрыванием анимации включения на айфоне. Имеет беспроводную зарядку в виде чехла.
Гантели(разборная)
UI - Сама гантель выполнена из металлической конструкции, с удобной ручкой для хвата
UX - Имеется возможность разбора гантели и расположение ее в любом для себя в удобном месте, по возможности добавлять до 6 дисков на одну гантелю, регулировать тяжесть гантели.
2. Расческа.
UI - Выполнена в пластиковом варианте с мягкой ручкой, небольшого размера
UX - Пригодится как для расчесывания волос, так и для расчесывание домашних питомцев. Имеется возможность регулировать пластиковую часть на которой расположены зубчики расчески

3. Проведение рукой над смартфоном во время воспроизведения будильника для того, чтобы выключить его, не косаясь самого смартфона


Комментарий frusia.pro:

Задание 1.

Ноутбук.. Вы написали правильно, но сконцентрировались на незначительных деталях. И хотя кнопка включения и наличие портов важно, но стоило бы обратить внимание на автономность ноутбука (наличие аккумулятора) и мобильность (механизм складывания, компактность).

Наушники Airpods.. Беспроводное исполнение относится к UX, а не UI. И анимацию я бы отнесла к UI. В остальном правильно.

Гантели (разборные).. Отличный пример. Все правильно расписали, но удобство ручки для хвата – это скорее к UX части.

Задание 2.

Расческа. Поясните, что можно регулировать в пластиковой части. Не поняла этот момент.

Задание 3.

Вы имеете ввиду жестовый интерфейс?

Марина · 26 декабря 2020 00:13  
Домашнее задание к 1-му уроку
Задание 1.
1) Пылесос
UI - приятный матовый пластик;
приятная расцветка
UX - колба вместо мешочка для более легкого доступа к мусору;
большой выбор насадок для разных видов поверхностей;
легкий пластик для легкого перемещения устройства;
возможность выдвигать трубу, что позволяет не так сильно напрягать спину.
2) Увлажнитель воздуха
UI - необычная форма, которая может привлечь внимание;
белый цвет может вписаться практически в любой интерьер и на нем практически не видно отпечатков и пыли;
приятный пластик
UX - колесико мощности позволяет регулировать интенсивность увлажнения;
индикатор наличия воды в устройстве;
отсек для масел, расширяет функционал увлажнителя позволяя использовать его как аромадиффузор;
регулируемое сопло позволяет установить направление пара.
3) Индукционная варочная поверхность
UI - стеклокерамика выглядит достаточно аккуратно;
белый цвет позволяет скрыть мелкие царапины и отпечатки;
UX - качелька регулировки мощности позволяет быстро выбрать необходимый уровень мощности;
кнопка объединения двух конфорок позволяет увеличить размер варочной поверхности;
таймер позволяет отвлечься от плиты не боясь забыть о блюде;
функция автоматического отключения при попадании жидкости на поверхность, позволяет расслабиться если все же забыли о таймере;
Задание 2.
Антибактериальный гель
UI - яркий цвет жидкости и приятный аромат - отличная альтернатива прозрачным и неприятно пахнущим спиртовым антисептикам;
UX - маленькая упаковка позволяет носить его даже в кармане;
жесткий пластик не позволит слишком сжать упаковку и пролить жидкость;
также от этого убережет надежная защелка;
Задание 3.
Интерфейс позволяющий вводить текст морганием (на основе азбуки Морзе)


Комментарий frusia.pro:

Задание 1.

Пылесос. Вы подметили важные детали, которые влияют на удобство использования – все правильно.

Увлажнитель воздуха. Отлично!

Индукционная варочная поверхность. Все правильно.

Задание 2.

Антибактериальный гель. Все правильно. Вы очень кстати подметили в UI-части, про приятный аромат, ведь это тоже можно отнести сюда.

Задание 3.

Отличный пример.

У вас хорошо получается!

Акылжан · 10 января 2021 19:48  
1. Мобильный телефон
UI: Материал - стекло спереди и стекло сзади, а по бокам – металл. Стиль – современный с округленными концами. Цвет – черный. Камера находится в правом верхнем углу самого экрана.
UX: сенсорный экран для написание текста, навигации и использования устройства. Две кнопки громкости (громче и тише), а также кнопка вызова виртуального помощника находятся на левом боку ближе к верху, на правой стороне ближе к верху находится кнопка блокировки, которая является и включателем/выключателем устройства. Сверху находится отсек для SIM-карты с отверстием для ключа, который открывает отсек. Сзади сверху выпирающие 3 камеры и вспышка, но держать телефон все равно удобно, потому что по середине и снизу гладкая поверхность.
2. Кружка.
UI: Материал – фосфор. Цвет – белый. Стиль – современный с круглым дном.
UX: Всплошная кружка, но с уменьшением радиуса кружки от верха к низу, чтобы было удобно держать. Нет ручек. Дно чуть приподнято, создавая кольцо, на котором стоит стакан. В самом верху кружки радиус значительно увеличен, чтобы не проливалась жидкость, и было удобно пить.
3. Бесконтактная жестикуляция. Устройство видит при помощи камеры определенные жесты или их комбинацию, а после выполняет их функцию. Так же так можно было бы печатать на невидимой клавиатуре.

Комментарий frusia.pro:

Задание 1.

Мобильный телефон. Правильно. Но расположение камеры я бы отнесла к UX-части.

Задание 2.

Кружка. В целом правильно, но вы явно перепутали фарфор с фосфором (последний является легковоспламеняемым веществом)

Задание 3.

Отлично, с бесконтактной клавиатурой хороший пример.

Продолжайте обучение.

amart · 11 января 2021 01:28  
Здравствуйте, спасибо за познавательную информацию
Домашнее задание :
1.Стиральная машина
UI:
- сделана с метала та пластика
- белый цвет
-фирменный логотип
UX:
-сенсорный дисплей для включения
-сверху находится лоток для стирального порошка
-кнопка для регуляции режима
-барабан для самой стирки
-сливной шланг, для выкачивания воды

Графический планшет
UI:
-пластик
-темно-синий цвет
-фирменная надпись, плоская , шрифт без засечек
UX:
-дисплей
-USB кабель для подключения
-стилус, как инструмент взаимодействия
-кнопка для включения планшета
- присутствует сенсорная строка для регуляции размера изображения
- точечная сетка, благодаря которой все действия выводятся на экран
-предусмотрены кнопки отмена, ластик.

Утюг
UI:
-сделан с метала и пластиковых вставок
-имеет синий комбинирующий с черным цвет
-надпись плоская
UX:
-присутствует ручка для держания предмета
-кнопка для разбрызгивания воды и резервуар для неё
-регулятор пара
-подошва с каналами для выхода пара
- колесо для переключения режимов
-присутствует автоматика отключения

2.
Ручка
UI:
-пластик , кончик стержня металлический, тонкий
- синие чернила, корпус синий с белым
UX:
-корпус, в котором откручивается наконечник, для нового заряда
-заряд с чернилами для письма
- колпачок для закрывания стержня

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


Комментарий frusia.pro: Здравствуйте, пожалуйста

Задание 1.

Стиральная машина. Правильно, молодец.

Графический планшет. Правильно.

Утюг. Правильно.

Задание 2.

Ручка. Правильно.

Задания 1–2 сделаны правильно, но можно капнуть глубже и подумать почему предметы имеют именно такую форму и размер. Например, планшет плоский, потому что на нем удобно писать и взаимодействовать пальцем. Еще пример: ручка продолговата и ее толщина подобраны так, чтобы ее было удобно держать в руке.

Задание 3.

Вы описали нейроинтерфейс, о котором говорится в этом уроке . Жду от вас еще пример.

Марья · 21 января 2021 14:17  
Добрый день! Спасибо за полезную информацию.
ДОМАШНЕЕ ЗАДАНИЕ №1
1. Бутылка для воды.
UI: Материал – пластик, цвет – прозрачный, материал этикетки – полиэтилен, цвет этикетки – разноцветный. Стиль надписей – шрифт без засечек, обычный шрифт, полужирный шрифт. Материал крышки – пластик, цвет крышки – зеленый. Объём – 1,5 л.
UX: Бутылка имеет сужение посередине и неровности для того, что бы удобнее было держать её в руке и переносить. На этикетке должно быть достаточно информации для потребителя. Шрифты и цвета надписей разные и на двух языках. Горлышко достаточно узкое и достаточно широко для удобства питья и быть обязательно сверху. Текст на этикетке не должен быть слишком большим, чтобы не перенагружать интерфейс, но и не слишком маленьким, чтобы даже люди с плохим зрением могли видеть наиболее необходимые надписи типа название производителя, тип жидкости внутри и объём бутылки.

2. Горшок для комнатных растений.
UI: Материал – керамика, цвет – коричневый, стиль – этно, объём – 1 л.
UX: Как будет производиться полив растений? Через верх. Если внизу горшка будут отверстия для отхода ненужной воды, тогда будет нужен поддон, чтобы вода была в нём, также он сможет использоваться для полива растений.

3. Наручные часы.
UI: Материал корпуса – сталь, стиль – классический, тип механизма – кварцевые, цвет – серебряный, форма корпуса – круглые, тип ремешка – браслет. Наличие надписи без засечек – название фирмы. Диаметр корпуса – 44 мм. Кнопка справа нужна для корректировки времени.
UX: Для кого эти часы? Для мужчин. Часы будут продаваться в дорогом сегменте, а это значит, что они должны быть водоустойчивыми. У людей разный диаметр обхвата рук, следовательно браслет должен подходить каждому пользователю и регулироваться. Циферблат и стрелки должны быть хорошо видимыми и различаться.

Комментарий frusia.pro: Добрый день, пожалуйста!

Задание 1.

Бутылка для воды. Правильно, но назвать этикетку интерфейсом сложно. Шрифты и цвета надписей нужно отнести к UI, а не к UX.

Горшок для комнатных растений. Правильно, но объем горшака скорее к UX, так как он влияет на то, какие растения мы можем посадить.

Наручные часы. В целом правильно, вы задаете хорошие вопросы, чтобы докопаться до сути. Небольшое замечание: диаметр корпуса и кнопка для корректировки следует отнести к UX-части.

Жду ответы для второго и третьего заданий.

Лариса · 22 января 2021 21:36  
1.1 Холодильник. UI холодильника это цвет (белый), материал (сталь), стиль (какой-то современны). UX холодильника это полки для разных типов продуктов (для овощей, яиц и т.д) размер и расположение ручек (встроенные в холодильник), возможность устанавливать температуру с помощью крутящегося колесика, автоматическое включение света при открывание дверцы, размеры холодильника.
1.2 Кофемашина. UI кофемашины это цвет(черный), материал (платик+алюминий), форма кнопок (круглая), стиль, надписи (гротеск), черно-белый ЖК дисплей. UX кофемашины это возможность регулировать высоту кружки, размеры, индикатор который показывает, что нет воды или еще о каких-то неисправностях, наличие дисплея с сенсорными кнопками, наличие 2-х трубочек для подачи кофе, наличие взбивалки для молока.
1.3 Смартфон. UI смартфона это цвет, материал, UI программного обеспечения (формы иконок, цвет темы, стиль иконок) UX смартфона где располагаются кнопки блокировки, увеличения звука и т.д., наличие или отсутствие камеры и с какой она стороны, UX программного обеспечения (например расположение иконок, наличие/отсутствие различных жестов, можно ли управлять смартфоном голосом)
2. Стол. UI стола материал (дерево), цвет (черный), стиль (баухаус) UX стола форма (например на полукруглом немного боком), как расположены ножки (можно ли вытянуть ноги), высота стола (для детей или для высоких или низких)
3. Кнопочный интерфейс, как например на руле в машине

Комментарий frusia.pro:

Задание 1.

Холодильник. Все правильно.

Кофемашина. Отлично.

Смартфон. Очень хорошо, не подкопаться.

Задание 2.

Стол. Все правильно.

Задание 3.

Отличный пример, который еще никто не присылал.

Вы молодец! Отлично справились, пожалуйста продолжайте

Дарья · 26 января 2021 19:25  
1. Настольная лампа с прищепкой
UI:
Материалы и цвета: металл и пластик, красный, серебро, черный и белый
Стиль: современный, подойдет к минималистичному интерьеру
UX:
Прищепка, которая позволяет прикреплять лампу к различным поверхностям.
Длинная и гибкая подставка для лампы, которая позволяет направлять свет в разных направлениях для удобства пользователей.
Защитное стекло белого цвета, которое не пропускает агрессивные лучи света, но тем не менее достаточно хорошо освещает помещение.
Длинный провод для подключения к питанию.
Кнопка для включения и выключения лампы.

2. Игрушка альпака
UI:
Материалы и цвета: Какая-то ткань и пряжа розового и белого цвета, нитки светло-коричневого цвета, черные глаза. Тело выполнено в розовых оттенках, лапы - в белых.
UX:
Четыре лапы, на которых альпака может стоять.
3D-форма, что позволяет класть альпаку в разные стороны (даже на голову).
Веревка в верхней части животного, которая позволяет вешать игрушку на предметы с выступами.

3. Вид интерфейса:
Интерфейс для глухонемых людей, т.е. считывание жестов человека для написания запросов в поиске или сообщений.

Комментарий frusia.pro:

Задание 1.

Настольная лампа с прищепкой. Правильно. Жду еще два примера.

Задание 2.

Игрушка альпака. Не поняла, что имеется ввиду под 3d-формой, но в целом правильно.

Задание 3.

Похоже, что вы описали жестовый интерфейс, который описан в уроке. Не засчитывается. Пожалуйста подумайте над другим ответом.

Жду исправления и дополнения по этой домашке

Ирина · 10 февраля 2021 15:29  
Задание1.
Ежедневник
UI
- Темно-фиолетовый цвет, без какого либо дополнительного декора
- Стиль - минимализм
- Разметка листов - полоска
- Материал обложки - кожа
- Материал закладки - шелк
UX
- Качество бумаги плотное - позволяет использовать маркеры, гелевые ручки и т.д и не бояться, что страницы испортятся и станут нечитабельными.
- Прошивка нитками - не создается неудобств при написании, как это бывает с пружинными блокнотами.
- Наличие закладки - возможность быстро открыть нужную страницу
- Структура самого ежедневника: есть календарь, блок для кратких заметок о важных событиях по месяцам и блок для ежедневных записей.
- Кол-во страниц - 128
- Плотная обложка - блокнот не деформируется.

Витамины
UI
- Крышка - золотой металл
- Этикетка - глянцевая бумага, золотого цвета
- Шрифты - простые, крупные, черного цвета
- Логотип - на крышке и этикетке.
- Цвет витамин - желтый.
UX
- Материал тары - стекло темного цвета - защищает от проникновения солнечных лучей, экологично, но дает лишний вес. Если банка упадет на пол - небезопасно, т.к. останется много осколков.
- Крышка баночки - откручивается.
- Большой объем - неудобно держать одной рукой, может выскользнуть.
- Инструкция и состав отображены на этикетке - не нужны дополнительные бумажки, сразу можно ознакомиться с препаратом.
- Срок хранения - отпечатан сразу на стекле рядом с горлышком - опять же, можно не переживать, что потеряли упаковку и забыли дату.
- Крупная форма таблетки - может причинять дискомфорт при глотании.
- Отсутствие запахов у медикамента.

Задание 2
UI
- Оранжевый цвет с белыми переходами
UX
- Размер - длинная ручка позволяет использовать лопатку для узких, глубоких емкостей.
- Материал - силикон. Не расплавится, если оставить на нагретой поверхности, хорошо собирает остатки пищи из других емкостей (кремы, конфи и т.д.)
- Литая ручка с самой лопаткой - дополнительная защита от преждевременных поломок, в отличие от конкурентов, где лопатка приклеивается на стержень ручки.
- Отверстие у основания ручки - можно повесить на кухонный крючок.

Задание 3
Возможно, не попала, но звуковой интерфейс?
Когда лампы, выключатели реагируют на количество хлопков в помещении.

Спасибо за Ваш труд!
Очень доступная, а главное - интересная! - подача материала.
Пожалуйста, не забрасывайте труд, будем ждать полного цикла)

Комментарий frusia.pro:

Задание 1.

Ежедневник. Все верно! Молодец.

Витамины. Очень подробно и правильно описали характеристики.

Задание 2.

Лопатка. Вы не указали название вещи, но из текста можно догадаться, что это лопатка. Все правильно.

Задание 3.

Звуковой интерфейс. Вы попали , это правильный пример.

Хочу похвалить вас за интересный выбор предметов для задания. Таких ответов еще не было. Видно, что вам было интересно разобраться с UX и UI характеристиками вещей. Продолжайте в том же духе и отдельно спасибо за отзыв!

Настя · 12 февраля 2021 15:24  
Доброго времени суток) Спасибо
1-2 Задание.

Электрочайник.
UI - прозрачный, стеклянный корпус для быстрой оценки кол-ва воды в чайнике;
кнопки круглые (под размер подушечки пальца), резиновые для удобства нажатия влажными руками.
UX - объем чайника (1,5 литра), подходящий для семьи от 1 до 4 человек;
разметка в мл для определения точного объема воды;
цветная подсветка воды (для распознавания температуры в чайнике);
присутствие звукового сигнала при закипании/

Фен.
UI - цвет, стиль кнопок и форма предмета.
UX - помимо включения; регулятор температуры и мощности воздухопотока, наличие насадок для различных причесок.

Кружка.
UI - цвет, изображение на кружке, материал (влияет на скорость остывания напитка и вес предмета).
UX - форма кружки (влияет на скорость остывания напитка в ней), объем кружки, форма ручки (например, широкая - для удобства переноса наполненного предмета).

3 Задание.

Звуковой сигнал в варочной поверхности плиты, если в течении определенного времени не было проведено действий с регуляцией температуры или если конфорочная площадь не видит дополнительный вес в виде сковороды или кастрюли (тоже в течении определенного времени).

Комментарий frusia.pro:

Задание 1.

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

Фен. Все правильно.

Задание 2.

Кружка. Тут опять же "материал (влияет на скорость остывания напитка и вес предмета)" – если мы рассматриваем материал как НЕ визуальную характеристику, то это уже к UX. В остальном все правильно!

Задание 3.

Звуковой интерфейс (звуковой сигнал варочной поверхности). Хороший пример, отлично!

Продолжайте обучение!

Полина · 11 марта 2021 15:31  
Кружка
UI: материал - стекло; цвет - серый; по верху проведена перламутровая золотая линия;
UX:
- рука имеет вытянутую форму для удобного расположения в руке;
- объём кружки 200мл, что является стандартным размером. это удобно для тех людей, кто следит за калориями, либо отслеживает суточную норму воды;
- стенки средней толщины, это нужно для комфортного веса изделия.

Массажёр
UI: материал - пластик и металл, цвет - белый корпус и серые насадки; фирменный логотип;
UX:
- работает на батарейках - удобно носить с собой;
- кнопки переключения мощности расположены друг за другом, чтобы легко понять, где какая скорость;
- есть подсветка для массажирования в тёмноё время суток;
- компактный размер и вес, что удобно для массажирования своих частей тела;
- три вида насадок для разных ощущений.

Сумка для фотоаппарата
UI: материал - холщовая ткань, хлопок; цвет - серый с чёрными вставками.
UX:
- молния находится по всему периметру сумки, чтобы легко открыть с любой стороны;
- уплотнённые, мягкие стенки для безопасной переноски фототехники;
- ручка сверху, чтобы держать в руке;
- регулируемый ремешок с пряжкой, чтобы носить сумку на плече;
- три отделения внутри сумки для фотоаппарата и двух объёктивов;
- внешний карман для мелочи;
- дополнительный кармашек для дождивика для сумки, который идёт в комлекте.

Комментарий frusia.pro:

Задание 1.

Кружка. Все правильно!

Массажёр. Тоже все верно.

Задание 2.

Сумка для фотоаппарата. Отлично! Правильно выполнили.

Вы не до конца выполнили задание, так как не написали новый пример интерфейса (задание 3), которого еще нет в уроке. Если будет желание – жду от вас третье задание.

Ная · 11 марта 2021 18:11  
1.  Робот пылесос
UI: черный цвет модели, нейтральный цвет, легко вписывается в интерьер квартир, на пылесосе 2 кнопки: home и power. В зависимости от того подключен ли робот к сети или нет, подсветка кнопок меняется, желтый не подключен, белый работает. Мигание индикаторов обозначает, что ведется настройка.
Станция в черном цвете и у нее есть встроенный индикатор о том, включена она или нет.
При открытии крышки внутри есть надписи на китайском.

UX: В пылесос встроена голосовая обратная связь, которая уведомляет об окочнчании уборки, настройки и т.д.
Для того, чтобы настроить пылесос нужно зажать две кнопки, которые находятся на верхней части пылесоса, что не удобно для людей с двигательными дисфункциями. Пылесос круглый с небольшим баком для пыли, ориентирован для домашних помещений, форм фактор такого пылесоса обозначен тем, что обтекаемая форма легче маниврирует между мебель и не зацепляется углами. Хотя она не позволяет очищать такие места, как углы квартир.

Датчик CO2 воздуха

UI: Белая, небольшая коробка, цвет нейтральный на ней нарисованы абстрактные линии, которые необозначают ничего. Экран, на котором отображаются значения количества CO2 в воздухе, температуры и влажности, также нарисован логотип. Три индикатора рядом с экраном, красный, желтый и зеленый, ассоциации со светофором и обозначают то же самое. Для людей со слабым зрением удобно так как, не нужно всматриваться в цифры на экране.

UX: Небольшая коробка, вместительная, не занимает место на столе, но нет отвестий под крепления к стене
Есть голосовое оповещение, сообщает какой уровень CO2, питается через сеть, работает только при подключении к сети. Было бы неплохо, встроить аккамулятор, который можно было зарядить и не пользоваться батарейками.
У коробки есть ножки для стояния на столе, устойчивые, находятся под углом к зрителю.

2. Держатель для телефона деревянный (подставка из икеи)

UI: Выполена из дерева, ничем не покрыта, нейтральный цвет, сбоку гравировка лого, не вызывающая,
отполированное дерево без зацепок, углы скошены, пораница вряд ли получиться, вес не тяжелый, при падении не оставит следов на полу.

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

3. Есть интерфейсы, которые реагируют на состояние нашего организма, например, на беговой дорожке
наш пульс слишком велик и скорость уменьшается.

Комментарий frusia.pro:

Задание 1.

Робот пылесос. Все правильно. Кстати, не знаю насколько старую модель пылесоса вы описали, но в более новых моделях точно есть дополнительная крутящаяся щеточка, которая позволяет делать уборку по углам комнат.

Датчик CO2 воздуха. В целом верно, но есть небольшое замечание. Когда вы описываете удобство для человека, то это автоматически относиться к UX характеристикам (пример со светофором и плохим зрением).

Задание 2.

Держатель для телефона деревянный (подставка из икеи). Все верно.

Задание 3.

Измерение пульса на беговой дорожке. Неплохой пример, это можно охарктеризовать как датчик, который передает сигнал машине.

Coralline Jones · 15 апреля 2021 16:12  
хность двери гладкая , цвет орнаментов и ручки золотой .
UX- высотой в 2,5 м , чтобы человек вне зависимости от роста смог войти .

Комментарий frusia.pro:

Ответ.

Дверь. Ответ достаточно обрывочный, но правильный. К UX характеристикам важно также было бы дописать механизм, который позволяет открывать/закрывать дверь, удерживать ёё в разном положении и ручки, расположенные +- на уровне кистей рук.

P.S.. Чтобы считать это задание выполненым, вам нужно разобрать еще три вещи и описать новый вид интерфейса.

Eva · 15 апреля 2021 16:16  
1. Телевизор:
UI-выполнен из пластика и метала .
Состоит из экрана (кинескопа, жидкокристаллической или плазменной панели ) , кнопок настройки , шасси — платы, которая содержит основные электронные блоки телевизора (телетюнер, декодер с усилителем аудио- и видеосигналов и др.), корпуса с расположенными на нем разъемами .
Корпус телевизора состоит из пластика . Этот материал легкий и гибкий .
UX- экран передаёт изображение в Full hd , диагональ 53.34, высота 32,4 , ширина 22,6 , чтобы человек наслаждался произведённым изображение , расположение кнопок настройки находятся в нижнем правом углу на корпусе , чтобы они не мешали воспроизводить изображение .

2. Дверь:
UI- материал дерево , металлическая ручка. Дверь выполнена в царском стиле с орнаментной резьбой , основной цвет белый , поверхность двери гладкая , цвет орнаментов и ручки золотой .
UX- высотой в 2,5 м , чтобы человек вне зависимости от роста смог войти .
Расположение ручки двери находится в углу по центру , чтобы человек мог спокойно закрывать и открывать дверь.

3. Пишущий цветок - UI -длина , цвет стебля , бутон , лепестки .
UX- наличие чернил при нажатии рукой , материал стебля , лепестков и бутона показывают какого цвета чернила будут использоваться .
Цвет чернил меняется в зависимости от уровня нажатия .

Комментарий frusia.pro:

Задание 1.

Телевизор. Все правильно.

Дверь. В целом верно, но есть небольшое замечание. Когда вы описываете стиль в UI характеристиках, то лучше все-таки использовать более понятные термины, чем "царский стиль". Я не знаю какую именно ручку описывали вы, но возможно сюда подойдет классицизм, барроко или ампир.

Задание 2.

Пишущий цветок. Все верно.

Если будет желание, дополните ответ, описав новый вид интерфейса.

Александр · 20 апреля 2021 14:34  
Здравствуйте, это не выполнение ДЗ, а вопрос. В статье указано следующее:

Лицевая панель включает несколько элементов, которые мы можем настраивать в зависимости от наших потребностей:

Дверька с окном и ручкой для открытия — открывает доступ к контейнеру для еды и является индикатором (когда идет разогрев мы видим свет);
Ручка мощности — задает, с какой силой разогревать содержимое;
Ручка таймера — задает, как долго проводить разогрев. Кроме того, как только мы выставляем время, так сразу начинается процесс приготовления. То есть эта ручка еще и служит включателем.

Почему все вышеперечисленное является элементами пользовательского интерфейса?

Судя по комментариям пользователей, где они указывают в качестве примера мобильный телефон, стиральную машину, микроволновую печь и тд. кнопки и прочие элементы, позволяющие выполнить ту или иную функцию относятся к UX.

Та же дверка с окошком в микроволновой печи позволяет нам видеть процесс приготовления продукта, что по идее должно относится к UX. Или в данном случае именно окошко является UX?
Поясните пожалуйста. Спасибо.

Комментарий frusia.pro: Добрый день! Давайте разбираться.

Лицевая панель микроволновой печи – это интерфейс. Интерфейс состоит из элементов пользовательского интерфейса, а именно: ручки, дверьки, кнопки, индикаторы. Условно каждый элемент интерфейса и весь интерфейс в целом можно рассматривать с двух сторон:

  • UI – это как интерфейс выглядит, его стилистика, визуальное восприятие;
  • UX – как с интерфейсом работает пользователь, насколько это удобно и эффективно, какой опыт взаимодействия он получает.

Другими словами UI и элементы пользовательского интерфейса – это не одно и тоже. Также в зависимости от контекста UI может принимать разное значение. Рассмотрение интерфейса с точки зрения UI и UX – условное.

Татевик · 6 мая 2021 18:44  
Первое домашнее задание )
1.Кисть для рисования акварелью
UI -> деревянная ручка и металлическая прищепка на самом верху, форма волоса круглая , с крупным основанием и сужающиеся к кончику,
UX -> кисть удерживает большое количество краски, давая художнику возможности и для создания больших областей цвета, и для работы над мелкими деталями.
2.Бокал
UI -> тонкое стекло , верх сужается
UX ->засчёт своей формы позволяет раскрыть аромат вина
3.нашники airpods
UI -> минималистический дизайн ,белый цвет , удобный размер ,чтобы везде помещялся
UX -> позволяет слушать музыку ,все зависимости от расположения телефона ,одно кнопка для легкости использования, беспроводные наушники, переключение песни 2мя касания , остановление песни 3мя касания

Комментарий frusia.pro:

Задание 1.

Кисть для рисования акварелью. Все правильно.

Датчик CO2 воздуха. В целом верно, но есть небольшое замечание. Когда вы описываете удобство для человека, то это автоматически относиться к UX характеристикам (пример со светофором и плохим зрением).

Задание 2.

Бокал. Вы подметили дополнительную UX характеристику, но не описали основную. Форма бокала прежде всего позволяет пить вино, удерживая бокал пальцами руки и ставить бокал на поверхность.

Задание 3.

Наушники Airpods. В нашем случае «удобный размер ,чтобы везде помещялся» – это все таки относится к UX (удобство). Остальное – правильно.

Татевик · 6 мая 2021 18:51  
Задание придумать новый интерфейс : индикатор по открыванию дверей без ключей с помощью отвечатка пальца
UI -> дверь из высококачестнный материалов , на выбор клиента, металлическая ручка, сенсорная панель , для прикладывания пальца
UX -> дверь позволит избавиться от ношения ключей , а также позволит регистрировать всех проживающих в квартире людей , нет вариантов того что кто-то сможет зайти в квартиру ,кроме тез людей,у кого есть отпечатки в системе

Комментарий frusia.pro:

Индикатор по открыванию дверей без ключей с помощью отвечатка пальца. Все правильно, хороший пример.

Aika · 27 мая 2021 11:40  
ДЗ№1
Задание 1.
1) Контейнер для еды.
UI- цвета:белый,синий
материал:пластик
UX-крышка с защелкой,удобно хранить жидкое, не проливается
размер средний,глубокий,спокойно помещается в дамскую сумочку
свч пригоден для разогревания в микроволновой печи
2)тушь
UI цвет оранжевый,фиолетовый. марка maybelline. шрифт синего цвета ,текст шрифта неоднородный,цвет туши оттенок glam black.
UX крышка-защита от пересыхания.
водостойкость,форма щеточки-для создания объма и эффекта "бабочки",прокрашивает каждую ресничку,разделяя.
3) джинсы
UI цвет серый. марка- зара, стиль -мом.
UX материал дышащий,на лето. модель на высокой посадке-позволяет казаться выше (визуально, девушкам невысокого роста). свободный крой,удобный,не стесняет в движении. длина 7/8-отличная длина, еще один плюс
казаться выше для дюймовочек.
3. оптический интерфейс-фотохром на очки для зрения.
При выходе на улицу,либо в помещение при попадании световых,солнечных лучей происходит затемнение стекол,что обеспечивает солнцезащиту (очки два в одном).

Комментарий frusia.pro:

Задание 1.

Контейнер для еды. Все правильно.

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

Джинсы. Правильно. Интересно подметили детали кроя, одежду у нас по-моему еще никто не рассматривал. Молодец.

Задание 3.

Оптический интерфейс-фотохром на очки для зрения. Вы молодец, описали очень интересный прибор. Это кстати пример великолепного невидимого интерфейса из одноименной книги Голдена Кришны. Советую вам почитать!

Aika · 27 мая 2021 11:51  
2 Задание к предыдущему комментарию с ДЗ 1.
кухонный нож
UI цвет серый,черный. материал лезвия: сталь.-материал рукоятки: бакелит
UX острый отлично подходит для мяса. классная острота заточки. качество для долгого пользования.
Благодарю за подачу информации,очень интересно. Успехов вам.

Комментарий frusia.pro:

Задание 2.

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

Марьяна · 2 августа 2021 17:25  
1. 1) Холодильник
UI - белый цвет, железная ручка, логотип, стиль - ретро.
UX -дверца холодильника имеет мягкую пружину с левой стороны, чтобы закрытие было тихим. Ручка дверци находится с левой стороны, близко к открывающему краю и вверху - для удобного открытия. Имеет морозильную камеру для заморозки продуктов, а также полки и различные специальные отделения для удобного хранения различных продуктов.

2) Ноутбук
UI - логотип, серебристый цвет, материал - пластик, подсветка клавиатуры.
UX - прямоугольная форма для удобного пользования и переноса, тонкие рамки, удобное расположение кнопок и расстояние между ними, имеет петли для удобного раскрытия и экран определенного размера для комфортного пользования.

3) компьютерная мышь
UI - имеет 3 цвета - светло и темно серый, черный, материал - пластик, логотип (шрифт плоский, без засечек).
UX - форма изогнута таким образом, чтобы удобно ложилась в руку - выгнутая по бокам слева и справа, выпуклая снизу и сужается вверх, по центе вверху расположено колёсико, которое удобно крутить указательными пальцем. Также имеет удобное нажатие по бокам от колёсика (ЛКМ и ПКМ)

2. Ложка
UI - материал метал, имеет узоры на ручке
UX - имеет слегка выгнутую ручку, чтобы удобно держать и более выгнутую глубокую часть для набора житкости.

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

Комментарий frusia.pro:

Задание 1.

Холодильник. Все правильно.

Ноутбук. Все верно.

Компьютерная мышь. Правильно. Молодец.

Задание 2.

Ложка. Тоже правильно.

Задание 3.

Голографический интерфейс. Хороший пример, кстати это в то же время и жестовый интерфейс.

Машка) · 20 августа 2021 12:38  
ДЗ к первому уроку:
№1
1)Утюг:
UI фиолетовый цвет корпуса, черные вставки, логотип фирмы, бело-фиолетовая обтяжка провода. Материалы: пластик, металл, силикон.
UX Ручка для переноса и использования устройства;
Кнопка для подачи пара ;
Кнопка для впрыскивания воды;
Дырочки на нагревающей поверхности, емкость для воды - для подачи пара;
Индикатор температуры для выбора под разный материал ткани;
Поверхность (на утюге ) для установки его в вертикальное положение;
Провод для подачи тока в устройство;
Индикатор перегрева устройства.

2)Принтер:
UI серый цвет корпуса, логотип фирмы красного цвета, желтая наклейка в форме треугольника, напоминающая об опасности излучения. Материал: пластик.
UX Лоток для подачи бумаги;
Кнопка для осуществления печати;
Тумблер для включения/ выключения устройства;
Картридж - для подачи краски на бумагу;
Провод для подачи тока в устройство;

3)Кружка:
UI белый цвет, рисунок. Материал: керамика.
UX Удобная ручка для держания в руке;
Большой объем;
Гладкая край для удобства питья .

№2 Сковорода:
UI металлический цвет корпуса, черные вставки, логотип фирмы, Материалы: пластик, металл.
UX
Крышка для предотвращения разбрызгивания пищи;
Шкала температуры на крышке для удобства приготовления;
Ручка для переноса и использования устройства;
Толстое дно для большей теплоёмкости и увеличения скорости готовки;
Глубокая емкость для приготовления на большое количество человек ;
Специально отверстие на ручке чтобы можно было повесить сковороду для просушки;
Антипригарное покрытие чтобы не пригорала еда;

№3 Осуществление фото телефоном при распознавании камерой улыбки.

Комментарий frusia.pro:

Задание 1.

Утюг. Правильно.

Принтер. Все верно.

Кружка. Правильно.

Задание 2.

Сковорода. Тоже правильно. Вы молодец, и в первом и во втором задании отлично подмечаете детали!

Задание 3.

Автоматическое фото при улыбке. Как идея имеет право на жизнь, но думаю лучше подошла бы как функционал фотокамеры, чем смартфона. Так как камера используется исключительно для фото.

sona · 1 сентября 2021 17:44  

1 задание
1.1 ручной отпариватель
UI
> пастельные тона, универсально вписывается в разный интерьер;
> расположение бренда, для быстрой узнаваемости
> полосатый шнур в цветах бренда, для узнаваемости
UX
> длинная ручка, за которую удобно держаться долго;
> расположение кнопок, чтобы указательный и средний палец без усилия ложились на них
> легкость нажатия кнопок, чтобы рука не уставала
> отсутствие базы/вешалки, для бОльшей мобильности агрегата
> количество и диаметр отверстий для выхода пара, контролируют скорость и интенсивность подачи пара = выполнения глажки

1.2 увлажнитель воздуха
UI
> белый цвет, форма и материал
> цвет текста на дисплее
> управление круглыми кнопками в нижней части увлажнителя
> подсветка (думаю, это частично UI, частично UX, так как помогает пользователю определить где агрегат в темноте)
> кнопка вкл/выкл на пульте красная, остальные белые
UX
> расположение кнопок для управление по обеим сторонам дисплея
> возможность долива воды сверху (не нужно переносить увлажнитель)
> доп возможность управления пультом
> расположение круглых кнопок на пульте
> возможность отсоединить кабель подключения к сети (если нужно переносить агрегат, шнур на валяется и не нужно его заматывать)
> функция sleep (выключить через Х часов)

1.3 проводные наушники
UI
> цвет
UX
> длина провода
> форма самих наушников, чтобы не выпадали из ушей
> расположение кнопок управления + возможность регулировать громкость и переключать трек
> маркировка функций на кнопках управления (+ / - для громкости, например)
> маркировка правого и левого уха
> пипка для фиксации шнура

2 задание
2.1 бутылка для воды
UI
> черный цвет;
> расположение текста на бутылке;

UX
> материал (чтобы рука не скользила) / небольшой вес;
> ширина (чтобы удобно помещалась в руке);
> кнопка, при нажатии на которую, колпачок открывается;
> карабин, на котором удобно подвешивать бутылку на рюкзак

3. интерфейс
управление машиной посредством рулевой колонки

Комментарий frusia.pro:

Задание 1.

Ручной отпариватель. Все правильно.

Увлажнитель воздуха. Правильно. Вы хорошо подметили про подстветку.

Проводные наушники. Правильно.

Задание 2.

Бутылка для воды. Правильно, молодец.

Задание 3.

Управление машиной посредством рулевой колонки. Очень хороший пример! По сути это один из самых распространенных видов интерфейса в окружающем мире, не считая графических.

Продолжайте в том же духе!

Виктория · 9 сентября 2021 13:53  
Домашнее задание к 1 уроку.
1. Электрочайник Smeg
UI - нержавеющая сталь и пластик, мятный и серебряный цвета, стиль 50-60 годов, ретро, шрифт без засечек, объемный
UX - ручка создана таким образом, чтобы удобно было смотреть, сколько воды в чайнике, под ручкой находится смотровое окно с градуировкой: нанесены отметки от 0,5 до 1,5 литров, а также отметка Max на уровне 1,7 л. Для тех, кто привык считать «в чашках», нарисованы соответствующие пиктограммы (0,5 л = 2 чашки). На базе расположены элементы управления — две механические кнопки, рычажок (что выглядит очень нестандартно) и светодиодные индикаторы, назначение которых понятно сразу благодаря поясняющим иконкам.
2.Ipad 4
UI - металл и стекло, черный и серый цвета, логотип компании, иконка плоская
UX - дисплей Retina и с функцией Multi-Touch, которая позволяет пользователю самый быстрый способ закрыть приложения, перейти на главный экран, переключаться между приложениями. На корпусе устройства расположено четыре кнопки: кнопка «Home» ниже дисплея, кнопки изменения громкости, кнопка включения/отключения, а также переключатель. Модель данного ipad немного устарела, конечно, производители современных устройств в основном отказываются от кнопок в пользу большего дисплея.
3. Кондиционер
UI - глянцевый волнообразный пластик, белый цвет, стиль иконки плоский, шрифт без засечек.
UX - присутствует скрытый Led-дисплей, у которого можно, по желанию, отключить индикацию и звук. Управлять кондиционером можно с обычного пульта и мобильного приложения, которое позволяет вам удаленно включать или выключать устройство.
4. Бутылка воды "Моршинська" 1.5 л
UI - пластик, прозрачная, с рисунком, стиль иконки плоский, шрифт без засечек
UX - обновленная форма бутылки с зауженной срединой сделало ее более удобной для держания, а также ее легко скручивать для сортировки мусора.
5. Нейронный интерфейс передает команды прямо из мозга в компьютер, для этого в мозг вживляют электроды. Его применяют в медицине: так парализованный человек может общаться с окружающим миром.

Комментарий frusia.pro:

Задание 1.

Электрочайник Smeg. Всё правильно.

Ipad 4. Тоже верно, молодец.

Кондиционер. Правильно.

Задание 2.

Бутылка воды "Моршинська" 1.5 л. Правильно. Кстати именно в Моршинськой производитель еще сделал крышечку намного меньше и тоньше и она стала неудобно откручиваться, по сравнению с той, что была раньше. Это пример того, как был сделан выбор в сторону защиты окружающей среды, но при этом немного пожертвовали UX.

Задание 3.

Нейронный интерфейс, который передает команды из мозга в компьютер. Хороший пример. Похожий был описан в уроке, но вы уточнили именно медицинское направление.

Отлично! Продолжайте читать уроки и выполнять домашие задания!

Валерия · 6 октября 2021 14:50  
Домашнее задание по уроку №1.

1. Тостер:
UI - исполнение: металл, пластик, одна крутилка (с цифрами(не знаю как по другому ее назвать)), пластиковая кнопка сбоку.
Имеет цветовой индикатор, синего цвета.

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

2. Сковородка:
UI -исполнение: пластик, металл, камень
UX - сковородка имеет универсальный размер (не слишком большой и не слишком маленький), основание выполнено из металла, что бы сковородка разогревалась, внутренняя часть выполнена из камня, чтобы еда не пригорала.
Ручка выполнена из пластика, изогнута удобной линией, чтобы было удобно держать в руке.

3. Новый вид интерфейса - например, гаджет с помощью камеры распознает по лицу/глазам/рту состояние человека (перенапряжен, приболел(ощущение повышенной температуры), тоскует и тд) и выводит на экран совет, например, "Был произведен анализ Вашего состояния, возможно Вы сейчас слишком напряжены. Необходим отдых в течение 15 мин.)

Комментарий frusia.pro:

Задание 1.

Тостер. Всё правильно.

Задание 2.

Сковородка. Тоже верно.

Задание 3.

Гаджет, который с помощью камеры распознает по лицу/глазам/рту состояние человека. Хороший пример.

Уточню, что по первому заданию вы не совсем справились, так как описали только один предмет из трёх.

Олеся · 6 октября 2021 21:02  
ДЗ к 1 уроку!
1. Тетрадь по типу Американских Notebook.
UI дизайн:
Приятная на ощупь шершавая обложка
Обложка стилизована с помощью флэт изображений стикиеров
Обложка разноцветная и яркая
UX дизайн:
Вертикальные линии(поля) расположены с обеих сторон листа, так удобнее
На передней части обложки есть маленький "файлик" куда нужно поместить листок с информацией о владельце тетради

Беспроводные наушники
UI дизайн:
Белый кейс
Глянцевый кейс
Форма кейса с закруглёнными краями
UX дизайн:
На передней части кейса световой индикатор уровня зарядки
Порт зарядки снизу кейса, чтобы не быть на видном месте
По такой же причине информация о наушниках находится внутри кейса, а не снаружи

2. Подушка от дивана
UI дизайн:
Покрытие бархатное
Цвет бежевый, нейтральный
UX дизайн:
Молния расположена на нижней задней части подушки
Форма подушки снизу шире сверху уже

3. Звуковой интерфейс
Пример: два хлопка включают/выключают свет

Комментарий frusia.pro:

Задание 1.

Тетрадь по типу Американских Notebook. Всё правильно, но к UX также можно отнести важные характеристики, такие как плотность бумаги (которая позволяет писать на листе з двух сторон), цвет бумаги (чтобы глаза не уставали и был контраст с чернилами).

Беспроводные наушники. Всё правильно, но думаю что расположение порта для зарядки обусловлено не только эстетикой, но и удобством. Например позволяет удобно положить наушники, когда они заряжаются. Плюс все пользователи смартфонов/планшетов уже привыкли, что порт зарядки всегда находиться снизу. Поэтому большинство из них ожидает увидеть его там же на наушниках.

Вы почему-то описали только два предмета, а должны были три.

Задание 2.

Подушка от дивана.Жаль, но вы не расписали, что именно нам дают UX-характеристики. Молния наверяка позволяет удобно снимать верхний чехол для подушки, чтобы постирать или заменить его. А форма учитывает анатомию человеческого тела (узкая шея и более широкая голова).

Задание 3.

Звуковой интерфейс. Отлично, молодец!

Валерия · 11 октября 2021 16:41  
Дополнительно к заданию №1. (выше Вы указали, что не полностью описала по 1 пункту. от 6.10.2021).

2. Настольный светильник.
UI: выполнено из металла и пластика,.
UX: основание круглое, компактное, что не занимает много места на рабочем столе.
немного согнут вперед, из-за чего угол освещения больше, светильник не имеет стеклянной лампы, что более практично, так как не разобьется в случае, если упадет. вместо стеклянной лампы - пластик. Свет теплый, комфортный для глаз. Имеется провод приемлемой длины, не длинный чтобы путаться и не короткий, чтобы невозможно было бы достать до стола.

3. Компьютерная мышка.
UI - исполнена из пластика. имеет индикатор синего цвета.
UX - мышь черного цвета, имеет комфортные выемки для того, чтобы рука удобно лежала и ее не сводило.
По центру расположен колесик, состоит тоже из пластика, плавно передвигает курсор.
Индикатор синего цвета означает, что мышь сейчас включена.
Мышка не имеет провод, что делает ее более функциональной (легко перемещать/брать с собой), мышь на батарейках, что является как плюсом так и минусом, так как батарейки могут сесть в любой момент.

Комментарий frusia.pro:

Задание 1 (дополненное).

Настольный светильник. Всё правильно.

Компьютерная мышка. Вы отнесли черный цвет мышки к UX, но это ведь не отыгрывает никакой функциональной роли, а значит нужно было к UI. Остальное – супер!

Молодец, что доделали задание.

Диана · 28 октября 2021 15:16  
Домашнее задание к уроку №1
I.
1. Блендер для смузи стационарный
UI
стеклянная чаша;
материал корпуса: металл, пластик;
цвет: черный и стальной;
стиль надписей: шрифт без засечек.
UX
чаша из ударопрочного стекла, что позволяет не беспокоиться о безопасности, её удобно извлекать (достаточно провернуть чашу и готово);
крышка на чаше блендера имеет по центру удобную съёмную крышечку, что позволяет удобно снимать крышку
ручка мощности удобно расположена по центру корпуса, имеет 2 скорости, что облегчает взаимодействие с данным прибором, всё просто и понятно, выключается прокручивание ручки мощности до значения OFF;
2. Мультиварка, пароварка redmond
UI
цвет корпуса: черный, есть отдельные элементы стального цвета;
материал: металл, пластик;
покрытие чаши керамическое:
иконки на дисплее выполнены в одном стиле и имеют приемлемый размер;
стиль надписей: шрифт без засечек.
UX
элементы интерфейса: сенсорный экран (кнопка "старт и "OFF", выбор режима приготовления, температура, таймер и режим приготовления экспресс (ускоренный)) . Мне всё очень просто и понятно, это важно для пользователя;
удобная кнопка открытия, в самой крышке есть отверстия для выхода пара;
есть ручка переноска мультиварки;
съёмный шнур электропитания;
в комплекте: мерный стакан, черпак, плоская ложка, держатель для черпака/ложки, присутствует крепление данных предметов к мультиварке;
есть книга рецептов, очень много полезного и не приходится тратить время для поиска подходящих блюд
Громкий сигнал окончания приготовления;
возможность управления мультиваркой со смартфона.
3. Ноутбук
UI
материал корпуса пластик;
цвет корпуса: черный, в месте крепления крышки ноутбука и клавиатуры есть фирменная вставка красного цвета, с логотипом;
подсветка клавиш клавиатуры красного цвета, что выглядит очень стильно;
на корпусе присутствуют надписи, шрифт без засечек.
UX
сам ноутбук достаточно легкий, что очень удобно;
экран матовый, отсутствуют блики, что очень важно;
ход клавиш, а также расстояние между ними удобные;
снизу присутствует большое количество отверстий, предназначенных для забора холодного воздуха и четыре прорезиненные ножки для предотвращения скольжения ноутбука на поверхности стола;
конструкция корпуса продумана для мелочей. Так, в нижней части есть два отсека с быстрым доступом, что позволяет получить доступ к жесткому диску и оперативной памяти для их быстрой замены. Они фиксируются на защелках. Всё это даёт возможность с удовольствие взаимодействовать с данным устройством;
Удобно пользоваться тачпадом, палец не скользит, с чувствительностью также нет проблем, но мне привычнее пользоваться мышью.

II. Предмет: чашка
UI
Цвет белый
Материал керамика
Присутствуют цветные рисунки с надписями
Стиль надписей: шрифт без засечек, рукописный
UX
удобная ручка с большим пространством для пальцев;
благодаря керамическому покрытию кружка долго держит тепло;
кружку можно ставить в микроволновку.

III. Новый вид интерфейса- тактильные технологии при установке имплантов.
Тактильные технологии, применяемые в медицине, — это способ защитить пациента от врачебных ошибок, они обеспечивают "виртуальный" тренинг для неопытного персонала. Тактильные медицинские тренировочные системы с поражающей реалистичностью воспроизводят ощущение погружения иглы или перитонеоскопа и позволяют видеть результаты на экране, а заодно и слышать, как жалуется пациент, если что-то сделано неправильно. Такие приборы могут быть использованы для проведения стоматологических процедур и многого другого.

Комментарий frusia.pro:

Задание 1.

Блендер для смузи стационарный. Всё правильно.

Мультиварка, пароварка redmond. Тоже верно.

Ноутбук. Правильно.

Совет. Описывая предметы, старайтесь чтобы каждое умозаключение было основано на фактах. Пример плохого умозаключения о UX: "мне всё очень просто и понятно, это важно для пользователя". Пример хорошего: "прорезиненные ножки для предотвращения скольжения ноутбука на поверхности стола".

Задание 2.

Предмет: чашка. Все отлично!

Задание 3.

Тактильные технологии при установке имплантов. Пример – супер! Такого еще у нас никто не писал. Продолжайте дальше изучать уроки!

Hanna · 6 ноября 2021 14:52  
Добрый день! Спасибо за урок)
ДЗ
1) Саундбар JBL
UI
обтекаемая лаконичная форма, цвет графит - эти характеристики позволяют сделать предмет универсальным для любого интерьера.
Кнопки -имеют понятные иконки вкл/выкл, -+ (громкость), кнопка блюза.
Материал металл, пластик, силикон( кнопки).
Световой индикатор имеет 3 цвета:
Белый ( символизирует пробуждение)- включение;
Красный(предупреждает) - выключение;
Синий( англ. Blue) - в нашем случае означает включение блютуза(Bluetooth).

UX: отверстия сзади предмета( для того что бы была возможность спрятать лишние провода и не ограничивали возможность пользоваться кнопками) для флешки и порт для подключения к телевизору и сети, встроенный блютуз (для быстрого подключения к другим устройствам).
Решетка спереди - что бы пропускать звук.
Кнопки на верхней панели 4 шт ( для включения, регулировки громкости, включения блютуза) соответствуют размерам пальцев( для комфорта в использовании).
Световой индикатор на передней панели даёт обратную связь о проделанных действиях.

2)Горшок для цветка+подставка
UI
Горшок Внешний вид
Материал-глина
Форма -шестиугольная чаша
Цвет - белый с зелёной каймой
Подставка
глиняная, белая

UX
- объём 2 литра, позволяет вместить цветок среднего размера.
- Имеет отверстия на дне, через которые протекает лишняя вода.
- Имеет подставку под дно, сюда собирается лишняя вода и земля. Подставка позволяет сохранить чистым предмет на котором стоит горшок. Подставка имеет бортики, это позволяет сохранять содержимое.

3. Тактильный интерфейс (планшет Брайля)

Комментарий frusia.pro:

Задание 1.

Саундбар JBL. Все верно, но стоит подметить что цвет индикаторов можно отнести и к UX тоже. Жаль, вы разобрали только один предмет из первого задания, если будет желание – жду еще два.

Задание 2.

Горшок для цветка+подставка. Всё правильно.

Задание 3.

Тактильный интерфейс (планшет Брайля). Супер, молодец!

Продолжайте обучение!

Элеонора · 16 ноября 2021 09:49  
Домашнее задание
1.Клавиатура
UI - сделано из пластика, цвет
UX - расположение кнопок для быстрых команд, расстояние между клавишами, сила срабатывание при нажатии, звук при нажатии на клавишу
Телефон
UI - крышка сзади с железным покрытием, цвет
UX - расположение отпечатка пальца, кнопок громкости, микрофона, камер

2. Зубная щетка
UI - Цвет, материал щетины
UX - жесткость щетки, соединение ручки и головки щетки в виде эластичного шара

3. Переносная Голограмма
Имеет вид коробки, подключение осуществляется через телефон, с помощью блютус, для вывода экрана телефона на любой вид поверхности.

Комментарий frusia.pro:

Задание 1.

Клавиатура. Правильно.

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

Задание 2.

Зубная щетка. Правильно.

Задание 3.

Переносная Голограмма. Хорошо!

Продолжайте обучение!