Урок 1. Дизайн. Интерфейс. UX и UI

Модуль 1. Введение в UX/UI дизайн.
Бесплатный курс по UX/UI дизайну с нуля для новичка

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

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

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

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

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

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

В зависимости от контекста и поставленной задачи дизайн решает проблемы по-разному. Давайте посмотрим на рекламные материалы 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. Будьте в курсе анонсов новых уроков, смотрите проверки домашних заданий в сторис, задавайте мне вопросы, а также на вас ждет множество полезных постов о дизайне.

Пройти тест

Чтобы урок был засчитан как пройденный, вам нужно правильно ответить на 80% вопросов из теста. Чтобы пройти тест и проверить свои знания, вам нужно войти в систему и записаться на курс или зарегистрироваться, если вы еще этого не сделали.

Пройти тест

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

Поставьте ползунок в фиолетовую зону

Комментарии

Маргарита5 мая 2025 19:27  
1. Розбір 3-х речей:
Настільна лампа з акумулятором
UI:
Матеріали: пластик\резина, метал;
Колір: цияновий колір (освіжаючий та яскравий акцент);
Стиль: модерн, мінімалізм (відсутність гострих кутів (заокруглені форми) додають “м’якості” та облегшують дизайн);
UX:
Заокруглені та зглаждені форми приладу вберігають користувача від травмування приексплуатації, та полегшують догляд за девайсом(легко витирати пил через відсутність дрібних отворів де він може збиратися).
Легкі матеріали виконання корпусу, невеликий розмір, вбудований акумулятор та можливість відєднання кабелю підзарядки, дозволяють користуватися девайсом в атономному режимі до декількох годин та легко переміщуювати девайс куди-завгодно.
Рухома в будь-якому напрямку голівка лампи дозволяє легко змінювати дірекшин світла.
Єдина сенсорна кнопка по центру стійки інтуїтивна, являє собою як кнопку вимкнення\увімкнення, так і кнопку перемикання режимів яскравості освітлення. Декілька дотиків повністю покривають всі можливі режими експлуатації.
Електронна сигарета
UI:
Матеріали: метал, прозорий та непрозорий пластик;
Форма: ергономічна;
Колір: чорний, жовтий;
Стиль: сучасний;
UX:
Яскравий колір дозволяє швидко візуалізувати девайс на будь-якій паверхні.
Ергономічна форма та невелика вага дозволяє легку есплуатацію девайсу, легко поміщається в руці, не вислизає завдяки якості матеріалів.
Швидка заміна катриджів на магнітах облегшує есплуатацію.
Можливість підзарядки від type-c та одночасного використання.
На фронтальній частині корпусу розімщенний невелийкий дисплей, котрий індикує про рівень вольтажу та заряду акумулятора. Також також розміщенні основні кнопки експлуатації девайсу: велика кнопка увімкнення\вимкнення та дві кнопки зміни вольтажу. Додатковий боковий слайдер, який дозволяє змінювати тугість тяги. Всі кнопки зручно розтащовані в зоні великого пальця, тому інтеракшин здійснюється одним пальцем.
Наручний годинник
UI:
Матеріали: полімер, акрил, метал;
Колір: сірий, світло рожевий;
Стиль: класичний, спортивний.
UX:
Зручний полімерний браслет та вологостійкий корпус, дозволяють використовувати годинник майже в будь-яких умовах, підходить для занять спортом.
Електронний дисплей з індикацією (дати, дня тижня, будильника) має невеликий розмір, тому оверал розмір годинника досить маленький, що робить його вагу майже непомітною на руці.
Налаштування та експлуатація здійснюється за допомогою дотаткових 3-х кнопок, які розташовані по бокам годинника: для перемикання в режим секундоміра\таймера, будильника, увімкнення додаткової підствітки дисплею, вхід в меню налаштування часу та дати. Здійснення перемикання між деякими режимами здійснюється почерговим натиском на одну і ту саму кнопку, що зменшило необхідну їх кількість на корпусі.


2. Гаманець із синтетичного паперу
UI:
Матеріали: синтетичний папір, магніти;
Колір: пастельний з іллюстраціями;
Стиль: функціонально-мінімалістичний.


UX:
Завдяки матеріалам виконання гаманець є водостійким та легким, та не займає багато місця, при цьому зберігаючи повністю весь фунціонал повноцінного гаманця.

3. Інший вид інтерфейсу - тактичний(хаптичний) інтерфейс
kayano2330 апреля 2025 14:21  
1. Ящик
UX-дизайнер визначив, чому саме тут використовується округлена ручка. Я вважаю, що це зроблено з метою зробити зручнішим відкриття ящика.
UI-дизайнер визначив чому саме тут використовуються пастельніші кольори. Я думаю, що це зроблено для того, щоб ящик не набридав візуально користувачеві при регулярному користуванні, оскільки пастельні кольори навантажують менше візуально.

2. Мікрофон Blue Yeti.
UX-дизайнер визначив, чому саме на передній частині знаходиться кнопка з вимкненням/вмиканням мікрофона, нижче знаходиться повзунок гучності, а ззаду використовуються повзунки чутливості мікрофона та режиму роботи. Також дизайнер пропрацював таку річ, що мікрофон має опцію регулювати свій нахил, а також те, що мікрофон прикручений до власника мікрофона, що робить його універсальним, а саме користувач може вирішувати, як він буде використовувати мікрофон (використовуючи підставку або він зможе легко відкрутити мікрофон від підставки та використовувати свій штатив). Розташування кнопок також було продумано. Найголовніша частина налаштування знаходиться спереду, а другорядне налаштування – ззаду, що цілком логічно, а також зручно. Так як немає такого відчуття, що інтерфейс мікрофона завантажений візуально.
UI-дизайнер добре зробив свою роботу, оскільки мікрофон має певну стилістику. Мікрофон виконаний у темно-синьому/чорному забарвленні, а також глянцевий матеріал, що створює відчуття якісного металу і привертає увагу.

3. Настінний годинник.
UX-дизайнер вибрав використовувати класичні стрілки годинника, а також використовувати класичний циферблат. Стрілки та цифри цілком великі, щоб користувач міг розрізняти, що знаходиться на циферблаті. Стрілки годинників різняться розміром. Стрілка, що показує годину менше, стрілка, що показує хвилини довше, а стрілка показує секунди ще довше і тонше. Це створює певну концепцію того, що кожна стрілка відповідає за одне щось і виглядає по-своєму, тому користувач з легкістю може відрізнити ці стрілки і легко зрозуміти скільки зараз час.
UI-дизайнер вирішив зробити все в одній стилістиці, при цьому використовуючи метод розмаїття кольорі в, користувач з легкістю може візуально обробити інформацію та швидко зрозуміти скільки зараз часу.
julia29 апреля 2025 16:21  
Завдання 1.
1) Ліфт.
UX: як влаштовано виклик ліфта (однією кнопкою для виклику чи двома, даючи змогу задати одразу напрямок, куди треба їхати пасажиру. Чи це могла б бути не кнопка, а , наприклад, важіль. Або ліфт може бути без дверей у постійному русі, як ескалатор, і все що треба від людини для взаємодіії з цим ліфтом, це просто вчасно зайти в нього і вийти); індикатор зовнішній, що ліфт викликано; як влаштовані двері (роздвіжні чи, як у старих ліфтах, звичайні двері з ручкою; індикатор внутрішній, що відображає поточний поверх місцезнаходження.
UI: колір ліфта, форма кнопок, розмір та стиль символів на кнопках, використані матеріали
2) Пульт телевізора.
UX: загальна форма присторою та використані матеріали; кількість кнопок для керування та налаштувння телевізора.
UI: обрані кильори; певне розташування кнопок для створення певного стилю; шрифт; форма деталей.
3) . Пилесос.
UX: загальна форма - контейнер з мотором на колесах та гнучким шлангом і щіткою для чищення; регулятор потужності; кнопки вкл/викл ; кнопка для зкручування електропроводу; можливість використовувати різні насадки для очищення різних поверхонь; відсік, де можна зручно зберігати насадки.
UI: форми, що створюють певний стиль пристрою; кольри; позначки на кнопках та регуляторі потужності.

Завдання 2.
Стілець.
UX: матеріли (фізичні властивості: гнучкість, здатність витримувати навантаження, м'який/жорсткий, теплопровідність); ергономічність форми сидіння; призначення стільця (офісний, обідній, для бару), що відповідно буде задавати такі властивості як висота стільця, чи має він обертатися; наявність елементів для регулювання висоти; загальна форма стільця (зі спинкою чи без, на ніжках, на колесиках чи це крісло-гойдалка).
UI: матеріали (їх естетично-стильові властивості); дизайн форми основних елементів стільця (наприклад, спинка овальна чи трикутна) та їх фактура; різні декоративні елемети.

Завдання 3.
Можливість зробити фото, просто посміхнувшись на камеру - не знаю як це назавти, але можливо якийсь відеоінтерфейс. Наприклад можна б було, щоб камери на пристроях інтерпритували жести глухо-німих людей і якось це використовувати для керування пристроями.
Мария14 апреля 2025 10:54  
Лего
Ui - внешний дизайн сделан под цвет той задумки, которая есть в конструкторе. Например, если это конструктор машины - детали будут подобраны более гладкими для внешнего вида + подходящих цветов черного, серого, красного. Инструкция в наборе выполнена в в дизайне соответствующий машине, взрослые не кричащие цвета

Ux - конструктор Лего сделан таким образом, чтобы практически любая деталь могла соединиться с другой, так создается эффект, что моно построить что угодно. Детали имеют определенную форму соединения сверху и снизу, которая позволяет легко состыковаться, и так же довольно легко разоединиться (в последние годы они в наборы добавляют специальный пластик для открепки деталей между собой). пронумерованные страницы и пакеты для интуитивного понимания какой шаг за каким идет в сборке
В конце инструкции некоторых наборов есть qr код который ведет на сайт лего на статьи или подкасты по теме конкретного набора, так, что под них можно собирать конструктор
Диван
Ui - дизайн выполнен в синем цвете, яркое яркое, но при этом цвет довольно подходящий для многих интерьеров. Дизайн выполнен буквой г, нижняя часть дивана выезжает вперёд на колесиках

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

Тарелка
Ui - белый цвет, выполнена из керамики, рассчитана на одну персону

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


Другой вид интерфейса - Тактильный интерфейс, как на геймпаде
Влад 25 марта 2025 16:02  
Завдання 1 :
Геймпад (приклад від: XBOX)
UI:
Корпус : пластик (з ребристою поверхнею)
Форма: контурна
Колір : різний ( чорний , білий , зелений , червоний , рожевий і т.д.)
Стиль: мінімалістичний
UX:
- Зручність розташування стіків , по діагоналі .
- Способи підключення (Bluetooth , кабелем )
- Швидка заміна батарейок
- Кнопка вмикання/вимикання в завжди видному місці (Лого компанії)
- Індикатор заряду в кнопці вмикання/вимикання (Лого компанії)
- Вібромоторчики для більшого занурення в гру
- Не слизький корпус
- Роз'єми для заряджання , або гарнітури

Завдання 2:
Пляшка
UI:
Матеріал: пластик , скло , метал
Форма: ергономічна
Колір: різні , але в більшості випадків прозорі
Лого для впізнавання
UX:
- Зручна ергономічна форма не тільки для тримання в руці , а ще і для тримання та
фіксування
- Максимально щільне прилягання кришки для того щоб рідина не витекла
- Об'єм для місткості
- Міцність матеріалів
- Розмір кришки для зручності

Завдання 3 :
Тактильний інтерфейс.

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

Завдання 1. Правильно.

Завдання 2. Правильно.

Завдання 3. Правильно. Це може бути тачпад ноутбука або екран з зворотнім зв'язком.

Гарна робота, переходьте до наступного уроку!

Анастасія23 марта 2025 21:56  
Завдання 1.
Bluetooth-колонка(взагальному опис)
UI:
корпус- пластик(зовні вкритий гумою в деяких випадках) або метал
форма- різна(квадрат, подожений овал, коло, прямокутник)
Колір- різний (червоний, білий, є поєднання градієнту)
Стиль- сучасний, є колонки в ретро дизайні
UX:
Bluetooth підключення до різниих присторії, що дозволяє слухати музику на високій гучності, чи дивитись відео при цьому не тримаючи пристрій біля себе
Кнопки для вмикання, регулювання гучності, перемикання музики, що дозволяє не тримати в руках підключений пристрій
Отвір із захистом для зарядки, дозволяє вбереги гніздо від пошкоджень та юзання.
є функція вологозахист(в деяких)
Зручний динамік для якісноі подачі звуку

Мультиварка
UI:
Корпус- пластик та метал ємність з антипригарним покриттям
Форма - кругла
Колір- зазвичай темних відтінків
Стиль- сучасний, мінімалістичний
UX:
Висока якість пластику, що дозволяє не перегрівати корпус
Сенсорний екран для відображення та вибору завдяки кнопкам режиму, темпаратури та часу приготування
звуковий сигнал що оповіщання закінчення приготування
Є внутрішня чаша, яка має антипригарне покриття, що полегшує приготування їжи.
На кришці є зручний отвір для виходу пари
Завдання 2
Лінійка
UI:
Матеріал- пластик, метал, дерево
Форма- подовжений (витягнутий) прямокутник часто з гострими іноді з заокругленими кінцями
Колір- зазвичай жовтий, сірий чи білий
Логотип компанії та позначення виміру довжини в см
UX:
Зручна форма та довжина що дозволяє розмістити лінійку в сумку, пенал чи папку
Читабельний чорний шрифт та цифри
Інколи на лінійка єтабличка множення що дозволяє швидко та зручно знайти розрахунок
Позначки у вигляді ліній дозволяють розрахувати точну довжину якогост предмету.
Прямокутна форма дозволяє намалювати чітку лінію чи якусь форму з чіткими лініями.
Завдання 3
Інтерфейси відстеження руху, визначають порухи тіла користувача і втілюють їх у команди, які розробляються Apple.


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

Завдання 1. Правильно.

Завдання 2. Правильно.

Завдання 3. Теж правильно.

Чудово впорались, переходьте до наступного уроку!

Олеся 21 марта 2025 00:06  
Завдання 1
Термо чайник ( чаша)
UI
Корпус - пластик
Форма - кругла
Колір - білий
Стиль - сучасний, мінімалістичний.
Ux
Висока якість пластику що супроводжується не перегріву корпусу .
Сенсорний екран для відображення температури води що визначає зручність контролю температури .
Кнопка виставляння потрібної температури, що дає змогу готувати напої для всіх потреб родини.
Звуковий сигнал оповіщення що вода вже має потрібну вибрану температуру , що є зручним показником для дому.
Показник відводу пару в чаші для безпеки людини.
Завдання 2
Тарілка
UI
Колір - білий
Форма - кругла
Діаметр- 25 см
Ux
Матеріал кераміка - що дає посуду більшу вагу і посуд більш важкий що дає змогу посуду бути більше будовочесті ( устойчевость)
Виступ знизу - для зручності і не ковзання тарілки
Виступи по діаметру- щоб їжа не випадала з посуду
Завдання 3
Інформаційне табло на коліях залізничних станціях( саме на коліях)


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

Завдання 1. Правильно.

Завдання 2. Все правильно. До речі, якщо форма впливає на досвід взаємодії з предметом, то це також можна віднести до UX-частини. Наприклад, ручка. Або як у вашому випадку з тарілкою, адже саме з круглої і пласкої тарілки зручно їсти суху їжу. Коли ви писали про вагу, то напевно мали на увазі стійкість, це правильне зауваження.

Завдання 3. Інформаційне табло дуже схоже до екрану, тому це буде звичайний екраний інтерфейс. Спробуйте подумати також над іншими варіантами.

В загалом все супер, подумайте над третім завданням і переходьте до наступного уроку!

Ліза2 марта 2025 23:34  
Завдання 1:
Ноутбук
UI:
Корпус - пластиковий, тонкий
Колір - сірий
Стиль дизайну - сучасний, мінімалістичний
Клавіатура - оформлена шрифтом без зачісок темно сірого кольору
UX:
-завдяки невеликому розміру та малій вазі ноутбук поміститься майже в будь який рюкзак чи сумку, мобільний
-має систему охолодження, що дозволяє працювати тихо, ефективно та без перегріву
-є кілька режимів підсвічування клавіатури, що дозволяє комфортно працювати з нею навіть у темряві
-можна регулювати яскравість екрану
-вбудована веб камера з шторкою і тачпад
-оснащений сучасними портами, що дозволяє підключити будь яку периферію
Завдання 2:
Чашка
UI:
Матеріал: кераміка
Колір: молочний, з червоними малюнками
Дизайн: новорічний
UX:
-ручка, яка дозволяє тримати кружку з комфортом та не обпектись коли у ній гарячий напій
-кераміку легко мити та чистити
-має повільну теплопередачу знову ж таки завдяки тому, що виготовлена вона з кераміки
Завдання 3
Автомобільний інтерфейс

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

Завдання 1. Правильно.

Завдання 2. Правильно.

Завдання 3. Під автомобільним інтерфейсом, я так розумію, ви мали на увазі кермо, педалі, панель приладів та ручку перемикання коробки передач. Якщо так, то краще це розписати, але в цілому все правильно. Молодець, переходьте до наступного уроку!

Додам вашу домашку в приклади правильно виконаних завдань. Коли назбирається достатня кількість, я їх опублікую, а перевірку домашок припиню.

Руслана25 февраля 2025 15:36  
Я зробила лише один приклад, але намагалась доволі чітко та коротко передати сенс предмету.

Завдання 1
Підставка під ноутбук з охолодженням
UI:
Матеріал підставки - матовий пластик та метал;
Колір - чорний.
Логотип - жовтий колір, шрифт - футуристичний.
Форма - прямокутна (30×40), із заокругленням.
UX: Корпус підставки зроблений із пластмаси, що полегшує вагу та може сприймати великі температури від нагрівання пристрою.
Верхня частина підставки зроблена з металевої решітки, що пропускає холодне повітря від кулерів всередині підставки. На верхній частині також знаходиться невеликий фіксатор, щоб ноут не скатувався з металевої решітки. Поруч з фіксатором знаходиться панель, на якій відображається температура повітря для охолодження та кнопки "включити", "збільшення" та "зменшення" температури.
В нижній частині підставки знаходиться USB порт для зарядки. Підставка оснащення ручним механізмом регулювання висоти за допомогою різьби, на якій фіксується металевий тримач. Тримач виконаний з металу, так як він є більш міцним, що підходить для ноутів різної ваги.

Завдання 2
Олівець
UI:
Матеріали - дерево, графіт, матове покриття.
Колір - жовтий.
Форма - шестигранний, витягнута форма.
Логотип - сріблястий колір, шрифт із зачісками.
UX: Олівець виготовлений з дерева преміальної якості, що підвищить термін придатності та міцність корпусу. Всередині знаходиться графітовий стержень, який має затуплений наконечник для міцності основи при будь-якому тиску.
Шестигранна витягнута форма олівця в руці лежить зручно та надійно, а матове покриття відчувається приємно та забезпечує додатковий комфорт та фіксацію в руці в момент, коли долоні стають вологими.

Завдання 3
Як ви зазначали в лекції, існує жестовий інтерфейс. Можливо таке вже і придумали, але одразу уявила покращену версію як розпізнавання по дотику. Завдяки рецепторам ми відчуваємо температуру, форму, дотик, біль та інше. Якщо б існував інтерфейс, який, який дозволяє зчитувати ці данні під час сканування пальців та передавати результати. Можливо це було б корисно в медицині.

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

Завдання 1. Все правильно.

Завдання 2. Дуже добре. Тут є складний момент, адже шестигранна форма являє собою не характеристику, що відноситься як до UI, так і до UX-частини і ви це зрозуміли. Молодець!

Завдання 3. Правильно. Інтерфейс, що дозволяє зчитувати характеристики типу температури та інші параметри по дотику пальця може бути корисним в медицині. Чудово справились, переходьте до наступного уроку!

Додам вашу домашку в приклади правильно виконаних завдань. Коли назбирається достатня кількість, я їх опублікую, а перевірку домашок припиню.

Катерина7 августа 2024 14:30  
Завдання 1
1 Apple 11
UI
- Колір: Чорний
- Матеріал: Рамки корпусу виконані із міцного алюмінію. Зовні кришка матова, з м'якими світловими переливами та тактильно приємною поверхнею. Екран зі спеціального міцного скла.
Форма: Прямокутна, вертикальна зі скругленими краями, під розмір стандартної долоні

UX
- Корпус виконаний розміром, що відповідає розміру середньої долоні (щоб міг поміститися і в дитячій руці, і в дорослій).
- Корпус має вертикальне розташування, щоб було зручно тримати в долоні.
- Корпус має закруглені кути, щоб не забитися і не деформувати сусідні речі під час перенесення, щоб при падінні пом'якшити силу удару.
- На бічній панелі корпусу розташована кнопка включення, місце, розташування великого пальця для правші та середнього пальця для шульги.
- При натисканні один раз увімкнення/вимкнення, при натисканні 2 рази оплата картками, найзручніше місце для цієї функції.
- Зліва розташовані на корпусі 2 кнопки, що регулюють звук, розташування на рівні вказівного пальця при триманні в руці.
- Також при подвійному натисканні верхньої зліва та праворуч кнопок відбувається скрін.
- Функція одна з найбільш застосовуваних, винесена у функціонал цих кнопок.
- Камера на задній стінці розташована в лівому верхньому кутку, що дозволяє тримаючи в руці (для правші) розташовувати її посеред погляду людини на об'єкт фото.
- На передній панелі вгорі розташована фронтальна камера по центру, що дозволяє правильно розташувати об'єкт у кадрі.

2. Мультиварка:
UI
- Колір чорний
- Матеріал: пластик+ємність з антипригарним покриттям
- розмір: 25*25*25

UX
- Корпус виконаний з легкого пластику, що дозволяє легко доглядати та переміщати (невелика вага)
- Кришка має прозоре вікно, що дозволяє візуально бачити страву.
- Кнопка включення розташована праворуч на панелі керування та має червоний колір, що візуально її виділяє серед інших.
- У два ряди винесено кнопки управління
- Перший ряд можливість регулювання часу, температури та таймер, які часто використовуються.
- Другий (нижній) ряд ближче до покупця вибір програм, що ближче до очей, для перемикання програм.
- Кришка має знімну частину, що дозволяє легко мити.
- Мультиварка має ергономічну форму із металевими вставками, що дозволяє легко поєднувати з будь-яким дизайном на кухні.
- Зверху є індикатор роботи та звуковий сигнал, що дає змогу контролювати закінчення приготування.
- Є внутрішня чаша, яка має антипригарне покриття, що полегшує приготування іжи.
- Шнур довжиною 60 см, що робить добре розташування на кухні, та дрот не заважає своєю довжиною.

Завдання 2
2: Ортопедична подушка:
UI
- Колір бежевий
- Розмір: 40*60
- Висота: 12 см
- Матеріал: гіпоалергенний матеріал + знімний чохол із синтетичного еластичного матеріалу

UX
- Подушка горизонтальної форми, щоб при повороті на інший бік було місце розташування.
- Вигин під шию з функцією пам'яті, для комфортного сну та адаптації під клієнта.
- Знімний чохол виконаний з еластичної тканини, щоб зручно було знімати та одягати його.
- Колір чохла бежевий, практичніший.
- На місці стикування матеріалів розташована потайна змійка, щоб не травмуватися під час сну.
- Виконано з гіпоалергенних матеріалів, щоб покрити більшу кількість покупців та алергіків у тому числі."

3: Килимок для йоги
UI
- Колір: рожевий/блакитний
- Матеріал: поліпропілен
- Форма: прямокутник
- Розмір: 60*180

UX:
- Має двокольорове виконання підходяще для чоловіків та жінок.
- Ширина 60 см необхідна для лежання на підлозі по ширині тіла із запасом, 180 довжина виходячи із середнього зросту людини.
- Матеріал: поліпропілен зручний для догляду за килимком, лекгій для перенесення, гнучкий, щоб можна було згорнути в рулон.
- Поверхня шорстка, з опуклостями, для кращого зчеплення для підлоги під час занять.

Завдання 3
Візуальний інтерфейс: коли екран має можливість розпізнавати ваші почуття, та давати якісь поради.
Тактільний інтерфейс, наприклад тактільні розвиваючи іграшки для дітей

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Катерина7 августа 2024 13:25  
1: Apple 11
UI
- Колір: Чорний
- Матеріал: Рамки корпусу виконані із міцного алюмінію. Зовні кришка матова, з м'якими світловими переливами та тактильно приємною поверхнею. Екран зі спеціального міцного скла.
- Форма: Прямокутна, вертикальна зі скругленими краями.

UX:
- Корпус виконаний розміром, що відповідає розміру середньої долоні (щоб міг поміститися і в дитячій руці, і в дорослій).
- Корпус має вертикальне розташування, щоб було зручно тримати в долоні.
- Корпус має закруглені кути, щоб не забитися і не деформувати сусідні речі під час перенесення, щоб при падінні пом'якшити силу удару.
- На бічній панелі корпусу розташована кнопка включення, місце, розташування великого пальця для правші та середнього пальця для шульги.
- При натисканні один раз увімкнення/вимкнення, при натисканні 2 рази оплата картками, найзручніше місце для цієї функції.
- Зліва розташовані на корпусі 2 кнопки, що регулюють звук, розташування на рівні вказівного пальця при триманні в руці.
- Також при подвійному натисканні верхньої зліва та праворуч кнопок відбувається скрін. Функція одна з найбільш застосовуваних, винесена у функціонал цих кнопок.
- Камера на задній стінці розташована в лівому верхньому кутку, що дозволяє тримаючи в руці (для правші) розташовувати її посеред погляду людини на об'єкт фото.
- На передній панелі вгорі розташована фронтальна камера по центру, що дозволяє правильно розташувати об'єкт у кадрі.

2 Ортопедична подушка:
UI:
- Колір бежевий
- Розмір: 40*60
- Висота: 12 см

UX:
- Матеріал: гіпоалергенний матеріал + знімний чохол із синтетичного еластичного матеріалу
- Подушка горизонтальної форми, щоб при повороті на інший бік було місце розташування. Вигин під шию з функцією пам'яті, для комфортного сну та адаптації під клієнта.
- Знімний чохол виконаний з еластичної тканини, щоб зручно було знімати та одягати його.
- Колір чохла бежевий, практичніший.
- На місці стикування матеріалів розташована потайна змійка, щоб не травмуватися під час сну.
- Виконано з гіпоалергенних матеріалів, щоб покрити більшу кількість покупців та алергіків у тому числі.

3 Килимок для йоги
UI
- Колір: рожевий/блакитний
- Матеріал: поліпропілен
- Форма: прямокутник
- Розмір: 60*180

UX
- Має двокольорове виконання підходяще для чоловіків та жінок.
- Ширина 60 см необхідна для лежання на підлозі по ширині тіла із запасом, 180 довжина виходячи із середнього зросту людини.
- Матеріал: поліпропілен зручний для догляду за килимком, лекгий для перенесення, гнучкий, щоб можна було згорнути в рулон.
- Поверхня шорстка, з опуклостями, для кращого зчеплення для підлоги під час занять.

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Daria Sytnyk27 апреля 2024 14:44  
1)
1. Телефон
UI
- колір блакитний,
-матеріал- скло та алюміній,
-форма - заокруглений прямокутник та квадратні бокові панелі.

UX- сенсорний екран для керування жестами.
Майже весь процес користування відбувається за допомогою пальців,хоча можливе і користування голосом.
- кнопки перемикання гучності, яка знаходиться збоку у логічній послідовності.
- кнопка-перемикач , яка вимикає або вмикає гучність. Вона знаходиться в заглиблені, оскільки користувач може з необережності вимкнути,або увімкнути звук, коли він цього не бажав.Також ця кнопка має кольоровий індикатор, який вказує на положення в якому знаходиться кнопка.

2.Ноутбук
UI
-корпус чорного кольору з необхідними отворами для зарядного та інших пристроїв,
-екран, містить у собі візуальне відображення процесів,які виконуються на пристрої
-клавіатура чорного кольору містить написи білого кольору

UX
-екран не сенсорний, керування відбувається за допомогою ком’ютерної миші або TouchPad
-корпус містить збоку кнопку для вмикання та вимикання ноутбуку, для зручності у використанні та збільшення площі для динаміку
-клавіатура містить клавіші різного розміру в залежності від частоти використання і функції (наприклад, enter-це довгий прямокутник, оскільки користувач часто потребує саме цієї функції)

3.Комп’ютерна миша

UI
-пристрій, виготовлений з пластику,органомічної форми

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

2)Зубна щітка
UI
-ручка виготовлена з деревини
-щітка містить ворсинки з пластику чорного кольору
UX
-ручка пласкої форми ,зручно тримати у руці;
- щітка невеликого розміру з маленькими ворсинками, які розташовані близько одна до одної для кращого очищення.

3) Вид інтерфейсу - візуальний або арт- інтерфейс, тобто такий яким можна керувати за допомогою картинок і візуальних зображень.Це було б зручно для людей з особливими потребами.

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Валерія26 января 2024 19:28  
I
Macbook Air
UI
Колір корпуса - металік
Колір кнопок - чорний матовий
Колір букв на кнопках - білий
Стиль - мінімалізм

UX
Екран з регуляцією яскравості
Клавіатура - ножиці
Тачпад - для використання жестів при управлінні ноутбуком
Додаткові кнопки керування яскравістю монітору, інтенсивністю підсвітки клавіш, регуляцією звуку, перемотки відео та аудіо, керування вікнами.

Фітнес браслет
UI
Ремінець - силіконовий, чорний с можливістю регулювання застібки
Дисплей - прямокутний, кольоровий

UX
Застібка регулюється задопомогою отворів на ремінці
Дисплей має сенсорне управління. Всередині системи є параметри налаштування головного екрану, виміру пульсу, шагоміру, вибору режиму тренування, визначення рівня стресу, тощо.
Додатково є мобільний застосунок, який оптимізовано як під IOS, так і під Android, що дозволяє бачити більш детальну інформацію та більш глибоко керуватати налаштуваннями

Бездротові навушники
UI
Колір кейсу - чорний
Колір навушників - чорні
Тип навушника - з силіконовими амбрушурами.

UX
Кейс має розʼєм Type-C для зарядки, а, також індикатор, що сигналізує різними кольорами про стан заряду пристрою та зʼєднання з пристроєм
Самі навушники так само мають індикатор зʼєднання один з одним та з пристроєм і сенсорне управління

II
Книга
UI
Обкладинка - тверда, з кольоровим малюнком, виконаним у приємних для ока тонах, що відповідає змісту твору
Колір паперу - жовтуватий
Колір шрифту - чорний
Розмір шрифту - середній

UX
Наявність текстильної закладки
Поєднання бірюзового та золотистого занурює у атмосферу роману одразу ж, як споживач бачить цю книгу.
Фотографія, що є кадром з однойменного фільму, знаятого по мотивам роману надає впізнаваний образ.
Тверда палітурка робить книгу менш вразливою жо механічних пошкоджень
Жовтуватий колір паперу у поєднанні з чорним кольором тексту без зарубок не дає очам швидко втомлюватися.
Розмір шрифту підбрано у відповідності до того, аби він гармонійно виглядав на аркуші та був легким для сприйняття середньостатистичної людини

III
Інтерфейс, що слідкує за рухом очей
Інтерфейс, орієнтований на азбуку морзе
Інтерфейс, що слідкує за рухом мʼязів та імпульсами (щось накшталт того, який у Хокінга)

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

скажена черепахаUkraine flag підтримує ЗСУ 4 ноября 2023 10:40  
О, тоді до інтерфейсів можу віднести такі пристрої як термометр/градусник чи навіть механічне табло, яке показує вільно/зайнято в туалеті літаку/автобуса.
Згадала цікавий приклад, можливо, сюди підійде — подушка, що вібрує та підсвічується, коли інша людина на іншій подушці в іншому кінці світу вкладається спати. Таке собі миле вирішення тимчасових незручностей для пар, що змушені спати окремо. Обидві подушки якось з‘єднані (через інтернет), взаємодія відбувається при натисканні. Отже, така подушка/пристрій теж є інтерфейсом?

Шодо пралок — я описувала конкретно свою, а там немає звуку по закінченню. Що до речі, досить не звично, я завжди ніби не до кінця упевнена, що певне прання дійсно скінчилося. Ніби гештальт не закритий, цікавий для мене ефект:)

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

Про пралку зрозуміла – без питань:)

Усі перелічені вами інтерфейси – підходять, ви молодець. Про таку подушку чую вперше, напевно це можна віднести до тактильних інтерфейсів.

Можете переходити до наступного уроку!

скажена черепахаUkraine flag підтримує ЗСУ 3 ноября 2023 18:13  
ЗАВДАННЯ І.
1.) Чайник електричний.
UI:
а) колір - сріблясто - чорний.
б) матеріал - метал, прозоре скло чаші і пластикова ручка чорного кольору знизу і срібляста згори.
+ підставка (верх - сріблястого кольору метал, низ чорний) - на ній 6 кнопок однакового розміру з написами бажаної температури, кнопка вкл/вимк тощо. Кнопки згроповані навколо чаші напівколом, ніби посміхається.
в) Стиль - шрифт мінімалістичний, капслок, без зайвих зачіпок (літера А = Л) виступає «барельєфом», не друкований. Створює ефект сучасного, стильного, охайного предмету інтер‘єру, завдяки скляній чаші - легкість, інтерактивність (бачиш, як нагрівається вода).

UX:
а) На прозорій чаші промаркований літраж — 0.5L, 0.75L, 1.0L, 1.25L, 1.5L, для зручності цифри підкреслено, а також позначено MIN та MAX кількість налитої рідини.
б) розмір механічних кнопок дозволяє комфортно натискати їх пальцями. При натисканні спрацьовує підсвітка яскравого блакитного кольору, колір вимикається, коли вимикається чайник (автоматично).
Функціі кнопок - бажана темп-ра (4 опції), постійний підігрів води та кнопка вкл/вимк.
в) ручка - на ручці кнопка, що відкриває кришку для набору води. Кнопка зручно розміщена, щоб можна було відкрити великим пальцем руки.
г) кришка - металева. чорний пластиковий еліпс підказує користувачу безпечне закриття кришки.

2.) Пральна машина
UI:
а) колір - основний білий, частина елементів - чорний.
б) матеріал - метал і пластик
в) стиль. Два шрифти — лого (круглий, м‘які форми) відрізняється від шрифту тексту функцій (видовжений, тонке накреслення).
на білій панелі функцій - чорний барабон для вибору бажаного режиму прання - забезпечується контраст. 16 режимів розміщено симетрично, створюючи силует жука/павука.
Також справа на білій панелі функцій - чорний прямокутник з екраном, 3-ма кнопками (для кожної — напис та відповідна іконка) і кнопкою Start, яка візуально трохи більша та має товстіше накреслення.
Візуально також показано, які кнопки нажати, аби уберегти машину від дітей (біля них зображено смайлика з чолкою)

UX:
а) Машина має звичну форму та механічні круглі дверцята, що при закритті видають характерне клацання, ніби запевнюючи користувача - зачинено міцно.
б) Подібне клацання також при закритті відсіку для пральних рідин/порошку.
в) Основні 4 кнопки — компактні. При обертанні барабан (чорний кружечок) на екрані з‘являється цифровий покажчик темп-ри, а також починає миготіти кнопка Start, підказуючи наступний крок. Барабан також повертається трохи з клацанням.

3.) пульт керування світлом.

UI: темний пластик, площа з кнопками ламінована, 24 різнокольорові кнопки (4*6), що кольором, малюнками або заголовними літерами позначають рівень теплоти/холодності освітлення, нічного режиму та інші функціі.
на «спині» пульта є слот для батарейки та гравіювання, як його відкривати, а також гравіювання з перекресленим кошиком, що лаконічно нагадує користувачу, що викидати пристрій у звичайний смітник заборонено.
Розмір пульта - довжина вказівного чи середнього пальця. Ширина - мізинець. Пульт легкий та тонкий, достатньо яскравий, щоб швидко знайтися в темному приміщенні:)
Стиль - утилітарний, нічого зайвого.

UX:
- ламінація (приємний на дотик);
- основні кнопки On, OFF, більше світла/менше - поруч і легко знаходяться.
- позаду пульта - вигравіювані, а не надруковані стрілочки, як саме відкривати слот з батерейками. Який так просто і не відкриєш через захист від дітей. Можна бути упевненим, що батарейку ніхто не з‘їсть на обід.

Завдання ІІ.
Скляна прозора глибока тарілка.
UI:
матеріал - прозоре скло.
Форма - кругла, без гострих кутів.
Напис вигравійований на дні посудини так, щоб читати його зсередини тарілки. Шрифт — капс, широкий, підкреслений.

UX:
З двох боків має дві скруглені ручки для більш зручного пересування тарілки.
Прозора.
Має оптимальний розмір, розрахований на порцію для однієї персони.

Завдання ІІІ.
Індикатор рівня зволоження в приміщенні.ДЗ до 1 уроку
1. Кавова машина.

UI- матеріал- пластик і метал. Колір- чорний з сірими вставками та чорний напівпрозорий . Жирний шрифт сірого кольору. Кнопки підписані іконками, схожими на стиль самого шрифту. Наліпка від виробника з фото ароматної кави, що підсилює бажання зварити і випити смачну каву.

UX- механічні кнопки. Компактний розмір. Стімер знаходиться з правого боку машини, що дозволяє не обпекти руку в момент одночасного приготування ще однієї кави та використання самого стімера. Контейнер для кави знаходиться позаду кавової машини, напівпрозорий, для того, щоб можно було контролювати наявність кавових зерен, не відкриваючи кришку контейнера.

Тостер

UI- колір-чорний, кнопки-сірі. Матеріал- пластик, метал.

UX- маленький розмір. 2 отвори для тоста. Механічна кнопка, для регулювання часу запікання тосту. Механічний фіксатор вмикання і вимикання пристрою. Звуковий хлопок на завершенні приготування тосту, який дозволяє не забути про хлібець та встигнути з’їсти його горячим. Шнур короткий, тому потрібно скористатися переноскою або знайти місце на кухні неподалік розетки.


Кухонна витяжка

UI- Стиль - лофт. Колір-чорний, сірий. Матеріал- товсте скло, алюміній, пластик. Шрифт- жирний, звичайний, чорного кольору на сірому фоні. Квадратна форма.

UX- компактий розмір. При потребі використання витяжки на всю потужність, нижня частина відкривається на 45 градусів, що дозволяє максимально швидко позбавитися запахів. Механічні кнопки невеликого розміру, але знаходяться на достатній відстані, що дозволяє не зачепити сусідні при вмиканні чи вимиканні. 3 рівня потужності роботи. Додаткова кнопка для вмикання підсвітки, яку можна використовувати незалежно від потреби у витяжці.

2. Окуляри

UI- колір-чорний. Матеріал-пластик і скло. Стиль- класичний.

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

3. Face id

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

Завдання 1. Чайник. Все правильно. Сподобалось, що так детально перелічили не тільки ux-характеристики, але і візуальні.

Пральна машина. Також все правильно. Молодець! До ux потенційно можна було б віднести функцію сигналу по завершенню прання. Вона зараз є в більшості сучасних машинок.

Пульт. Також все правильно. Якщо говорити про батарейки, то можна також згадати основну функцію пульту - портативне управління.

Завдання 2. Тарілка . Все правильно, супер!

Завдання 3. Індикатор рівня зволоження в приміщенні. Давайте разом поміркуємо описаний інтерфейс не зовсім виконує прохання у завданні. Ми бачимо перед собою предмет, але провзаємодіяти (в нашому випадку отримати інформацію про вологість повітря) ми можемо лише подивившись на екран. Це означає, що інтерфейс який ми використовуємо графічний. Якби нам потрібно було запитати та прослухати яка вологість повітря, то ми б мали діло з голосовим інтерфейсом.

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

Ви гарно засвоїли матеріал при розборі характеристик готових предметів. Залишилось трошки розібратись з інтерфейсами. Спробуйте перечитати урок та можете задавати додаткові питання.

Данило22 августа 2023 16:18  
1. Ноутбук
UI: пластик, скло від монітора, чорний колір
UX: клавіатура для набору тексту, веб-камера для зв'язку, екран для відображення інформації, тачпад для корегування направлення курсора та його взаємодії, кнопка вкл/викл (якщо затиснути на 2 секунди, то переходить в режим "Сон"), подушечки накладки на моніторі для безпечного закривання ноутбуку

Мишка (бездротова)
UI: твердий пластик з м'якою поверхнею, колір сірий з оранжевими вставками
UX: 5 кнопок, дві з яких основні та один склорел та дві додаткові; сенсорний датчик для корегування миші; відділ для двух батарейок

2) Настільна лампа
UI: метал, який має зелений колір та білий всередині; пластик - чорний
UX: металева частина була обрана, щоб під дією нагріву лампи сам матеріал не розплавився; пластиком сховані дроти всередині, служить каркасом та опорою, а ще кріпленням за стіл, нагадуючи функцію прищіпки; також виділене місці під саму лампочку для відтворення світла; сам дріт з вилкою для підключення до мережі 220

3) Шкільна дошка, зошит, блокнот

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Альона13 марта 2023 17:33  
1\
1)Мультиварка
UI:тефлон-кераміка
чорний-сірий колір'
стиль класичний

UX:
розмфр 6-літрів
на лицьовій корпуса встроенні 5 великих кнопок, а такок екран завдяки котрому можливо бачити час приготування.
кнопки 1-2-3-4-відповідають вибору режиму приготування.
кнопка 5 (ок) підтвердження режиму

2)блокнот
UI: коричневий с золотими цятками; кріпленням резинка для ручки;золотими спіралями зліва;
розмір 20*10
який дозволяє покластив н невеличку сумку.
2\
1)Ваза
UI:матереіл скло; колір синій; більш вузька до горлишка та широка донизу.
UX: розмір близько 1.2 літра;
висота 25 сантиметрів



2)Светер домашній
UI:колір синій-білий-рожевий
метеріал бавона
мяйкий та приємний на дотик
UX:розмір светра м
довжина рукавів та дожтна светра
блискавка посередині светра

3\

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Софія28 февраля 2023 21:01  
1. 1) Степлер
UI: метал, пластик та резина; чорний та салатовий кольори; стиль класичний; шрифт плаский, не має засічок, капс.
UX: оптимальний розмір (12/11/5 см), що забезпечує зручне положення в руці; має резиновий прошарок на нижній частині, що не дозволяє степлеру ковзати по поверхнях; має резинову вставку контрастного кольору, розміщену на верхній частині, що підказує користувачеві, куди потрібно тиснути; металевий елемент (на нижній частині) кріпиться на пружину, що дає змогу прокрутити цю платформу та змінити режим забивання скоб; має багато пружин, щоб всі складові були мобільними; затискач скоб має маленький виступ, що зручно використовується, як рукоятка.
2) Безпровідна комп’ютерна мишка
UI: пластик; чорний колір; стиль мінімалізм; шрифт плаский, без засічок, капс.
UX: розміри та форми адаптовані під анатомії людської руки, з метою комфортного використання гаджета; дві кнопки, що виконують головні функції; рельєф на бічній поверхні та коліщаті, який забезпечує більш щільний контакт між поверхнею шкіри та пластиком; вставки м’якого пластику на нижній поверхні пристрою, що забезпечує легке ковзання та рятує поверхню, на якій працює користувач, від потертостей; перемикач «on/of», для вимкнення чи ввімкнення пристрою; кришка на нижній поверхні, яка приховує слот, де міститься батарейка та можна заховати адаптер; малюнки-підказки, які пояснюють користувачеві правильний функціонал пристрою.
3) Флешка
UI: пластик; чорний та прозорий кольори; класичний стиль; шрифт плаский, з засічками, капс.
UX: невеликий розмір, що забезпечує мобільність та компактність; додаткова фурнітура, щоб прикріпити брелок і т.п.; надійний USB-порт, який міцно прикріплений та не розгойдується з часом; кришечка, що щільно прилягає та не може випадково злетіти.
2. Коврик для занять спортом
UI: пінополіетилен; чорний колір; мінімалістичний стиль.
UX: має розміри 50*180см, що чудово підходить під розміри людського тіла; поверхня рельєфна, що гарантує відсутність сковзання під час виконання вправ; є дві резинки для міцного скріплення коврика в рулоні; пінополіетилен забезпечує теплу поверхню навіть за низьких температур навколишнього середовища.
3. Інтерфейс для людей з вадами зору

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Дар'я27 февраля 2023 14:43  
1)
- Калькулятор
UI-частина: контрастний колір кнопок та тексту, великий та чіткий шрифт без засічок, щоб одразу розпізнати необхідний символ та дію. Різні кольори для кнопок, які виконують різні дії, та однаковий колір для кнопок зі схожею дією, наприклад усі цифри однакового кольору.
нейтральний колір корпусу калькулятора, щоб не відволікати працівника та не привертати на себе зайву увагу.
UX-частина: калькулятор має довжину, ширину та товщину приблизно як блокнот. завдяки цьому його зручно переносити разом з часто вживаними предметами в офісі: папки, блокноти, зошити. також завдяки цьому він гармонічно розташовується на робочому столі та не губиться серед інших предметів. До того ж, такі розміри калькулятора дозволяють розташувати на ньому кнопки такого розміру, які відповідають розміру людського пальця. це дозволяє пришвидшити використання калькулятора та запобігти виникненню помилок при швидкій роботі.
Розташування кнопок - групи кнопок зі схожею дією більш скупчені, а між різними групами відстань збільшена, що дозволяє візуально відділити кнопки за призначенням.
Екран калькулятора має оптимальний розмір, щоб можна було добре побачити цифри з відстані приблизно 0,5м - коли людина дивиться на калькулятор сидячі за столом.
Також у тому місці де розташован екран - корпус має невеликий підйом, що покращує видимість цифр.
Калькулятор обладнаний розкладною ніжкою, яка підіймає кут нахилу всього калькулятора, що також покращує зручніть використання сидячі за робочим столом.
На задній поверхні калькулятор має 4 резинові наліпки, що запобігає ковзанню по поверхні при натисканні на кнопки.
Калькулятор має функцію автоматичного вимкнення, коли користувач довго його не використовує, що дозволяє подовжити термін експлуатації виробу.

- Вішалка
UI-частина : виконана у стилі лофт, з круглих труб, декорована фітінгами, пофарбована у чорний колір
UX-частина: виконана з чорного металу, що забезпечує стійкість конструкції. була обрана кругла труба 25-діаметру, бо саме вона співпадає з наявними у продажу чавунними фітінгами.
конструкція має висоту трохи нижче людського росту, щоб на неї можна було повішати довгі пальта, щоб вони не торкалися підлоги. До того ж з цієї висоти їх зручно знімати.
Також вішалка має додаткові перетинки на рівні опущеної руки, щоб можна було вішати сумки .
Знизу вішалка має декілька перетинок з невеликою відстанню між собою, щоб можна було поставити взуття та воно не провалювалось у щілини.
Вішалка стоїть на 4 колесах, тому вона рухома. Колеса з фіксацією, коли не потрібно рухати вішалку. Обрана кількість у 4 колеса саме тому , що така кількість забезпечує оптимальну стійкість. 3 колеса - замало, 5 - вже зайве.

- Блокнот з твердою обкладинкою
UI-частина: Приємна на дотик обкладинка спонукає на частіше використання блокноту, цікавий та привабливий принт на обкладинці також робить приємним використання блокноту. Дизайн внутрішніх сторінок мінімалістичний та ненасичений, що дозволяє виділятися саме тексту, який у ньому записаний. Дизайн сторінок - у пунктирну лінійку, чудово підходить для створення списків та щоденного плану. Розмір між лініями 0,7 см , що дозволяє пунктам списку "дихати вільно".
UX-частина: Формат блокноту А5, що дуже добре підходить як для роботи за столом, так і для того щоб покласти блокнот у рюкзак чи сумку. В ньому не дуже зручно робити записи тримаючи блокнот у руці, тому це більш офісний варіант.
Обкладинка обрана тверда , тому що цей блокнот можна брати із собою і щоб він не деформувався у сумці.
Також завдяки твердій обкладинці блокнот зручно відкривається та не закривається самовільно. Тверда обкладинка ще є додатковою основою, коли немає твердої поверхні щоб зручно було писати.
сторінки блокноту зшиті між собою, що забезпечує якісне скріплення сторінок та виключає випадання та відривання сторінок.
Кількість сторінок у блокноті - 80 ст. Така кількість забезпечує оптимальну товщину блокноту, він легкий, його зручно тримати у руці , при цьому він не деформується, як було б, якби сторінок було замало.
Такого блокноту вистачить на декілька місяців, за цей якраз в обкладинки може зіпсуватись зовнішній вигляд.

2) Джинси.
- UI-частина: фасон, колір тканини, форма та колір декоративних елементів, блискавок, ґудзиків.
- UX-частина: довжина штанин, висота талії, розташування блискавок та ґудзиків, щільність тканини та розташування тканини відносно швів, ширина поясу, об'єм талії та стегон, тип швів.

3) Кнопковий інтерфейс

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Yurii25 января 2023 14:46  
Вітаю!А де ваші повні курси якщо я так розумію що це частина безкоштовних??скільки коштують і скільки уроків??і теми курсу??

Вітаю. Цей курс є повним та розрахований на вивчення графічного редактору Figma та загального ознайомлення з UX/UI дизайном. Наступні курси в процесі написання.

Анастасія28 декабря 2022 17:12  
1) кружка
UI : колір - світло-рожевий ззовні, з різдвяним малюнком ,білий всередині, ; стиль - різдвяний; матеріал - кераміка
UX : об'єм - 350 мл; на ручці присутний стопор зверху,що дає фіксацію і міцно тримається у руці,в комплеткі є кришка для настоювання напою і зберігання темперетури

2) bluetооth колонка
UI: колір - темно-синій; матеріал - метал покритий селіконом; має 6 фізичних кнопок в колір корпусу, стиль - мінімалізм

UX: розмір - 22х7х7 см; вага - 650 г (зручно взяти з собою); безпровідна ,водонепроникна,має дві силіконові ніжки знизу, з боку два входи - AUX та usb- заряд,що закриваються силіконовою кнопкою для щільного прилягання,щоб вода не потрапила всередину , збоку прикріплена мотузка з цупкого матеріалу що дає змогу підвисіти на гачок,або рюкзак; автоматичне відключення після 10 хв бездіяння
має 6 кнопок (влиті,повністю вкриті силіконом,що дає змогу захистити їх від води) :
1. вкл/викл - довгим зажаттям
2. мінус - зменьшення звуку
3. плюс - збільшення звуку
4. плей/пауза - одне нажаття пауза,ще одне нажаття плей
5. знак блютуз - одне нажаття прийстрій готовий до з'єднання по блютуз
6. знак безкінечності - маршрутизатор

3)штучна ялинка
UI: матеріал - пластик,стовбур - металевий,вкритий гілочками з пластику, колір - темно-зелений

UX: висота - 2м, складається з двох частин для економного зберігання, 4-х знімних ніжок,що дають надійну опору: кожна гілка виконана з товстої проволоки для регулювання в будь-якому положенні,що також дає змогу скласти їх щільніше для економії місця,коли ялинка буде не потрібна,витримають будь-який різдвяний декор.

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Надія28 ноября 2022 17:54  
1 - обогреватль дуйчик
UI - стиль ретро
- форма округла, матеріал і колір - метал
-стиль позначок - мінімалістичні символи


UX - ручка режимів прокручується, вона ж вмикає обігрівач, форма ручки - звужена з однієї сторони, імітує стрілку
- символи режимів навколо ручки, наростають за годинниковою стрілкою
- вогник, сигналізує що обігрівач ввімкнений


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

4 - електронна сигарета
UI - матеріал корпусу - пластик, стиль футурістичний, прохолодного кольору шкала з лампочок, кнопка вімкненя маленька. Отвір для паління.
UX - колір матовий, на вибір: чорний, сірий, білий, бузковий.
Кнопка вімкненя збоку, у верхній частині, приблизно там де має розташовуватись великий палець.
Біля кнопки підсвічена шкала, показує рівень заряду і те що сигарета ввімкнена

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Василий Красненко8 ноября 2022 15:25  
Очень доходчиво, спасибо! Только не кладите в микроволновку фольгу!
Леся1 ноября 2022 23:23  
Мило. UI: колір, аромат, упаковка, текстура самого мила (гелеве, пінкове, тверде, кремове), наявність домішок візуально
UX: форма та розмір (зручно тримати в руці), наявність дозатора для рідких форм, склад (для прання, для рук і тд), додавання до складу (плямовивідник, зволожуючий крем, олії), упаковка (чи зручно брати з собою в поїздку), пінні властивості

Шкаф. UI: колір, матеріал, оздоблення, наявність підсвітки, розмір, форма, стиль оформлення, відкритий/закритий (типу вітрини, чи просто для зберігання)
UX: розташування та кількість полиць, наявність додаткових механізмів для зручниішого збергіння, призначення (одяг, книги, посуд, змішанний), спосіб відкривання дверей, ручки для відкривання дверей, можливість комбінування з іншими речами в інтер'єрі, зручність прибирання (легко миється, легко добиратися до всіх куточків), можливість самостійно змінювати планування внутрішнього простору

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

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Євгенія25 октября 2022 20:19  
Завдання 1.
1) Ноутбук
UI : Колір чорний, матеріал високоміцний пластик, логотип сірого кольору Lenovo, дісплей, клавіатура, сенсорна панель, два маленькі датчики майже під сенсорною панеллю, один завжди горить зеленим кольором і показує, що ноут увімкнений, інший світиться зеленим або червоним, щоби показати рівень заряду.
UX : дісплей 15,6 дюймів достатній для комфортного перегляду фільмів та роботи; літери на клавіатурі розташовані ближче до центру, які частіше зустрічаються у словах; сенсорна панель розташована по центру знизу, щобне було потрібно тягнутися до неї через весь корпус ноутбука, а так вона одразу під рукою; отвір для зарядного блока зліва збоку, щоби він не заважав користувачу при роботі; отвори для флешки та навушників розташовані по краях ближче до сенсорної панелі, щоби швидше та зручніше можна було їх увімкнути.
2) Павербанк
UI : колір білий, корпус пластик, логотип сірого кольору Redmi та 20000mAh на зворотньому боці, кнопка для увімкнення/вимкнення пристрою, 4 входи для usb-шнура, 2 in та 2 out.
UX : достатньо компактний для тримання у руці; входи для usb розташовані у нижній частині, щоб можна було підключитися до смартфону і продовжувати ним користуватись, одночасно тримаючи 2 девайси у руці; 4 маленькі світлові датчики розташовані біля входів та світяться у різній кількості, щоб показати рівень заряду від 1 до 4; кнопка увімкнення/вимкнення розташована ближе до входів знизу, а не зверху, щоб при триманні павербенка у руці випадково не нажати її пальцями.
3) Ліхтар
UI : колір червоний, ручка чорна, отвори для 3 батарейок,, світодіоди всередині за склом, кнопка вмикання та вимикання.
UX : ручка розташована зверху, щоб можна було легко переносити ліхтар із собою; знизу плаский та широкий, щоби впевненно стояв на поверхні і не падав; велика кнопка, яка випирає, щоб її легко можна було намацати у темряві та швидко увімкнути ліхтар.

Завдання 2.
Дзеркальце
UI : невелике кругле, колір білий із червоними квітами, складається з двох частин, пружина.
UX : невеликий розмір дозволяє покласти дзеркальце навіть у кишеню; пружина не дає дзеркальцю розкритися самостійно; дві частини розкриваються на 180 градусів, але можна зробити з них кут у 90 та поставити на стіл, тоді це звільняє обидві руки для нанесення макіяжу; самі дві відзеркалюючі поверхні знаходяться всередині, щоб не розбитися та не бруднитися.

Завдання 3.
Біометрична технологія - мімічний інтерфейс. Для розблокування смартфону використовується вираз обличчя користувача, або відбитки пальців.

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

КаринаUkraine flag підтримує ЗСУ 24 октября 2022 14:43  
1) Блютуз колонка
UI матеріал-пластик, метал, гума, тканина; колір-чорний та сірий. Наліпка із логотипом сірого кольору, букви об’ємні. На кнопках позначення вирізьблені
UX колонка має чотири кнопки : для регулювання гучності, кнопка відтворення чи призупинення звуку, кнопка для підключення радіо та кнопка живлення. Над кнопкою живлення є індикатор заряду, він підсвічується червоним кольором. Знизу є зручний, цупкий шнурок, за допомогою якого можна прив’язати її до рюкзака. Також є 4 роз’єми: для карти пам’яті, AUX, USB, DC-5V, до них є гумова накладка, що не дає проникнути пилу та волозі. Сам пристрій легкий та не об’ємний, легко поміститься у сумку чи рюкзак
2) Праска
UI матеріал-пластик, гума, метал, керамічна підошва, дріт у плетеному шнурку; колір фіолетовий та білий написи пласкі, у сріблястому кольорі на кнопках пару та подачі води – позначки вирізьблені.
UX праска має зручну ручку, вага 1,2 кг, на рівні вказівного пальця розташовані дві кнопки: для пару й води, за ними перемикач режимів, що перемикає між вертикальним відпарюванням, паровим ударом та постійним паром. Ще нижче є отвір для заливу води у резервуар та наконечник для оприскування одягу водою. На корпусі праски є позначка для наливу води, круглий елемент для виставлення температури та індикатор стану. Коли праска увімкнена- горить червона лампочка. Довгий шнурок дає змогу із комфортом прасувати на дошці.
3) Пульт для телевізора
UI матеріал-пластик, гума; колір-чорний; кнопки пласкі, підписані білим, кнопка живлення-червоним кольором
UX сам пульт майже невагомий, тонкий, компактний – це є комфортним у використанні. На корпусі мінімум кнопок, що робить пристрій максимально зрозумілим та простим у використанні. Знизу розташований відділ для батарейки із випуклою стрілочкою.
2.
Декоративна свічка у склянці
UІ матеріал- скло, парафіновий та рослинний віск, бавовняний гніт, коркова кришка; колір молочний; запах ванілі; висота 9 см
UX свічка чудового нейтрального кольору, має ненав’язливий солодкий аромат. Дуже зручною є склянка, до свічки не потрібно жодних підставок, увесь віск залишатиметься всередині. Коли вогонь погасне – склянку можна одразу накрити кришечкою, щоб дим від гноту не поширювався по кімнаті.
3. Голографічний інтерфейс

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

Надіслала відповідь на цей коментар у діректі в інстаграмі, де ви продублювали його.

Андріана 4 октября 2022 13:23  
1. Ручка для письма.
UI: Матеріал пластик синій та прозорий, синя резинова вставка. Розмір - маленький, подовгастої форми. Ручка складається з корпусу, ковпачка і стержня. Також присутній напис у стилі тиснення в золотому кольорі.
UX: Розмір та форма ручки підібрана таким чином, щоб зручно тримати в руці, прорезинена вставка розташована в тому місці, де користувач тримає ручку при письмі так зручніше її триматися і вона не сковзає при використанні. Корпус ручки має зйомний ковпачок який закриває перо ручки, що захищає користувача від випадкового забруднення чорнилом. Також корпус прозорий, що дозволяє користувачу бачити стержень ручки та оцінювати чи потрібно його замінити, що за потреби можна легко зробити викрутивши верхню частину ручки й дозволяє використовувати корпус ручки довше, змінюючи лишу стержень.

2. Чашка.
UI: Розмір - середній, колір білий в рожеву крапочку. Матеріал - кераміка, форма циліндрична з великою ручкою.
UX: Розмір місткий, достатньо, щоб помістити 300 мл рідини в гарячому чи холодному стані, матеріал витримує дуже високу температуру, можна налити кип'яток чи використовувати в мікрохвильовій печі, посудомийці. Ручка розташована збоку, щоб зручно брати та тримати чашку в руці. Плоске дно необхідне, щоб чашка стійко стояла на поверхні, в міру товсті стінки запобігають обпіканню руки й виконують функцію зберігання тепла рідини всередині.

3. Телефон iphone
UI: Розмір середній, лицьову сторону майже повністю займає екран, присутні вирізи для камери динаміка та датчиків у верхній частині. торці скошені, з одної сторони на торці механічна металева кнопка живлення, з іншої сторони 2 кнопки механічні гучності та перемикач режимів звук / вібро. Задня частина скляна з логотипом та вирізом у верхньому кутку з датчиком камерою та спалахом. Колір білий.
UX: Великий екран дозволяє кращий огляд інтерфейсу девайсу, кнопка живлення розташована так, щоб її легко було натискати великим пальцем, тримаючи телефон в руці, також в такому положенні вказівний та середній палець лягають на кнопки зменшення та збільшення звуку, що спрощує користування ними та не викликає проблем завдяки розміру телефону та розташування кнопок. Механічний перемикач переводить телефон в режим вібро за секунду, це зручно, бо не потрібно для цього вмикати телефон та шукати цей пункт в шторці, також економить час і це можна зробити не витягаючи телефон повністю з сумки чи кишені. Фронтальна камера ховається у верхній частині лицьової сторони, на рівні очей, що чудово підходить для фото портрета чи селфі. задня камера має більший розмір лінзи, щоб захватити більше середовища на фото. Розташування задньої камери вдало ще тим, що не закрити випадково пальцем лінзу і знімки зручно було робити одною рукою.

2) Виделка.
UI: Металева видовженої та злегка вигнутої форми, не великого розміру. На ручці присутній візерунок. З іншого боку присутні загострені зубці 4 штуки.
UX: Форма та розмір виделки зроблена для того, щоб легко тримати її в руці. Загострені зубці виконують свою функцію наколення їжі. Завдяки більшій кількості зубців можна наколювати більш дрібну їжу та у більшій кількості за раз. Матеріал виделки надає їй стійкості та багато вічності.

3) Пошук за зображенням.

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Вікторія19 сентября 2022 20:29  
1) Валіза

UI: Розмір - середній; матеріал - пластик + металеві колесика та тканина всередині валізи; форма прямокутна; колір - бронзова основа, колесика чорні, 1 ручка - чорна зі срібною кнопкою, 2, що витягається, також чорна, валіза всередині чорного кольору з мінімальними візерунками, лиш одна кишенька сірого кольору; усі кишеньки всередині та їх к-сть - 4; також всередині є резинка для речей з пластиковим закріплювачем; на головній частині валізи зверху вставлене лого білого кольору на чорному фоні похиленим напівжирним шрифтом.

UX: ручка розташована зверху та має подовгасту форму, щоб користувачеві було комфортно її тримати та носити саме рукою. Друга ручка висувна, щоб валізу можна було тягти саме нею, а щоб її висунути на ручці розташована кнопка, на яку потрібно натиснути. Кнопка існує задля того, щоб ручка висувалась лише "за командою". Також прикріплені колесика, щоб користувач не носив (напевно важку) валізу в руках, відповідно, висувна ручка та колесика таким чином скомбіновані. Колесика повертаються на 360*, щоб валіза могла пересуватись у різні сторони без проблем. Всередині валізи основна містка частина та 4 кишеньки: одна на одній частині валізи, та ще 3 на другій, усі на замочку задля того, щоб речі залишались у кишеньках, не випадали, та їх можна було посортувати в кожну з кишень. Виняток - 1 кишенька сіткоподібна, щоб користувач бачив що в ній знаходиться не відриваючи. Також всередині валізи знаходиться резинка, щоб закріплювати розміщені на одній стороні речі.

Баночка парфумів

UI: розмір - 50мл; форма - основа квадратна, ковпачок напівкруглий, розприлювач круглий; всередині скляна прозора вставка, де видно к-сть парфумів, за межами вставки парфуми чорного кольору вкриті маленькими сріблястими блискучими нібито піщинками; рідина самих парфумів - світло-коричнева; на скляній вставці надпис Black - звичайний шрифт великими буквами, під ним - Opium - той самий шрифт напівжирний великими буквами, ще під цим - лого Yves Saint Laurant - похилений, набагато менший шрифт, усі слова разом. букви YSL - великі, колір шрифту - чорний. На корочку, внизу, також лого Yves Saint Laurant тільки золого кольору прописаний довкола корочка. Внизу наліпка торгової марки з текстом білого кольору.

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

Джойстик XBOX

UI: колір чорний з кількома різнобарвними кнопками, усього разом їх 18; внизу розташована кришечка, під якою місце для батарейок, також подовгастий роз'єм для зарядки, ще один трохи більший подовгастий роз'єм і ще один маленький круглий.

UX: з правої сторони джойстика ромбом розташовані 4 круглі кнопки X, Y, B, A, зліва внизу від них розташований один стік, який рухається у всі сторони і відповідає за рух камери. Зліва від стіка ще 4 кнопки у формі хрестоподібного ромба, розташовані при купі. Зверху зліва від них розташований ще один стік, який так само крутится на 360*. Справа від стіка зверху розташовін ще дві маленькі за розміром круглі кнопочки. Повністю усі кнопки комфортні, легенько натискаютсья та мають ідеальний розмір для пальців, кожна виконує окрему функцію. Сам джойстик має приємний на дотик матеріал та має вироблені так звані "ручки" для тримання в долонях.

2) Кухонна дошка для нарізання

UI: колір - бежевий з білими полосками; матеріал - дерево; маленька металева ручка срібного кольору

UX: дошка прямокутної форми, вузька, щоб зручно було покласти її на поверхню та зручно нарізати на ній; маленька металева ручка на верхній частині дошки існує для того, щоб користувач не тримав безспосередньо за саму дошку.

3) Шрифт Брайля, можливо?

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Юрій8 сентября 2022 08:45  
Ліцей №26, м. Луцьк
Поліна6 сентября 2022 13:38  
Натикнулась на рекламу курсу в Інстаграмі. Дуже цікаво. Дякую Вам!
Yuliya LepenkoUkraine flag підтримує ЗСУ 3 сентября 2022 15:09  
ДЗ до 1 уроку
1. Кавова машина.

UI- матеріал- пластик і метал. Колір- чорний з сірими вставками та чорний напівпрозорий . Жирний шрифт сірого кольору. Кнопки підписані іконками, схожими на стиль самого шрифту. Наліпка від виробника з фото ароматної кави, що підсилює бажання зварити і випити смачну каву.

UX- механічні кнопки. Компактний розмір. Стімер знаходиться з правого боку машини, що дозволяє не обпекти руку в момент одночасного приготування ще однієї кави та використання самого стімера. Контейнер для кави знаходиться позаду кавової машини, напівпрозорий, для того, щоб можно було контролювати наявність кавових зерен, не відкриваючи кришку контейнера.

Тостер

UI- колір-чорний, кнопки-сірі. Матеріал- пластик, метал.

UX- маленький розмір. 2 отвори для тоста. Механічна кнопка, для регулювання часу запікання тосту. Механічний фіксатор вмикання і вимикання пристрою. Звуковий хлопок на завершенні приготування тосту, який дозволяє не забути про хлібець та встигнути з’їсти його горячим. Шнур короткий, тому потрібно скористатися переноскою або знайти місце на кухні неподалік розетки.


Кухонна витяжка

UI- Стиль - лофт. Колір-чорний, сірий. Матеріал- товсте скло, алюміній, пластик. Шрифт- жирний, звичайний, чорного кольору на сірому фоні. Квадратна форма.

UX- компактий розмір. При потребі використання витяжки на всю потужність, нижня частина відкривається на 45 градусів, що дозволяє максимально швидко позбавитися запахів. Механічні кнопки невеликого розміру, але знаходяться на достатній відстані, що дозволяє не зачепити сусідні при вмиканні чи вимиканні. 3 рівня потужності роботи. Додаткова кнопка для вмикання підсвітки, яку можна використовувати незалежно від потреби у витяжці.

2. Окуляри

UI- колір-чорний. Матеріал-пластик і скло. Стиль- класичний.

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

3. Face id

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

Завдання 1. Кавова машина. Все вірно, молодець!

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

Кухонна витяжка. Ви вказали все правильно.

Завдання 2. Окуляри. Тут також все добре, але єдиний момент, що ось такий аналіз "при цьому попит на данний товар може бути меншим, так як не всім підійде по розміру" не відноситься до UX, це скоріше вже аналіз потенційної аудиторії маркетологами.

Завдання 3. Face id. Правильно.

Бачу ви добре засвоїли матеріал та зрозуміли в чому полягає різниця між UX та UI характеристиками певних предметів.

Люба Фурсеєва30 августа 2022 22:55  

Юрій, дякую! Так, використовуйте, але за умови, що ви вкажете, хто автор.
Можна поцікавитись, в якій школі ви працюєте?

Юрій29 августа 2022 22:54  
Дуже цікавий матеріал курсу! З дозволу автора використаю на уроках інфрматики в школі?
ВарвараUkraine flag підтримує ЗСУ 23 августа 2022 03:49  
Завдання 1
1) Рейл для речей
UX: немає ручок, тому пересувається за основні трубки, є 4 колесика що облегшують рух, гострі кінці закриваються пластмасовими наконечниками, трубки на яких розташовуються вішаки можна регулювати по висоті та кількості, довжина не надто велика що дозволяє поставити його будь-де, стійка конструкція дозволяє розмістити на ньому велику вагу речей.
UI: матеріал: метал та чорний пластик, однотонний дизайн, щоб не виділявся в інтер'єрі, труби різних діаметрів, що візуально приємно
2)Спортивна пляшка для води
UX: автоматичне відкриття за допомогою однієї кнопки для економії часу та зручності, об'єм 850 мл для того, щоб людина всього за 2 наповнення пляшки випивала свою добову норму, ручка на кришці пляшки для того, щоб взяти пляшку з собою та при цьому не брати її за саму основу, прорезинена кришка не дає витікати воді
UI: матеріал: пластик, колір: різні відтінки синього та срібний, основа пляшки напівпрозорого синього кольору, на передній частині має мотиваційний надпис срібним кольором 2 видами шрифту, один рукописний інший м'який друкований, на задній частині пляшки зображена срібним кольором шкала кількості випитої води, кришка та кнопка для відкривання має насичений синій колір, ручка на кришці темно синього кольору, що дає гарний контраст.
3)Бездротові навушники AirPods
UX: навушники без дротів, що дуже зручно, тому що вони не плутаються, вбудований мікрофон в навушник не треться об одяг та не створює перешкод в розмові, індикатор дотику на навушниках дозволяє прийняти дзвінок, перемикати, зупиняти та відтворювати музику без взаємодії з телефоном, практично, тому що телефон не завжди може бути поруч. Кейс для навушників має всередині індикатор заряду, який показується зеленим, жовтим або червоним кольорами в залежності від стану зарядженості кейсу, на зворотній стороні має кнопку для перезавантаження. При підключенні до телефону, з'являється вікно де показано рівень заряду кейсу та кожного навушника в процентах. Для зарядки підходить звичайний лайтнінг, що спрощує процес зарядки.
UI: матеріал: пластик, колір: білий та чорний, форма чохла: прямокутна із заокругленими кутами, чохол невеликої форми що легко поміщається до кишені, навушники також невеликі та універсальні, підходять для будь-якого розміру вуха, виглядають охайно за рахунок мінімалістичного дизайну, білі навушники та індикатор чорного кольору, мікрофон знаходиться на нижній основі навушника тому його зовсім не видно, на чохлі є кнопка перезавантаження що знаходиться на рівні з ним, тому зовсім не помітна. Роз'єм зарядки знаходиться на нижній частині чохла тому його також не помітно і весь чохол за рахунок деталей виглядає мінімалістично
Завдання 2:
Гранена склянка
UX: склянка має грані за які зручно її брати, та щоб вона не висковзнула, має однорідну форму без завужень, що рівномірно розподіляє об'єм води в ній, товстий шар скла не дасть розбитися від легко удару або різкого стуку та в таку склянку можна налити кип'яток і вона не трісне, прозоре скло дає змогу побачити вміст склянки
UI: матеріал: скло, форма: витягнуте догори коло, в нижній частині має грані, сторона без граней та з ними однакова по розміру, що візуально приємно
Завдання 3:
WIMP-інтерфейс
Особливість цього інтерфейсу в тому, що взаємодія з користувачем відбувається за допомогою графічних образів - меню, вікон та інших елементів. Команди також подаються "машині" але через графічні образи

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

Завдання 1. Рейл для речей. Все вірно, молодець!

Спортивна пляшка для води. Дуже детально та правильно розписали все.

Бездротові навушники AirPods. Тут також все класно та правильно.

Завдання 2. Гранена склянка. Правильно та класно, що ви розібрали таку популярну річ.

Завдання 3. WIMP-інтерфейс. Все супер і приклад цікавий! Переходьте до наступного уроку!

Оксана 4 августа 2022 23:52  
Первый урок.
1. Кондиционер
UI:
- [ ] Материалы и цвета — металл и пластик, светло серый металлик;
- [ ] Форма: квадратный, плоский (как картина), углы радиусные ;
- [ ] Дизайн: современный. Корпус по лицевой стороне плавно утоплен во внутрь. Лицевая панель, перекрывающая по лицу корпус, по периметру меньше основного корпуса. Что создает видимость картины.
- [ ] Дисплей командный в нижней части блока.
- [ ] Над дисплеем название модели большими буквами и жирным шрифтом.
- [ ] Под дисплеем логотип компании.
UX:
- [ ] На дисплее при выборе команд на пульте загораются выбранные команды;
- [ ] Распределение воздушного потока в 3-х направлениях при помощи открывающихся по бокам и снизу лопастей; В ночном режиме нижняя лопасть закрывается для комфортного сна;
- [ ] Управление кондиционером осуществляется при помощи пульта дистанционного управления.
- [ ] Плоская форма придает эстетичный вид и создает эмитацию картины.

2.Робот пылесос
UI:
- [ ] Материалы - пластик;
- [ ] Крышка глянцевая
- [ ] Цвет - черный
- [ ] Форма - круглый, невысокий, компактный
- [ ] На поверхности 2 круглые кнопки для механического включения
- [ ] Над корпусом устройства возвышается круглая башня, в которой спрятаны датчики;
- [ ] С правой стороны крепится пятилопастная резиновая щеточка для сбора мусора, а в нижней части — турбощетка и колесики
- [ ] На глянцевой крышке сверху название модели. Стиль надписи плоский, шрифт жирный без засечек
UX:
- [ ] Не большая высота позволяет пылесосу заезжать под мебель в трудно доступные места для уборки
- [ ] Круглая форма и датчики помогают уберечь стены и мебель от ударов
- [ ] Пятилопастная резиновая щетка своим боковым расположением позволяет собирать мусор в углах
- [ ] Есть механический запуск пылесоса и команда домой с помощью кнопок на глянцевой поверхности
- [ ] Управлять устройством можно через програмное приложение
- [ ] Управление через wi-fi с любой точки мира
- [ ] Прибор выдает голосовые уведомления при выполнении своих задач
- [ ]
3.Варочная электрическая встраиваемая поверхность домино
UI:
- [ ] Материал- стеклокерамика
- [ ] Цвет - черный
- [ ] Форма - прямоугольная с закругленными углами малого радиуса
- [ ] Малогабаритная в размерах, плоская
- [ ] На поверхности белым цветом отмечены окружности 2-х конфорок
- [ ] В верхнем левом углу написан белыми буквами бренд производителя. Стиль надписи— плоский, шрифт без засечек.
- [ ]
- [ ] В нижней части в одну линию нарисованы белым цветом сенсорные кнопки управления поверхностью (включение, выключение, таймер выключения, указатели конфорок и управление мощности нагрева)
UX:
- [ ] Малогабаритная в размерах, плоская, встроенная
- [ ] Материал поверхности позволяет легко ухаживать за ней, что придает ей всегда эстетический вид
- [ ] Закругленные углы защищают от травмирования
- [ ] Сенсорные кнопки удобные в размерах для нажатия пальцем
- [ ] Для увеличения нагрева достаточно пальцем провести по нарисованным кнопкам в сторону увеличения, что дает возможность подбора необходимой температуры нагрева конфорки
- [ ] При окончании работы таймера происходит автоотключение плиты
- [ ] Блокирует свою работу при попадании воды и перегреве
- [ ] Одна из кнопок - замок от детей
4.Комод с ящиками
UI:
- [ ] Узкий, высокий на 5 ящиков
- [ ] Материал - шпонированное ДСП. Шпон дуба
- [ ] Цвет - мокко
- [ ] На левой боковине комода внизу логотип компании производителя, Стоить выпуклый,шрифт с засечками.
- [ ] Между фасадами зазоры по 20 мм
- [ ] Без ручек
UX:
- [ ] Высота комода комфортная для эксплуатации
- [ ] Ящики глубокие и вместительные
- [ ] Зазоры между фасадами придают комоду определенный стиль и достаточно удобны для открывания ящиков пальцами руки

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Софія22 июля 2022 13:18  
1 завдання:
1 - Пенал
UI: колір тканини - рожевий, етикетка та замок - жовті, матеріал - сіточка. Замок – металевий. Шрифт етикетки – жирний, без засічок, синій.
UX: Розмір пеналу - трохи менший за формат А5, через схожість за розміром з розміром руки людини зручно тримати.
Пенал плоскої форми, що також надає зручності в носінні або складанні в сумку або рюкзак, через невеликий об'єм не займає багато місця. .
Туди ідеально поміщаються ручки, олівці, ножиці, лінійки тощо, пенал не маленький і місткий
Матеріал пеналу - сіточка, отже його легко буде помити у разі забруднення, він майже не мажеться.
Собачка на змійці, великої форми, зручно тримати в руках при розтягуванні або застібці.
З боку в пенал вшитий маленький гачок за який можна тримати пенал або вішати, також за цей гачок можна повісити брелок або стрічку щоб його персоналізувати.
2 - Зарядний пристрій для макбука
UI: Матеріал блоку - пластик, матеріал дроту - термопластик, матеріал порту та роз'єму - алюміній. Колір блоку та дроту - білий. З боку на блоці написана інформація про виробника, шрифт сірий без засічок, а також збоку на блоці зарядки вигравіруваний логотип компанії.

UX: вилка на блоці знімна і можна туди вставити провід довше щоб бути далі від розетки (для зручності).
Також знімна вилка може змінюватися з європейської на американську і навпаки.
Збоку на блоці написана інформація про адаптер (обмеження за напругою, спосіб утилізації тощо) Важлива інформація, щоб уникнути раптових спалахів.
Білий колір приховує подряпини, на ньому подряпини видно гірше ніж наприклад на чорному.
До шнура зарядки прикріплений гумовий тримач, який можна зачепити за цей же провід, щоб він не заламувався (зробити кут залому тупішим)
Порт зарядки Magsafe дозволять примагнічуватися до порту в макбуку, сіли зачепитися за цей провід магніт з легкістю відкріпитись і макбук не впаде.
На штекері зарядки розташований індикатор, який допомагає зрозуміти вам статус зарядки (зелений або червоний заряджається, сірий ні, це говорить про те, що зарядка не підключена до розетки). Зелений колір повідомляє, що комп'ютер повністю заряджений, червоний, що зарядка йде.
3 - Гаманець
UI: Тканина - текстиль, принт - білі ромашки на блакитному тлі, матеріал кнопок та собачки - коричневий метал. Колір змійки - коричневий, етикетка бордового кольору, шрифт - білий, жирний, underlined.
UX: Розміри гаманця - трохи менше долоні, зручно вміщується в руці.
Кнопки допомагають закрити гаманець, щоб звідти не висипалися купюри, монети чи картки.
У гаманці знаходяться два плоскі відділення для купюр, також є відділення на замку для монет (замок для того, щоб монети не висипалися. Є відділення для карток, у кожне відділення - одна картка, відділення досить близько прилягають один до одного, що дозволяє картам не висипатись.
2 завдання:
Столова ложка
UI: колір-сірий, матеріал - срібло
UX: срібло стійке до дії вологого середовища, не взаємодіє з органічними кислотами, а також із розчинами лугів, азотом, вуглецем, стійке при взаємодії з киснем. Вигнута форма ложки внизу допомагає накладати їжу, через форму їжа не випадає з ложки, верхня частина ложки зручно триматися в руці. Саме такий розмір ложки допомагає взяти правильну кількість їжі для одного пережовування.
3 завдання:
Датчики визначення терміну придатності та свіжості продукту у холодильнику. І передача інформації холодильнику для встановлення правильної температури зберігання та вологості.

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Виктория6 июля 2022 17:35  
Первый урок
Павер банк:
Ui: метал, покрытие чёрного цвета, прямоугольная форма с закругленными краями, серая надпись шрифтом без засечек, акцентный голубой цвет кнопки при включении.
UX: небольшой размер для удобного использования (удобно брать в руку, помещается в карман), название фирмы размещено по центру, 4 маленьких индикатора заряда расположены на одинаковые расстоянии друг от друга

Шкаф купе (3 двери):
Ui: материал: основа -дерево и двп, двери - пластик и стекло, метал, узор на стёклах, пластик необычной формы, золотого цвета
Ux: 3 двери открывающиеся во все стороны, для удобства использования. Разное расположение палочек в данной части шкафа под разные вещи. Необычная форма пластика на дверях выполнят функцию ручек, для удобного закрытия и открытия, 3 лампы-подсветки.

Блокнот:
Ui: яркая обложка привлекают внимание, клетки на внутренних страницах, форма А3, 120 листов молочно-белой бумаги.
Ux: количество страниц, разделители (по темам/месяцам)..

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Ілона КUkraine flag підтримує ЗСУ 5 июля 2022 12:42  
Завдання 1
1) Вентилятор
UI: поєднання білого та сірого кольорів, матеріали – метал і пластик, основна форма кругла, чорний напис рукописним шрифтом із назвою виробника по центру пластикової вставки;
UX: чотири круглі кнопки на корпусі для регулювання потужності, три функціональні частини (лопасті), що створюють потік повітря обертаючись, регульована за висотою підставка з хрестовидною основою для надійної опори, дріт достатньої довжини для зручного використання у будь-якій точці квартири.
2) Настільний мольберт
UI: матеріал – ДВП і дерево, метал для деталей-регуляторів, колір і структура натурального дерева, напис із назвою виробника курсивом із засічками;
UX: розміри, що дозволяють використовувати формат А3, знімний планшет для зручного використання, регульована висота і кут нахилу мольберта, зручні ніжки для роботи на столі, регулятори висоти з двох боків мольберта обертаються в різні сторони, щоб запобігти випадковому «роз’їжджанню» ніжок.
3) Принтер Pantum
UI: матеріал корпусу – пластик чорного кольору, деякі деталі виконані із металу, форма прямокутна з обтікаючими кутами, на передній панелі напис шрифтом без засічок білого кольору, наліпки з ілюстраціями функцій принтера також білого кольору.
UX: досить компактні габарити, три кнопки зверху для регулювання процесу друку та включення/виключення приладу, кришка зверху легко відкривається, створюючи підставку для віддрукованих аркушів, знизу пластикова частина, на яку кладеться папір має невеликий «бортик», щоб аркуші фіксувались у потрібному форматі і не випадали.

Завдання 2
Рамка для фотографії
UI: матеріали – прозоре скло, пластик чорного кольору, ДВП, металеві підвіси, прямокутна форма з гострими кутами.
UX: ДВП для щільного прилягання фотографії до скла зсередини, зажими ззаду рамки для фіксації ДВП та підвісів, підвіси виготовлені з металу для міцності та здатності витримати вагу скла і ДВП, мають «зубчики» для можливості правильно підібрати кут і повісити картину/фотографію рівно.
Завдання 3
Відстежування рівня цукру в крові для хворих на діабет

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

Добрий день!

Завдання 1. Вентилятор. UI: правильно. UX: правильно.

Настільний мольберт. Все правильно.

Принтер. Також все правильно.

Завдання 2. Рамка для фотографії.UI: правильно. UX: правильно.

Завдання 3. Датчик рівня глюкози в крові. Хороший приклад, правильно.

Ви чудово розібрались, рухайтесь до другого уроку

Валерія ВодяшинаUkraine flag підтримує ЗСУ 4 июля 2022 19:07  
Завдання 1.
1) Бездротова миша Logitech
UI:
Чорний корпус із вставкою синього кольору.
Пластик найвищої якості.
Логотип сріблястий колір на лицьовій частині.
Глянцеві іконки-покажчики на слот для батареї.
Округлена прогумована прямокутна плашка з інформацією про мишу.
Сіра прямокутна наклейка з моделлю мишки, QR-кодом та серією.
Шрифт без засічок із округленими кінцями.

UX:
Маленький розмір дозволяє зручно тримати мишку в руці і зручна для різного розміру долоні.
Чорний і темно-синій колір мишки не так швидко мажеться.
Злегка щільний зернистий пластик на основному корпусі приємно відчувається в руці і завдяки зернистості рука не ковзає.
Бездротова — користувач не плутається у проводах, може використовувати її на різній відстані від пристрою, компактніша (не потрібно нікуди ховати провід).
Плавна вигнута форма відмінно підходить під розташування руки на мишці так, що кисть не втомлюється.
Прогумоване коліщатко з широкими засічками так приємніше і не сільзит при прокручуванні.
Права та ліва механічні кнопки для натискання, де відчувається відгук – відразу зрозуміло, що ти натиснув.
Простота (немає додаткових кнопок) - такою мишкою користуються різні люди для роботи, а не для гри, тому двох основних кнопок достатньо. При цьому не потрібно вантажити мозок навіщо потрібні ці додаткові кнопки.
Червоний індикатор допомагає зрозуміти, що мишка працює
Невелике заглиблення на кришці для зручності її зняття
У слоті з батареєю знаходиться роз'єм для зберігання USB адаптера і це дуже зручно. не потрібно шукати інше місце і не втратиш його
Прогумовані подушечки роблять ковзання миші більш плавним
Кнопка ON/Off зроблена з опуклою смужкою, щоб було зручніше перетягувати з боку в бік.
Яскравий сірий колір, широке зображення шрифти і білий колір для напису на наклейці ззаду відразу залучає користувача до найважливішої інформації для нього - модель, QR-код і серійний номер.


2) Павербанк Xiaomi
UI:
Темно-сірий корпус.
Корпус виготовлений з алюмінію.
На лицьовій частині витіснений логотип маленького розміру.
Мінімалістичний дизайн.
Прямокутної форми.
Верх і низ виглядають як прямокутники із сильно округленими кутами, матового чорного кольору.
Для написів використовується світло-сірий колір.
Шрифт без засічок і Regular зображення.

UX:
Парвебанк досить легкий та середнього розміру, тому його зручно носити із собою.
Обтічна форма додає зручності у триманні паверу.
10000 mAh вистачить на 2-3 повні розрядки сучасного смартфона.
Панель з усіма кнопками знаходить нагорі для зручності користувача.
Кнопка включення знаходиться праворуч близько до краю і зручно натискати на неї великим пальцем (якщо тримати лицьовою стороною).
Індикати яскравого білого кольору зроблено у формі 4 точок, які показують заряд. Так користувач швидко розуміє стан батареї (іноді можна їм присвятити).
Напис "10000" виділено в частині з інформацією внизу павербанку, щоб користувач одразу побачив потужність павербанку.
Шрифт без засічок для зручного прочитання.
Алюмінієвий корпус складніше зламати і він повільніше нагрівається під час роботи.

3) Вентилятор
UI:
Кольори: зелений та білий.
Корпус зроблений із пластику, а ніжка та решітка з металу.
У центрі розміщено великий логотип компанії акцентного синього кольору.

UX:
4 режими дозволяють вибрати ту силу обертання, що підходить.
Кнопка закріплення дозволяє закріпити вентилятор у певному напрямку або зробити так, щоб він крутився.
Металеві грати захищають крила вентилятора від пошкодження.
Метровий шнур дозволяє відсувати вентилятор від розетки.
Використання пластику здешевлює собівартість виробництва.
Ніжки навхрест додають стійкість конструкції.
Механічні кнопки для простоти та зручності. При натисканні на потрібний режим вибрана кнопка залишається

Завдання 2.
Іграшка котик двохсторонній

UI:
Кольори: сірий та молочний для тіла, рожевий для вушок, чорний для очей, рота, вусів, білий для хвоста.
М'яка пухнаста тканина.

UX:
Іграшка має 2 сторони з емоцією радості та злості. Це виділяє її на тлі інших і робить цікавішою + за фактом 2 іграшки в одній.
У центрі пошити верхівки голови, щоб було зручно вивертати і нічого не випадало.
4 плоскі лапки зроблені для стійкості іграшки.
Різні кольори вибрано, щоб візуально можна було легко відрізнити емоції.
Форма півсфери вибрано для стійкості іграшки.
Милий дизайн і м'яка пухнаста тканина сприяє купівлі.

Завдання 3.
Розумні ваги - управління вагою людини.

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

Добрий день!

Завдання 1. Комп'ютерна миша. UI: правильно. UX: правильно.

Павербанк. Все правильно.

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

Завдання 2. Іграшка-котик. Ви вказали все правильно.

Завдання 3. Розумні ваги. Я так розумію, що ви мали на увазі датчик ваги. Правильно.

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

Вікторія ГрищенкоUkraine flag підтримує ЗСУ 30 июня 2022 13:01  
Дякую за відповідь! Розібрала ще 1 предмет)

Духова шафа
UI: колір: шампань; матеріал: скло, метал, емальована сталь; стиль: ретро; шрифт: без засічок.
UX: Вбудована; різноманітні функції приготування; галогенове освітлення всередині шафи; вентилятор охолодження; дека у комплекті; керування відбувається за допомогою металевих перемикачів; механічний циферблат.

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

Привіт! Так, тепер все добре, ви розібрались, переходьте до наступного уроку

ВікторіяUkraine flag підтримує ЗСУ 29 июня 2022 17:19  
Завдання 1.
1. Пральна машина Electrolux
UI: Білого кольору; матеріал корпусу: пластик, матеріал барабану: карборан; фронтальний тип; екран на якому видно встановлену програму та час прання; ручка вибору програм, відсік для порошку.
UX: мають різне максимальне завантаження (кг); автоматичне блокування дверей після запуску (захист від дітей); захист від протікання; відсік для прального порошку поділено на декілька секцій для різних видів порошку (рідкий або розсипний).
2. Кавоварка DeLonghi Cappuccino
UI: Чорного кольору з металевими елементами; матеріал: пластик і метал; електронний дисплей, який управляється кнопками; відсіки для зерен кави і води; піддон для чашки; зйомний капучінатор.
UX: Автоматичний помол зерен у відсіку куди вони засипаються; функція видалення накипу; функція автоматичне відключення; функція капучіно, «моя кава»; можливість одночасно зробити каву у 2 чашки.
3. iPhone 13 Pro
UI: Дисплей 6,1 дюйма; колір: срібний. Задня панель містить 3 камери, спалах/ліхтарик, датчик для зйомки вночі, логотип Apple посередині. По боках зліва і справа знаходяться кнопки керування, знизу розʼєм для зарядки/навушників. Передня панель містить екран, фронтальну камеру, датчик Face ID.
UX: боковинки з нержавіючуї сталі; камери: телефото, надширококутна та ширококутна, оптичний зум, кіноефект, портретний режим; захист від води; екран ProMotion, 5-ядерний процесор; телефон підтримує бездротову зарядку.
Завдання 2.
1. Ракетка для великого тенісу
UI: композитний метеріал; колір блакитний; наявні струни.
UX: натяжка 16х19; вага 300 г; довжина 700 см; розмір ручки 3.
Завдання 3.
Датчик втоми користувача. Було б круто, якби гаджети відслідковували твій стан і пропонували перерву або відпочинок, спираючись на твою продуктивність і кількість часу проведеного за монітором)

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

Добрий вечір!

Завдання 1. Пральна машина. UI: правильно про колір і матеріали, але все що далі не відноситься до зовнішнього вигляду, а більше до UX, так як, наприклад, екран, що показує час прання впливає на досвід користувача. Як би ви написали, що екран глянцевий, а шрифт там моноширинний синього кольору (до прикладу), то було б правильно. UX: все правильно.

Кавоварка. UI: тут також правильно про колір і матеріал, решту відносимо до UX частини. UX: правильно.

Смартфон. UI: тут тільки колір правильно, решта відносимо до UX частини. UX: про боковини зі сталі це до UI, решта правильно.

Завдання 2. Ракетка для великого тенісу. UI: наявність струни це до UX частини. UX: Все правильно.

Завдання 3. Датчик втоми. Напевно втому можна було б відстежувати за допомогою камери, зараховується.

Вам потрібно уважно перечитати частини про UI й UX, ви ще трохи плутаєтесь. Після цього розберіть ще один предмет, щоб переконатись, що ви засвоїли матеріал

АняUkraine flag підтримує ЗСУ 27 июня 2022 18:10  
Завдання 1
1) Power Bank
UX: невеликий розмір, що дозволяє брати з собою будь-куди і будь-коли; легкий; простий у використанні; довго тримає заряд; підходить на будь-який телефон
UI: приємні кольори, як правило - срібний та чорний

2) Мультиварка
UX: за допомогою всіх функцій самостійно готує їжу, що економить час; коли все готово, вмикається звук, який про це попереджає, а сама мультиварка відразу припиняє свою роботу; широкий вибір функцій допомагає приготувати будь-що без великих часових затрат; досить компактна і не займає багато місця
UI: сучасний дизайн, перелік усіх функцій чітко прописаний на панелі, текст легко читається, не має зайвих елементів, які б відволікали чи заважали в користуванні

3) Фітнес-браслет
UX; легкий, не відчутний на руці; за рахунок дірок на ремінці можна регулювати браслет під свою руку, щоб було зручно користуватись; всі функції видно на панелі, перегортаються за свайпом, браслет з'єднується з телефоном і більш детальну інформацію можна побачити в додатку
UI; великий вибір кольорів для ремінців, які можна змінювати, щоб можна було носити браслет постійно і він не псував загальний образ, простий та лаконічний дизайн

Завдання 2
Окуляри
UX: Спеціальні резинові вставки на ручках та на частині, яка торкається носу, щоб не металева/пластикова оправа не натирала і не давила під час використання; легка оправа, щоб було зручно користуватись і не користування не викликало дискомфорту; спеціальне напилення, яке захищає від уф і зменшує навантаження на очі під час користування комп'ютером
UI: Як правило, оправа виконана в спокійних кольорах, що не псує загального образу людини і підходить під все
Завдання 3
Siri

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

Добрий день!

Завдання 1. Павербанк. Правильно.

Мультиварка. UI: перелік усіх функцій відноситься до UX частини, адже це допомагає користувачу зрозуміти, що здатна робити мультиварка (спрощує користування). UX: Правильно.

Фітнес-браслет. Все правильно.

Завдання 2. Окуляри. Також все правильно.

Завдання 3. Siri. Ви навели приклад голосового інтерфейсу, який вже згадувався в уроці. Треба навести приклад нового інтерфейсу.

Все добре, але доробіть третє завдання. Після цього переходьте до наступного уроку

Polina26 июня 2022 14:05  
Завдання 1.
Бездротові навушники
UI: матеріал - приємний на дотик пластик (робить виріб більш легким та комфортним у використовуванні), блакитний колір (не білий і не чорний, як завжди, привертає увагу), невеликий кейс ергономічної форми (добре лежить у руці, всюди легко уміщується), добре видно логотип Samsung (для легкої впізнаваності) , присутній індикатор заряду (щоб розуміти, коли потрібно заряджати навушники), присутні написи, які вказують, куди класти лівий і правий навушники, усі написи виконано одним шрифтом.
UX: зручний механізм відкривання та закривання кейсу (кейс приємно клацає), наявність жолобку на кейсі для його зручного відкривання, магнітики в навушниках (коли кладеш їх у кейс, вони самі примагнічуються та стають у потрібне положення), наявність різних розмірів амбюшур у комплекті (тобто навушники підійдуть для різних людей з різними вухами), дріт type-c (сучасний, ним можна заряджати зараз майже будь-який пристрій).

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

IQOS
UI: білий із золотими написами, пластиковий, сучасний, форма - прямокутний з заокругленими кутами.
UX: приємний механізм закривання та відкривання (клацає), кнопки розташовані на правій боковій частині пристрою (для зручності), сам пристрій нагрівання тютюну віддалено нагадує звичайну цигарку, зручно тримати в руках (круто для тих, хто переходить зі звичайних цигарок на айкос)

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

Завдання 3.
Face ID)

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

АнастасіяUkraine flag підтримує ЗСУ 24 июня 2022 22:05  
Завдання 1.
Лампа від комарів
UX-крючок аби повісити лампу згори, розташування кабелю та італійська розетка. (каблеь надто комфортний враховуючи, що за задумкою продукт мусить висіти)
UI- чорний колір є універсальним для б-я дизайну, дизайн універсальний для будь-якого дизайну інтер'єру,матеріал-пластик, що дає легкість та дешевизну виробу.

Ноутбук
UI колір-матово блакитний, великі габарити, яркість екрану, розташуванняклавіш, скруглення кутів, що забезпечує його від тріщин на кутах.
Ux- комфортне розміщення тачпаду, великі клавіши, удобне розташування основних клавіш, кут нахилу екрану

Сушарка для попраних речей
UI платсиковий легкий матеріал, який легко розставляти щоразу. Устойчивість. Колір-білий. Має 2 додаткові бокові частини для максимальної кількості попраних речей.
UX-товщина стержня на якому кріпляться речі, устойчивість

2. Чашка
UI- колір-синій з білим всередині. Об'єм-500 мл.
UX- великий розмір для любителів пити чай відрами, білий фон дозволяє зрозуміти наскільки добре вимита чашка, діаметр ручки, що дозволяє оптимально тримати чашку
3. Інтерфейс відбитку пальця

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

Добрий вечір!

Завдання 1. Лампа від комарів. UI: правильно, але про те що пластик легкий, це до UX частини. UX: правильно.

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

Сушка для речей. UI: про стійкість, легкий матеріал та додаткові бокові частини відносимо до UX частини, так як все це не є візуальними характеристиками. UX: правильно.

Завдання 2. Чашка. UI: про колір правильно, а об'єм відносимо до UX, частини, що визначає скільки рідини можна набрати, а отже це впливає на користувацький досвід. UX: все правильно.

Завдання 3. Інтерфейс відбитку пальця. Правильно.

Вам треба ще раз перечитати урок, щоб краще зрозуміти, що UI частина інтерфейсу відповідає лише за зовнішній вигляд предметів (кольори, стилістика, декоративні елементи), а UX частина включає все, що впливає на користувацький досвід (розміщення елементів, розміри, функціональні властивості). Після того, як перечитаєте, будь ласка розберіть ще один предмет додатково, щоб я переконалась, що ви засвоїли матеріал

Yana UsachovaUkraine flag підтримує ЗСУ 23 июня 2022 13:19  
I 1. Настольна лампа
UI білий колір, стиль модерн
UХ має датчик інтенсивності, підходить до будь якого інтерєру, гнучка, займає небагато місця
2.Смарт-годинник
UI металеві, чорний колір, стиль сучасний, ремінь кожаний, форма кругла
UХ можливість відстежувати активність, приймати дзвінки, відповідати на смс, можливість бездротової зарядки 3. флеш-накопичувач
UI металева, сірий колір, стиль сучасний
UХ розмір 4 см*1,5 см, об'єм пам'яті 32 Гб, легка
ІІ Блокнот
UI тверда обкладинка, з переробного матерів, невеликий розмір
UХ пронумеровані сторінки, зручна закладка, розмір 25 см на 20 см, легкий

ІІІ Набір тексту голосом, датчик втоми очей для ноутбука

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

Добрий день!

Завдання 1. Настільна лампа. UI: правильно. UX: теж все правильно, лише напевно коментар про те, що лампа підходить до будь-якого інтер'єру це до UI частини, бо це пов'язано з тим, як вона виглядає.

Смарт-годинник. Все правильно.

Флеш-накопичувач. Також все правильно.

Завдання 2. Блокнот. UI: тут краще було б вказати якого кольору обкладинка або яка на ній текстура. Твердість і невеликий розмір не впливають на зовнішній вигляд, а скоріше на досвід користувача. UX: тут все правильно.

Завдання 3. Голосовий набір та датчик втоми очей. Про голосовий інтерфейс було сказано в уроці, а от про другий приклад нічого, так що правильно, молодець!

Хороший початок, перечитайте будь ласка ще раз про UI частину інтерфейсу, бо іноді плутаєте. Головне, що треба зрозуміти: UI – це все, що ми бачимо (кольори, стилістика, текстура, декоративні елементи, шрифти й так далі), а UX – все, що впливає на досвід користувача (розміри й розміщення елементів, функції, режими роботи тощо)

Аріна22 июня 2022 19:55  
Завдання 1. Розберіть інтерфейс трьох речей.
1. Дозатор для мила.
UI: Матеріал-кераміка та нержавіюча сталь, колір-сірий та срібний,стиль-модерн, виконана у прямокутній формі.
UX: Середнього розміру (таким чином не займає багато місця), завдяки кольору підходить під будь-який сучасний дизайн (як у ванну кімнату так і на кухню), завдяки міцному матеріалу вам забезпечена практичність на довгий час.
2. Шопер.
UI: Матеріал- натуральна тканина (льон), колір- чорний, стиль- streetwear, форма- квадрат.
UX: Завдяки натуральній тканині не приносить шкоди навколишньому середовищу, та не фарбує інші речі при пранні. Підходить під різний одяг у повсякденному житті. Має всередині невелику кишеню, що надає більшої зручності, та не дивлячись на невеликий розмір, хороша вмісткість.
3. Настінний годинник.
UI: Матеріал- метал, скло, колір- чорний та білий, стиль- мінімалізм, модерн; Форма- кругла.
UX: Годинник вироблений з металу (практичніший ніж інші матеріали), зручний шрифт та розмір циферблату, для використання потрібні звичайні пальчикові батарейки, завдяки кольору та стилю, годинний доповнює сучасний інтер'єр.
Завдання 2. У якості ускладненого завдання розберіть предмет, у якому немає кнопок та електроніки
Миска для котів та собак.
UI: Матеріал- резина, колір- синій, форма- кругла
UX: Миска не великого розміру та має властивість складатись, що надає великої зручності у подорожах, глибина миски також регулюється.
Завдання 3. Назвіть один новий вид інтерфейсу
Графічний інтерфейс

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Наталія 17 июня 2022 11:45  
Завдання 1 Розберіть інтерфейс трьох речей.
1. Тумба. UI - матеріал дерево, колір; світло оранжевий, стиль модерн, виконана в формі квадрату.
UX - має не великий розмір(тому зручна якщо кімната маленька), дерево покрито лаком(тому можна спокійно протирати і це не нашкодить дереву), всередині є дві полички для речей, має спереді ручку для відкривання.
2. Клавіатура. UI - матеріал пластик, колір; чорний(є матові та глянцеві єлементи), стиль сучасна клавіатура, форма: повторозмірна
UX - має мембранні кнопки(тому є приємний звук), має довгий кабель(тому можна настроїти під себе, тобто витянути далі чи навпаки), має підсвітку (коли ніч все видно при друкуванні), та має ніжки(щоб підняти на комфортний рівень), також справої сторони є невеликі 3 квадратики де показує якщо включен капслук і т.д.
3. Ліжно. UI - матеріал: дерево(дуб сонома), виконана в світлих відтінках, стиль: модерн, стоїть на 4 ніжках(під ліжком порожньо, тому туди можна щось скласти), має м'які вставки(коли лягаєш спати шоб не вдаритись головою)
UX - має великий розмір(тому якщо спати вдвох, не має дискомфорту), м'який матрац, заокруглені кути ліжка(аби не вдаритись)
Завдання 2 У якості ускладненого завдання розберіть предмет, у якому немає кнопок та електроніки.
Клітка для гризунів. UI - матеріал метал(аби гризун не міг прогризти клітку та втекти), має заокруглену форму та решітки(аби гризунчик мав доступ до кисню), дверця яка відкривається, та місце для водички.
UX - клітка не важка, повністю розбирається(аби помити що дуже зручно), дуже вмістка(в кліткі міститься колесо, домик, тарілочки с кормом), та має ручку зверху(аби переносити)

Завдання 3 Назвіть один новий вид інтерфейсу.
Реакція на погляд, тобто друкувати поглядом, та якщо трішки надавити поглядом можна було закривати вкладки та тд. Не потрібно буде не говорити, не писати, все робити поглядом

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

ІринаUkraine flag підтримує ЗСУ 13 июня 2022 17:31  
Завдання 1. Розберіть інтерфейс трьох речей.
1. Книга. UA - стиль палітурки; шрифт тексту; колір сторінок та палітурки.
UX - легкість книжки (тобто зручно тримати в руці); тверда обкладинка (щоб книжка не втрачала свою форму); цупкі сторінки (щоб зручно перелистувати); правильне розміщення текста на палітурці (для привертання уваги читача до книжки).
2. Стіл . UA- білий колір; зроблений з дерева; має 4 ніжки.
UX - висота столу (для зручності відповідно до зросту користувача); стійкі ніжки столу (щоб не хитався, коли користувач працює на ньому); заокруглені кінці на верхній частині стола (для зручності).
3. Диван. UA - великий; темного кольору; стиль, в якому зроблений; має 2 бильця; має 4 ніжки; візерунок.
UX - розкладається на 2 частини (тобто можна для зручності перетворити в ліжко або використовувати як звичайний диван); м’який (для зручності сидіння); стійкі бильця (можна щось поставити).

Завдання 2. У якості ускладненого завдання розберіть предмет, у якому немає кнопок та електроніки.
Ваза. UA - прозора; округлена; середнього розміру; мінімалістична.
UX - не важка (щоб користувач міг легко взяти та перенести, наприклад, в іншу кімнату); об’ємна (щоб вмістити великий букет).

Завдання 3. Назвіть один новий вид інтерфейсу.
Реакція на обличчя користувача за допомогою передньої камери. Типу FaceID. Тільки використовувати не лише для розпізнавання, а й реакцію на емоції користувача, наприклад.

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

Добрий вечір!

Завдання 1. Книга. UI: правильно, але було б ще краще вказати які саме стилі, кольора використано. UX: правильно.

Стіл. UI: про 4 ніжки, це до UX, решта правильно. UX: правильно, можна ще сказати про плоску поверхню стільниці, як одну із ключових властивостей стола.

Диван. UI: про розмір і склад це до UX, решта правильно. UX: дуже добре, ви звернули увагу на те, що він розкладається, все правильно.

Завдання 2. Ваза. UI: про розмір це до UX, так як впливає на досвід користувача (скільки влазить квітів), решта правильно. UX: правильно.

Завдання 3. FaceId + розпізнавання емоцій. Правильно, цікавий приклад

Запам'ятайте, що розмір і складові частини предмету – це до UX частини, так як це впливає на користувацький досвід. По решті ви все правильно засвоїли, можете переходити до наступного уроку

Юліана MoскUkraine flag підтримує ЗСУ 13 июня 2022 13:34  
Завдання 1. Розібрати інтерфейс 3 речі :
1. Ручка. UA - чорного кольору, прикрашена золотистими елементами - носик, кільце з написом бренду, гачок. Гачок золотого кольору, кріпиться до ручки кільцем теж золотого кольору. Прикрашений червоним каменем на кінці.
UX - Ручка 11 см, звужена на початку (для зручності тримати пальцями і писати), розширена всередині ( зручно розміщується в руці). Від носика 3 см - кільце для розкручування. Кінцівка ручки - крутиться, викручуючи стержня.
Пульт для кондиціонера. - UA - База молочного кольору з пластику. В середині неї панель темно-сіра, пластик, з даними температури та кнопочками для регулювання. Невеличкий дисплей. Найбільша кнопка помаранчевого кольору.
UX - Розмір 12/4 см, вбудований в стіну. На скляній панелі є кнопки - Start памаранчового кольору, одразу кидається в очі. 2 кнопки регулювання температури, і одна кнопка - швидкість. Кнопки гумові, приємні на дотик. Дисплей розміром 4/2 см де видно встановлену температуру.
Мишка для ноуту. UA -Всі деталі з матеріалу - пластик. Верхня панель сіра, нижня чорна. На верхній панелі чорне колесико зверху і напис виробника внизу. UX - Довжина 8 см, ширина - 5 см, висота 1 см в передній частині і 2,5 в нижній. Завдяки цьому долоня зручно лягає на підвищення, і пальці гармонійно торкаються клавіш і скролингу. Колесико для скролингу чорне на фоні сірого - гарно і зручно.
Завдання 2 - Розібрати інтерфейс предмету без кнопок. Чашка - UA - Жовтого кольору зовні, коричневого всередині. Матеріал - кераміка
UX - чашка 9 см висота, 200 мл об`єм. Має ручку збоку, щоб тримати рукою. Ручка не нагрівається, коли в чашці гарячі напої. PS - для мене це полегшене завдання ) з кнопочками стільки описувати...
Завдання 3 - Новий інтерфейс. Управління диханням, губи трубочкою і інші варіанти.

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

Добрий день!

Завдання 1. Ручка. UI: правильно. UX: правильно.

Пульт кондиціонера. UI: про дисплей, це до UX частини, решта правильно. UX: все правильно.

Мишка для ноутбуту. Все правильно.

Завдання 2. Чашка. Добре, що це для вас легше, все правильно

Завдання 3. Дихальний інтерфейс. Незвичайний приклад, правильно.

Гарний початок, продовжуйте навчання. Тільки замість UI ви чомусь пишите UA

Волкова Юлія 7 июня 2022 20:08  
Розберіть інтерфейс трьох речей. Наприклад, кондиціонер, автомобіль, пральна машина або свої предмети, якими ви постійно користуєтеся (останній варіант краще). А саме — розкажіть, що у вибраному пристрої є UI (які частини та властивості), а чим є UX (чому вибрали саме ці елементи та розташували саме так). Намагайтеся докопатися до суті. Наприклад, ручка має таку форму, щоб її було зручно тримати в руці.

1. Мікрохвильовка
UX: є дісплей, на якому відображається яка година, коли не користуєшся микрохвильовкою, а під час роботи є таймер.Є два ручки - регулювання температури та часу, розташовані вони з парвого боку - мені, як правші, це доволі зручно. Коли мікрохвильовка працює - крутиться підставка та вмикається в ній світло. Після закінчення роботи є характерний звук, що інформує про готовність страви.
UI: білого кольору, пластмасовий корпус + сталь

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

3. Бездротові навушники
UX: на кейсі навушників є отвір для зарядки + індикатор, який горить червоним, якщо навушники ще в процесі зарядки(але було б непогано додати зелений індикатор, який би інформував, що заряджання завершено). На самих навушниках є позначки правий/лівий, плюс є світові індиктори, які символізують про певні статуси навушників. Кнопки на самих навушниках механічні, що захищає від випадкового натискання (як, наприклад, відбувається, якщо кнопка сенсорна)
UI: чорного кольору, пластмасовий корпус


У якості ускладненого завдання розберіть предмет, у якому немає кнопок та електроніки, наприклад, ложку. Де там UX та UI частини дизайну?

Кружка

UX: сама кружка біла ззовні та всередині, через що вона дуже сильно фарбується, якщо пити міцний чай або каву. Ручка доволі широка, завдяки чому її зручно брати в руку, як мені, так і моєму хлопцю (адже рука в нього буде побільше))
UI: білого кольору, є малюнок котика + напис


Назвіть один новий вид інтерфейсу, який не описаний в уроці. Вони точно існують, можете й свій вигадати.

На смарт годинниках відстеження пульсу

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

Ольга 7 июня 2022 15:32  
І. Тостер-гриль.
UI design:
1) Матеріал: пластмаса + сталь.
2) Колір: чорний + срібний.
3) Стиль: сучасний
Інтерфейс:
- Верхня панель з горизонтальною ручкою для відкриття та закриття тостеру.
- Передня панель має ручку потужності для встановлення температури нагрівання від Min до Max, також виконує функцію ввімкнення та вимкнення тостеру.
Також на передній панелі розташовані два індикатори з лампочками: червоний підсвічується, коли тостер ввімкнений в розетку, а зелений конкретно при нагріванні.
- Стиль написів: плоский, шрифт без засічок.
UX design:
- Не вистачає автоматичного вимкнення тостеру, якщо він працює довше певного часу.
- Також для зручності можна додати електронну панель, яка показує температуру /або замість іконок "Min" та "Max" розмістити іконки з показниками температури навколо ручки потужності.

ІІ. Машинка для видалення катишок з одягу
UI design:
1) Матеріал: пластмаса + сталь.
2) Колір: фіолетовий + білий.
3) Стиль: сучасний
Інтерфейс:
- Пристрій має знімну пластикову кришку.
- Є робоча кругла металева поверхня в дірочку, з ножем під ним.
- Є ручка для тримання машинки, в якій облаштовані: знімний контейнер для зрізаних катишок та вбудований контейнер для батарейок.
- Права бічна сторона пристрою оснащена кнопкою ввімкнення та вимкнення.
UX design:
- Ручку краще продумати довшою, ніж ширшою, яка вона є зараз, адже користувачі переважно жінки, в яких невелика рука і тримати буде зручніше.

ІІІ. Бездротові навушники.
UI design:
1) Матеріал: пластмаса.
2) Колір: чорний.
3) Стиль: сучасний, має форму з дуже заокругленими краями.
Інтерфейс:
- Ззовні коробка для навушників має тільки спереду виступ для відкриття кришки, а ззаду роз'єм для зарядки.
- Всередині коробка має місця для вкладення навушників та іконки "R" та " L".
- Навушники мають знімні силіконові амбушюри та на задній частині сенсорні кнопки для зупининня та продовження відтворення музики/відео.
UX design:
- Сенсорна кнопка занадто чутлива, тому її краще замінити або прибрати
- На навушниках варто зробити позначки, який з них правий, а який лівий.

ІV. Крем для рук
UI design:
1) Матеріал: пластик.
2) Колір: білий.
3) Стиль: класичний тюбик.
Інтерфейс:
- Має вертикальну форму, знизу розташована кришка для відкриття крему, яка розкручується.
- На тюбику розташовані спереду та ззаду білі наліпки з текстом, описуючим назву, склад, спосіб застосування крему тощо.
UX design:
- Матеріал тюбику може бути змінений на більш сучасний (алюмінієвий)
- Для зручності формат тюбику можна виконати у тарі з дозатором / або кришку замінити на таку, яка має відкидну панель.

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

МаріяUkraine flag підтримує ЗСУ 6 июня 2022 18:48  
Пульт від телевізора
UI
Чорний колір, матове покриття, мінімалістичний дизайн. Стиль шрифту - звичайний, без зачісок. Головна кнопка ввімк/вимк червоного кольору, решта чорного. Матеріали: пластик, гума.
UX
Має форму довгого прямокутника, зручно тримати в руці, досягати пальцями до потрібних кнопок. Корпус складається з двох частин. На лицьовій розташовані кнопки. Символи на кнопках чітко читаються (шкода, не підсвічуються) завдяки контрастному (білому) кольору та великому розміру. Внизу знаходиться логотип фірми пульта і телевізора, якому від належить. Зворотна сторона корпусу надійно прикручена до передньої чотирма маленькими шурупами. На цій стороні під кришкою знаходиться відділ для двох багаторазових батарейок, кришка легко відкривається. Також на пульті спереду є лампочка, яка ловить контакт з телевізором.

Настільна лампа
UI
Плафон - сірий, конусоподібної форми. Стійка - не дуже довга, чорного кольору, приєднана до основи, на якій знаходиться кнопка. До основи приєднаний шнур живлення з вилкою. Матеріал - пластик.
UX
Гнучка стійка лампи забезпечує можливість регулювання кута нахилу для адаптування лампи до різних умови використання. Кнопка забезпечує можливість увімкнути/вимкнути світло. Основа дозволяє поставити лампу на будь-яку плоску рівну поверхню. Шнур живлення з вилкою дозволяє під'єднати лампу до джерела енергії (розетки). Плафон виконує функцію зменшення яскравості світла самої лампи, що знаходиться під ним.

Двері
UI
Двері міжкімнатні зі світлого дерева, відшліфовані, полаковані, з вирізьбленим візерунком та металевою ручкою. Стиль: класичний.
UX
Двері висотою сягають майже до стелі, що забезпечує можливість їх використання людям зростом до +- 2-х метрів, ширина дверей становить +- 1 метр. Ручка знаходиться на висоті +- 120 см, що ідеально підходить для людей середнього зросту. Всередині дверей на місці ручки та у дверному проході, до яких двері прикріплені дверними петлями зверху і знизу, знаходиться замок, який дозволяє відчиняти та зачиняти двері. Завдяки щільності деревини, з якої зроблені двері, звуки з іншої кімнати доносяться менш гучно.

Інтерфейс, який визначає кількість кроків та відстежує активність за допомогою розпізнавання рухів телефоном/смарт-годинником тощо.

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

Добрий вечір!

Завдання 1. Пульт від телевізора. UI: правильно. UX: про логотип, це до UI, бо він не впливає на досвід користування. По решті все правильно.

Настільна лампа. UI: про шнур живлення і кнопки, це до UX частини. Якби ви описали якісь деталі, що описують візуал, то було б правильно. UX: правильно.

Завдання 2. Двері. Все правильно.

Завдання 3. Інтерфейс для відслідковування активності за допомогою смартфону або смарт-годинника. Теж правильно. До речі для реалізації цієї функції використовується спеціальний датчик – акселерометр.

Чудово справились! Деталі, про які я вказала – це дрібнички. Переходьте до наступного уроку

Анна СмірноваUkraine flag підтримує ЗСУ 6 июня 2022 16:46  
Ой, так!
По 3 завданню: інвалідний візок, що управляється за допомогою руху одним пальцем.
Або за допомогою дихання (не певна, що таке є просто)

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

Напевно ви мали на увазі, щось типу джойстика, зараховується

Анна СмірноваUkraine flag підтримує ЗСУ 3 июня 2022 00:06  
Фотоапарат fujifilm instax
UI: пласмасовий корпус, жовтий колір, відеошукач, спалах мають та маленька зеркальна вставка на об’єктиві однакову форму і перекликаються один з одним. З іншого боку від відеошукача знаходяться два отвори (не знаю яа їх функція), що урівноважуть трохи відеошукач. У вільному просторі рівно над об’єкнивом розміщено логотип. Кнопка затвору має округлу форму та переклікається з круглим об’єктивом. Має приємну пастельну кольорову палітру, мій жовтий
UX: Фотоапарат явно розрахований не на шульг. Кнопка включеня (при натиску на яку виїжджає об’єктив), знаходіться під об’єктивом справа. Її зручно натискати, тримаючи фотоапарат лицем на себе, коли ми бачимо, відкрився об’єктив чи ні. На ньому є спеціальна випуклість, аби зручно було тримати апарат і кнопка затвору знаодиться якраз на ній. На кнопку зручно натискати вказівним пальцем правої руки, коли робиш знімки, дивлячись у відео-шукач та великим пальцем лівої руки, якщо робиш селфі. Доречі для селфі також зручно використовується зеркальна вставка на об’єктиві - можна приблизно зрозуміти, що буде на знімку. Легкий, наче іграшковий

Elfbar одноразова електронна сигарета
UI: має коричневий колір, що відсилає до смаку конкретно цієї електронної сигарети (кола), та чорні вставки, вироблена з пластику
UX: Верхня частина має тонку пласку форму, і її зручно брати до рота підчас паління. Внизу знаходиться світлодіод, що підсвічується при вдиханні і видно, працює сигарета чи ні. Матовий пластик приємний на дотик. Має приємний смак кока-коли.

Зарядний провід для apple watch
UI: білий, провід прорезинений, частина, яка підкючається до годинника кругла і пластикова.
UX: довжина проподу - метр. Зарядна частина має виємку куди ідеально лягає задня частина годиннику. Має в собі магніт, аби можна було легко і правильно поставити годинник на зарядку, бо вона до нього притягується.

Пляшка Coca-cola lemon без цукру 0,5л
UI: Пласмасова бутилка з жовтою етикеткою. Етикетка містить логотип.
UX: Пляшка прозора, завдяки чому легко визначити кількість напою в середині. Має виїмку в нижній частині за яку зручно її тримати. Зверху, біля горлишку, форма трикутна і гладка, аби зручно було відкручувати кришку. Кришка має рельєф, аби рука при відкручуванні чіплялась і не зіскальзувала, також для зручності при відкриванні. На етикетці розміщена інформація про склад та відсутність цукру.

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

Добрий вечір!

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

Одноразова електронна сигарета. Також правильно.

Зарядний пристрій для смарт-годинника. Правильно.

Завдання 2. Пляшка Coca-сola. Дуже добре, правильно.

А що по третьому завданню?

ЮляUkraine flag підтримує ЗСУ 29 мая 2022 14:45  
комп'ютерна миша
UI–дизайн
матеріал - пластик, гума, світло і темно-сірий
дві кнопки, колесо прокручування, шнур
стиль іконок та надписів - без засічок, плоский
UX-дизайн
- між кнопками миші існує простір, у який потрапляє бруд (на мою думку, варто його забрати)
- вага невелика, тому рука не втомлюється
- сценарій - шнур може бути задовгим для користування, тому, було б добре мати простір для зберігання шнура у самій мишці

безпровідні навушники
UI–дизайн
матеріал - пластик, шкірзамінник, світло-сірий, чорний, червоний
стиль іконок та надписів - з засічками, плоский
UX-дизайн
кнопки “вперед” та “назад” слід поміняти місцями, бо коли ти не бачиш іконок, інтуїтивно тиснеш на кнопку, яка ближче до лиця; тому, коли хочеш увімкнути наступну пісню - вертаєшся до попередньої
сценарій - можливість перемикати музику подвійним\потрійним дотиком до навушників, оскільки затискати\натискати кнопку для умовної людини, яка їде на велосипеді не надто зручно


2. Підставка для аромапаличок
UI–дизайн
матеріал - дерево, алюміній, світло-коричневий і золотий колір
стиль - етнічний
UX-дизайн
підставка легка і плоска, якщо непотрібно, можна легко кудись сховати
дизайнер міг зробити заглиблення для попелу глибшим, оскільки воно досить вузьке, як і сама підставка, тому попіл потрапляє на стіл

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

Добрий вечір!

Завдання 1. Все правильно. Було б добре, якби ви трохи більше розказали про UX, наприклад, чому мишка саме такого розміру і форми.

Бездротові навушники. Теж правильно.

Завдання 2. Підставка для аромапаличок. Також правильно.

А що по третьому завданню?

Дар'яUkraine flag підтримує ЗСУ 27 мая 2022 19:02  
Безпровідні навушники

UI:
-Білого кольору, з твердої пластмаси, резиновий амбушур для комфорту вкладання в уші, розмір - з пів пальця, є спеціальні отвори для зарядки і мікрофону

UX
- приємні на дотик, не слизькі, можна комфортно держати в руці
-за рахунок правильних розмірів не випадають з вух і добре тримаються
-є дві отвори для заряджання у кейсі
-є отвір для мікрофону що дозволяє розмовляти по телефону не дістаючи телефон
-має сенсорний корпус, доторкаючись двічі- можна поставити на паузу пісню, або відключитися від телефонної розмови, доторкаючись один раз довго- переключити пісню
-має кольоровий індикатор що символізує зарядженість або розрядженість коли дістаєш з кейсу

Крем для рук

UI
-молочного кольору в коров’ячу плямку, є іллюстрація корови, надпис шрифтом без засічок, логотип - з засічками, розміром майже з долоню, приємний матовий резиновий трапецієподібний тюбик

UX
-Невеликого розміру, зручно тримати в руці
-кругла кришка на яку можна поставити тюбик, відкручується
-завдяки резиновому матеріалу, крем видавлюється легко
-є маленький отвір через який крем видавлюється в невеликих кількостях

Адаптер для заряджання телефону

UI
-верхня частина білого кольору, глянцева на дотик
-нижня частина - сірого, матова
-на вилці є металеві накінечники
-маленький текст без засічок, логотип компанії
-достатньо важкий
-на верхній частині є отвір для шнуру

UX
-в отвір для зарядки вставляється TPS через що проводиться заряд до телефону
-можна поставити вертикально якщо в ньому немає шнуру або покласти горизонтально
-вилками вставляється в розетку
-має нормальний розмір для комфортного носіння з собою, та щоб було зручно тримати в розетці

Інтерфейс який визначає рівень замореності очей та рук і пропонує перерву. В час перерви не можна користуватися комп’ютером, щоб він сам блокувався.

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

Добрий день!

Завдання 1. Бездротові навушники. UI: про розмір, резиновий амбушур та отвори – це до UX. UX: все правильно.

Крем для рук. Все вірно.

Завдання 2. Адаптер для зарядки телефону.UI: про вагу і отвори це до UX. Решта правильно. UX: Правильно.

Завдання 3. Інтерфейс для визначення втоми очей. Правильно.

Є пару зауважень, але в цілому все добре. Вам треба запам'ятати, що все що впливає на користувацький досвід відноситься до UX частини. Наприклад, розмір, розміщення елементів (де ви і допустили помилки). Можете переходити до наступного завдання

НадіяUkraine flag підтримує ЗСУ 22 мая 2022 14:48  
1.Дезодорант
UI
Білого кольору, обтікаємої форми, з зелено-голубим малюнком. Текст плоский без засічок синього кольору, що чітко читається.
UX
Приємно тримати в руці завдяки формі та легкому алюмінію, з якого зроблений.
Кнопка натиску згори, яку можна перевести у положення повного відключення.
Вибриск речовини збоку, що дає зручне використання для обробки тіла.

2.Праска
UI
-біло-бірюзового кольору
-метал - пластик, прорезинений шнур.
-загострена форма носика
UX
-легка, зі слизьким металом, антипригарним покриттям поверхні, що скользить по тканині без проблем
-загострена форма носика дозволяє використовувати праску у складних для доступу місцях
-прорезинений направляючий запобіжник шнура при вході в праску, що дає вільне користування та леге повертання праски в різні сторони та довгу службу цього шнура.
-кнопки пару та приску на ручці зверху, в близькому доступі до руки, що дає можливість швидко їми скористатися при потребі
-прозорість частини праски дає можливість побачити реальність заповненння води
-ергономічна ручка- зручно тримати
-самовідключення при потрібній вже набраній температурі
-регулятор температури легко повертається на потрібну позначку
-стаканчик для набору води у праску
-позначки МАХ та MIN
3.Гірлянда
UI
Біла, пластик, м'яке біле світло, кабель в силіконі
UX
-зроблено продовження з розеткою, шо можна при потребі приєднати іншу гірлянду через вилку та подовжити її
-перемикач різного режиму
рівномірне розподілення з рівною відстанню від кожного потоку гірлянди, дає можливість використовувати на вікнах чи стіні.
4.
Окуляри для компа та гаджетів для короткозорих людей
UI
-легкої форми
-прозорі
UX
біометрично слідкують за сухістю очей, перевантаженням, рідкістю моргання та передають дані на смартфон або на інший смарт пристрій, де озвучується, що роботу з гаджетом треба відкласти на відповідний період часу.

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

Добрий вечір!

Завдання 1. Дезодорант. Все правильно.

Праска. Дуже добре.

Завдання 2. Герлянда. Теж правильно.

Завдання 3. Інтерфейс для відслідковування стану очей. Приклад правильний. В цьому завданні не треба описувати UI і UX частини, але нічого страшного.

Все добре, рухайтесь до наступного уроку

ІннаUkraine flag підтримує ЗСУ 18 мая 2022 17:26  
1. Банка
UI
- колір (прозора, щоб видно було що всередині)
- розмір
- матеріал скло

UX
- горнятко та його вид
- ширина (різна для кожного об'єму щоб зручно було тримати та зберігати)


Холодильник
UI
- колір білий
- матеріал - пластик, метал
- стиль
- логотип на передній дверці

UX
- ручки для відкриття (розташовані справа, бо більшість людей правші, але можна змінити сторону з якої відкривати)
- термометр
- лампочка всередині

Монітор
UI
- колір чорний
- ширина рамки коло екрану та її форма
- дизайн ножки на якому стоїть

UX
- кнопки розташовані під екраном для налаштувань та їх розмір
- роз'єми для дротів що розташовані ззаду монітора

2. Інтерфейс який реагує на рух очей та повік

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

Доброго дня!

Завдання 1. Холодильник. Все правильно. Було б добре ще щось доповнити про досвід користувача. Наприклад, про секції холодильника, полички, спеціалізовані пластикові лотки для яєць і так далі.

Монітор. Теж правильно.

Завдання 2. Банка. UI: про розмір і коментар про прозорість відносимо до UX, адже це напряму впливає на те, як ми взаємодіємо з банкою. Наприклад, в залежності від розміру в нас може змінюватись наповнення або кількість банок. Решта правильно.

Завдання 3. Правильно.

В цілому все добре, продовжуйте навчання

ІринаUkraine flag підтримує ЗСУ 18 мая 2022 10:45  
Кухонний термометр
UI:
-основа термометра чорного кольору з червоними вставками
-округла форма
-матеріал: пластик
-цифровий дисплей з двома кнопками(червоного кольору)
-кнопки для перемикання режиму вимірювання °C або °F і включення/вимикання (ON\OFF) термометра
-зверху та внизу кнопок підпис чорним шрифтом функцій термометра
-голка з харчової нержавіючої сталі
- ковпачок чорного кольору з червоними вставками

UX:
-діапазон вимірювання від -50°С до +300°С
- обладнаний пластиковим ковпачком для голки зручним тримачем
-кнопки розташовані між цифровим дисплеєм на однаковій відстані
- кнопка зправа відповідає за включення та вимкнення термометра, кнопка зліва за вимірювання у двох режимах
- широкий діапазон використання: легко виміряти температуру усередині м'яса, курки, пирога і інших продуктів і навіть рідин і сипучих матеріалів
- кінчик голки легко проникає у продукт і не шкодить йому
-обладнаний функцією автовиключення при невикористанні

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

Тепер правильно, лише до UI частини є маленьке зауваження. Опис кнопки для перемикання режиму вимірювання і вмикання/вимикання не містить жодного опису візуальної частини, тому його треба віднести до UX частини. Можете переходити до наступного уроку

ІринаUkraine flag підтримує ЗСУ 17 мая 2022 20:59  
1.Форма для випікання кексів
UI:
-прямокутна форма
- вміщає 12 кексів
- матеріал: вуглецева сталь
- форма сірого кольору з білим напиленням
UX:
-зручно використовувати у приготуванні, є ручки для тримання
-місця для випікання розташовані на достатній відстані один від одного
-легка вага
-зручний діаметр який підходить практично для всіх духовок
-легко вимивається
-довговічний матеріал
Рюкзак
UI:
-чорного кольору
-середня форма
-містка кишеня на передній стінці з бігунцем
-прихована кишеня на бічній стінці для телефону
-три невеликі внутрішні кишені
-дві зовнішні кишені на бічних стінках
-об’єм 15 літрів
-задня стінка та лямки рюкзака виконані з піноматеріалу
- матеріал: екошкіра
- бренд Harvest( є лейбл посередині рюкзака)
UX:
-рюкзак комфортний у використанні, гарно лежить на тілі
-вироблений із якісного матеріалу тож не парить влітку і гріє взимку
- у разі забруднення легко відмивається вологими серветками
- кишені розташовані у комфортному для використання положенні
-велика вмісткість рюкзака
-зручно використовувати на кожен день
Електричний самокат
UI:
-чорний колір
-самокат невеликої форми
-обладнаний Led-дисплеєм, який контролює швидкість
- обладнаний тормозами
- місця для тримання самоката обладнані спеціальним матеріалом
-є вихід для зарядки самоката
-кишеньковий шнур для зарядки
-обладнаний фонариком
- присутній надійний захист для коліс(крила)
UX:
-розвиває швидкість до 25 км\год
- запас ходу – 65 км
-максимальна потужність – 250 Вт
-батерея -551Ватт
-конструкція дозволяє перевозити самокат в авто
-6 годин для зарядки
-дисплей дозволяє контролювати швидкість та запас ходу самоката
- самокат має функцію блокування
-забезпечує захист від вологи

2. Крокси(взуття)
UI:
-білий колір
-красивий дизайн
-вставки чорного кольору
-отвори для провітрювання
UX:
-зручна форма яка дозволяє тримати ніжку в правильному положенні
-п'ятковий ремінь пересувається тому для щільного прилягання, що дозволяє носити їх як сабо
-виготовлені з матеріалу з амортизуючим ефектом
-здатні триматись на воді
-комфортні та легкі
3. Новий вид інтерфейсу: перегляд тексту на сторінках за допомогою зорового контакту. При затримці зорового контакту- скролл сторінки призупиняється.

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

Добрий вечір

Завдання 1. Форма для випікання кексів. UI: те, що вона вміщає 12 кексів, це до UX, тому що це впливає на досвід користування. UX: все правильно.

Рюкзак. UI: усі згадки про кишені і місткість це до UX. Решта правильно. UX: правильно.

Електричний самокат. UI: тут тільки про колір правильно. Решту треба віднести до UX. Ось, що можна було дописати у цій частині (я вашого самокату не бачила, це лише припущення): мінімалістичний стиль і угловаті форми, хромовані деталі, білі написи шрифтом без засічок на елементах керування, рельєфний і блискучий логотип червоного кольору і так далі. Тобто все, що складає візуальну частину. UX: все правильно, але ви не згадали досить важливі речі. Наприклад, можна було б описати елементи управління (як почати рух, як зупинити самокат), що виводиться на дисплеї, тобто все те з чим взаємодіє людина, коли користується самокатом.

Завдання 2. Крокси (взуття). UI: отвори відносимо до UX, тому що вони впливають на комфорт використання. UX: все правильно.

Завдання 3. Зоровий інтерфейс. Правильно!

Вам потрібно уважно перечитати частину уроку про UX і UI і у чому їх різниця. Після цього спробуйте розібрати ще один предмет

Вікторія16 мая 2022 17:21  
1. Плойка
UI – чорного кольору з рожемими вставками, заокруглена, карамічні пластини, корпус пластиковий
UX – швидке нагрівання, можливість обрати температуру для нагрівання, великий діапазон розігріву, індикатор увімкнення/вимкнення, рухомі пластини, можлива фіксація пластин у закритому положенні, обертовий шнур.
2. Глечик для напоїв
UI – скляний, різнокольоровий, український візерунок
UX – тоненька ручка для тримання, стійке рівне дно (забезпечує стійкість), зручний носик, завдяки якому напої не зможуть розхлистатися, об’єм 1 л.
3. Кросівки
UI – білі, шкіряні, мінімалістичність емблем да декоративних деталей
UX – мають шнурівку, товста підошва з амортизацією
Вид інтерейсу – графічний (вхід за допомогою графічного ключа)

Через великий наплив охочих проходити курс я роблю перевірку домашніх завдань платною. 30$ (по поточному курсу), 10% перекажу ЗСУ. За один донат перевірю домашки до усіх уроків.

За реквізитами пишіть в дірект Інстаграму @frusia.pro

АлінаUkraine flag підтримує ЗСУ 15 мая 2022 19:05  
Доброго дня)
Опис трьох речей:
1. Навушники
UI
Виготовлені з чорного матового пластику. З 90% округлими фоормами - плоска форма нижньої межі для розміщення на плоских поверхнях. Має роз'єм Micro USB на задній поверхні, також розміщене кріплення основи і кришки навушників.
На верхній поверхні знаходиться логотип Компанії, яка виготовляє навушники.

UX
Зручна виїмка для відкривання навушників. Кришка легко, без зусиль відкривається.
Навушники окремо розташовані одне від одного в зарядній станції. Обидва навушники підписані який з них підходить до якого вуха - правого і лівого. Між навушниками є індикатор у вигляді батареї, що сигналізує про стан заряду зарядної станції. Обидва навушники відповідають буквенними позначками з тильної поверхні навушників відповідно R i L. Зовнішня поверхня навушників оснащена сенсорними датчиками, які запроогромовані на кількість доторкань і виконують запрограмоовану функцію відповідно. При вийманні навушників із кейсу, супроводжується звуком, так само як і при встановленні зєднання навушників з іншим пристроєм. Також, є звуковий супровід при відєднанні та вимиканні навушників.

2.Пляшка води
UI
Виготовлена зі скла, прозора, але зеленого відтінку. Всі грані круглі. Кришка з алюмінію золотистого відтінку.
UX
Плоске дно забезпечує стійкість на плоских поверхнях.
Кришка розкручується - намальований напрямок куди крутити.
Обєм 0.5 л

3.Apple Watch
UI
прямокутної форми, верхня панель виготовлена зі скла, нижня з алюмінію. Є кнопка живлення, та колесико для виконання задач. виїмки для фіксаціх змінних ремінців. нижня поверхня має кнопки для фіксації ремінців, та магнітну основу для зарядки.

UX
Скло чорного кольору. Основа сірого кольору. Кнопка живлення виконує додаткові функції - Apple pay та ін. Колесо виконує задачу прокручування екрану, так само можна використовувати сам екран(оснащений сенсором)
Виконує функцію не тільки годинника, великий функціонал - дзвінки, повідомлення з месенджерів та пошти. Оплата картою за допомогою вбудованого NFС, перегляд погоди, використання під час фізичноого навантаження - вимір пульсу, активності, пройдених кроків, активних хвилин за день. Є нагадування про неактивні хвилини, та час для нормалізації дихання.

Нейроінтерфейс - інтерфейс в якому викоористовуються нейронні звязки мозку людини з електронним пристроєм. Тобто силою думки викоористовувати інтерфейс телефону, компютера і тд.

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

Завдання 1. Навушники. Про USB-роз'єм і його розташування, це до UX частини. По решті правильно.

Apple Watch. UI: все, що стосується конструкції й призначення елементів відносимо до UX частини. UX: про чорний і сірий колір, це до UI частини. Решта правильно.

Завдання 2. Пляшка води. Все правильно, молодець!

Завдання 3. Нейроінтерфейс. Цей вид інтерфейсу згадується в уроці, треба придумати щось інше

Чекаю на виправлення, після чого можна переходити до наступного уроку

Дарія12 мая 2022 12:04  
Розберіть інтерфейс трьох речей:

1.Клавіатура:

UI
- Клавіші з літерами на двох мовах, цифри, знаки і іншими функціями (в одній стилістиці)
- Контрастний колір літер порівняно з кольором самої клавіатури( в мене вона чорна з білими літерами)
- Виготовлена з матового пластику

UX
- Зручне розташування клавіш для друкування двома руками
- Дві розсувні підставки для зручнішого використання клавіатури( якщо ви любите друкувати під нахилом)
- Знову ж таки контрастні кольори для кращого сприйняття візуально і полегшення знаходження потрібної клавіші
- Дріт з USB
- Зручна форма і розмір

2. Фотоапарат:

UI
- Синій колір пластику, з якого він зроблений
- Округлі форми фотоапарату
- Надписи контрастного кольору в одній стилістиці з відступами від кнопки "сфотографувати", "прокрутити об'єктив" та сама назва і модель фотоапарату.

UX
- Зручна форма, добре тримається в руці.
- Зрозумілий функціонал (кнопка для відкриття об'єктиву, зйомна кришка для катриджів і одразу ж поруч видно кількість катриджів, які залишились не використаними.
- Легка вага

3. Диван:

UI
- Пастельні тона обивки дивану (бежевий, світло-сірий)
- Ручки з темного дерева
- Великий розмір
- Прямокутна форма


UX
- Розсуваеється, може помістити більше людей
- Має висувний столик з бокових ручок, для того, щоб можна було працювати за комп'ютером, писати, читати або їсти
- Має місце для зберігання постільної білизни
- Має великі зйомні подушки (тобто можна лежати на них, спертись спиною, коли сидиш, звільнити місце для більшого простору)

Командний інтерфейс.
Користувач дає команди комп'ютеру, який їх виконує і видає результат користувачеві.

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

Завдання 1. Клавіатура. Правильно. Ви задумувались чому кнопки на клавіатурі розташовані саме у такому порядку?

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

Завдання 2. Диван. Правильно, але великий розмір я б віднесла до UX.

Завдання 3. Командний інтерфейс. Ви мали на увазі голосом? Якщо так, то такий приклад був в уроці, треба придумати інший

Юлія11 мая 2022 15:59  
Доброго дня)

1. Розберіть інтерфейс трьох речей.

1. Принтер:

UI
1) Чорного кольору
2) Виготовлений з пластику
3) Стандартний вигляд
4) При вмиканні звучить характерний звук

UX

1) Можна підключити до стаціонарного комп'ютера за допомогою шнура. Або до ноутбука, використовуючи WI-FI.
2) На невеликому екрані відображаються налаштування - роздрукувати фото, зробити скан та інші.
3) Є дві кнопки - одна велика зелена (для того, щоб почати сканування), інша менша червоного кольору (щоб припити сканування)

2. Телевізор

UI

1) Чорного кольору
2) Матеріал - пластик та метал
3) На задній стороні є кнопки

UX

1) Керування здійснюється за допомогою пульта. Є два пульта - перший наче мишка, потрібно водити курсором на екрані і другий - звичайний з великою кількістю кнопок. (Кожен може вибрати найкращий для себе варіант)
2) Великий екран дасть можливість з комфортом переглядати фільми.
3) Є кріплення, з допомогою якого можна повертати телевізор в інші сторони

3. Ваза

UI

1) Зеленого кольру
2) Рифлена поверхність
3) Стиль - мінімалізм

UX

1) Зручно ставити на стіл
2) Призначена для квітів
3) Об'єм - 1,5 л



Новий вид інтерфейсу - Touch ID та Face ID

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

Добрий день!

Завдання 1. Принтер. Правильно, але про звук при вмиканні, то до UX.

Телевізор. Теж правильно.

Завдання 2. Ваза. Правильно.

Завдання 3. Touch ID та Face ID. Правильно.

Молодець, переходьте до наступного уроку

Наталія11 мая 2022 00:07  
Вітаю!

Розберіть інтерфейс трьох речей
1. Холодильник:
UI:
1. холодильник білого кольору;
2. Корпус виготовлений зі сталі;
3. В класичному європейському стилі;
4. Підсвітка бренду виробника;
5. Має сенсорну панель температури охолодження.

UX:
1. Має два відділий: холодильний та морозильний, перший з яких більший за розміром, знаходиться зверху. Виготовлений за такими параметрами для особливих вимог категорій користувачів, для яких необхідно більший розмір саме холодильного відділу;
2. При відкриванні вмикається світло в середині холодильнику, для зручного бачення вмістимого в будь-який час доби;
3. Має звукове сповіщення, в разі не герметичного закриття дверці. Виготовлено для запобігання розгерментування та втрати температурного контролю;
4. Має різні варіанти розташування всередині контейнерів та полиць, передбачено для особистих потреб користувача.

2. Сканер
UI:
1. Сірого кольору;
2. Тип - планшетний;
3. Корпус виготовлений із пластику:
4. Має три кнопки: вкл/викл; старт; двосторонній скан;
5. Має напис у вигляді назви бренду класичним шрифтом;
6. Стиль - офісний, мінімалістичний стиль.

UX:
1. Плоский та легкий, що забезпечує його мобільність, навідміну від великих влаштованих сканерів з принтерами. Чудово підходить для використання в офісі для переміщення;
2. Має кришку, що піднімається, для вкладення паперу. Під час дії вмикається підсвітка, що забезпечує чудову видимість.
3. Має розмітку, що показує як правильно покласти папір відповідного розміру та якою стороною;
4. Після виконання роботи, має характерний звук, що забезпечує розуміння завершення сеансу.


3. Комп’ютерний стілець:
UI:
1. Виготовлений із пластику, металу, шкіри, тканини;
2. Червоно-синього кольору;
3. П’ять коліс;
4. Має підлокітники;
5. Є підголівник;
6. Виготовлений в спортивному стилі.

UX:
1. Має режим зміни висоти за допомогою важеля регулювання, що забезпечує зручність експлуатація для користувачів різного зросту;
2. Також важіль регулювання, за умови його витягнення горизонтально, змінює нахил положення стільця. Це забезпечує задоволення потреб різних користувачів, в залежності від фізіологічних запитів так і ситуаційних;
3. Має влаштований амортизатор, який забезпечує пружинення спинки стільця без додаткових дій з важелем регулювання;
4. П’ять крутящихся колес забезпечуються мобільність стільця, зручність його переміщення.


4. Назвіть один новий вид інтерфейсу.
Взаємодія людини та гаджета зі зчитуванням через камеру її біологічних показників. Наприклад: при створенні особистого облікового кабінету гаджет (телефон) зчитує біологічні показники. В подальшому може виявляти нездорову зміну кольору шкіри, нововиявлення чи погіршення зору тощо. Я б назвала таких вид інтерфейсу майбутнього - біологічно-технічний або біометричний.

Дякую за корисну та цікаву інформацію!

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

Добрий день, будь ласка

Завдання 1. Холодильник. Правильно.

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

Завдання 2. Комп'ютерне крісло. Все правильно.

Завдання 3. Біометричний інтерфейс. Правильно.

Переходьте до наступного уроку

Катерина10 мая 2022 16:21  
Доброго вечора)

1. Apple Airpords
UI: Матеріал та колір - пластик, білий колір; характерна мелодія підключення до пристрою; виконані в мінімалістичному стилі та мають різноманіття чохлів для коробочки навушників.

UX: Бездротові навушники; Підключається не лише до телефону, а й до ноутбуку за допомогою легкого натискання на кнопочку коробки навушників; При підключення спливає анімація POP – UP; В них є датчик автовиявлення вуха, за допомогою якого можна ставити на паузу музику або знову включати улюблений трек просто виймаючи і вставляючи навушники назад у вухо; Вбудований GPS – трекер, щоб можна було знайти навушники у разі втрати; Є присутньою підтримка безпровідної зарядки, а так само виклик Siri або Google помічника; Відсоток заряду навушників та коробки можна дізнатися на екрані смартфона або під час підключення (вилітає інформаційне вікно).

2. Шафа-купе
UI: Матеріал та колір - дерево, чорно-білого кольору; пластикові ножки; наявність дзеркала.

UX: Є наявність дверцят, які щільно прилягають до корпусу і при потребі відсуваються, таким чином, можна без проблем відкрити або закрити шафу легким рухом руки; Усередині шафи 4 відділу по вертикалі, та один найбільший поряд з ними; Зверху цього відсіку присутня штанга для вішалок, вона також висуватиметься вперед, що дуже зручно, адже треба лише пройтися очима по всьому асортименту; Так як цей відділ є найдовшим, знизу від штанги залишається простір для іншого одягу.

3. Апаратні інтерфейси — фізичні, просторові інтерфейси, присутні на виробах у повсякденному житті від тостерів, до приладових панелей автомобілів чи кабін літаків. Вони, як правило, є поєднанням ручок, кнопок, слайдерів, перемикачів і сенсорних екранів.

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

Доброго вечора

Завдання 1. Apple Airpods. Дуже добре.

Завдання 2. Шафа-купе. Все правильно, цікавий приклад. Але наявність дзеркала відкриває перед користувачем нові можливості, тому це відносимо до UX.

Завдання 3. Апаратні інтерфейси. Гарний приклад і ви придумали цікаву назву, молодець!

Все добре, можете рухатись далі і переходити до наступного уроку

Дар'я10 мая 2022 14:14  
1 завдання:
- Ноутбук
UI: чорний, пластик та метал, лаконічний, прямокутної форми
UX: вбудована HD Webcam, 15 дюймовий дисплей. intel core процесор

- Телефон
UI: червоний, метал та скло, прямокутної форми з заокругленими краями
UX: IOS система, 128 гб внутрішньої пам'яті, динамік знаходиться по середині зверху на екрані та на нижній бічній панелі.
кнопка звуку - на лівій боковій панелі
кнопка гучності - на лівій боковій панелі

2 завдання:
-Тарілка
UI: колір - біла
матеріал -скло
форма - кругла
UX: тільки для зовнішнього використання. призначена для складння/зберігання продуктів для вживання.

3 завдання:
Інтерфейс бухгалтерської програми 1С

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

Завдання 1. Ноутбук. Все вірно, але було б добре трохи задуматись над функціоналом ноутбуку. Що робить його таким особливим в порівнянні зі звичайним настільним комп'ютером? Даю підказку: він працює без розетки (мобільний) і займає мало місця (компактний). Як цього вдалося досягти і навіщо це зробили?

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

Завдання 2. Тарілка. UI частина правильна, а ось по UX було б непогано доповнити, що тарілка має плоску форму, щоб з неї було зручно їсти і ставити на стіл.

Завдання 3. Інтерфейс бухгалтерської програми 1С. Можливо ви мали на увазі екранний інтерфейс, але він вже був вказаний в уроці, а треба придумати щось нове.

Будь ласка, доповніть свої відповіді і переходьте до наступного уроку

Анна9 мая 2022 17:58  
1 завдання.
- Килимок для йоги.
UI - матеріал: термопластичний еластомер
колір - бежевий та чорний
стиль - спортивний
UX - розмір: 173х61х0.6 см
вага: 1000г
Матеріал дозволяє утримувати рівновагу та не ковзати поверхнею. Не липне до тіла. Килимок не потребує складного догляду у використанні, легкий та гнучкий, займає мало місця.
- Крем для обличчя.
UI - перламутровий крем білого кольору у пластиковому тубусі біло-зеленого кольору. Професійний догляд.
UX - вага - 50 мл
Крем має зручний дозатор для розподілення продукту. Компоненти у складі містять загоювальну, зволожуючу, розгладжуючу дію. Нанесення обов'язкове на продукт з термальною властивістю. Підходить для нормальної, сухої, чутливої шкіри.
- Комп'ютерна мишка
UІ - матеріал - пластик
колір - чорний
UХ - форма, яка має поглиблення з двох боків для зручного використання. Посередині пристрою знаходиться колесо та дві кнопки по боках від нього для взаємодії з елементами на екрані комп'ютера.
розмір - 118.3 × 53.5 × 38.3 мм
вага - 61г.
2 Завдання
- Склянка для води
UI - матеріал - візерункове скло
колір - прозорий
стиль - мінімалізм
UХ - Покриття дозволяє зручно тримати склянку в руках та запобігає ковзанню. Об'єм - 350мл.
3 Завдання
Семантичний інтерфейс. Основна його відмінна риса - відсутність команд при спілкуванні з комп'ютером. Запит формується природною мовою, у вигляді пов'язаного тексту та образів.

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

Завдання 1-2. Все правильно! Гарно розібрали кожен предмет.

Завдання 3. Семантичний інтерфейс. Чудовий приклад, молодець!

Переходьте до наступного уроку

Варвара9 мая 2022 14:55  
1 Завдання
UI телефон
1. Метал та скло, чорний
2. шрифт класичний, плоский мінімалістичний логотип
UX телефон
1. Прямокутна форма з заокругленими кутами
2. Кнопки:
ввімк./вимк.
кнопка регулювання гучності і кнопка режиму тиші
сенсорна кнопка зі Сканером відбитків пальців
3.Знизу розташовані роз’єм для зарядки пристрою і динаміки
4.На верхній панелі фронтальна камера
5.На задній панелі розташовані основна камера та спалах

UI Ноутбук
• Пластик і метал, чорний з сірим
• плоский, шрифт без засічок

UX Ноутбук
• Габарити 359 x 256 x 24.9 мм
• Клавіатура та тачбар
• Вбудований динамік та камера
• 8 роз’ємів (для usb, зарядного та навушників)
• Кнопка живлення

UI Навушники
1. чорні, пластик, метал, шкірзамінник
2. класичний шрифт

UX Навушники

1. Сенсорні кнопки керування та регулятор гучності
2. Вбудований мікрофон і датчики руху

2 Завдання
Подушка
UI
Синя, бавовна
UX
Квадратне
Присутня застібка
Може приймати різні форми

3 Завдання
Touch ID/ Face ID

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

Завдання 1. Телефон. Все правильно, але було б ідеально згадати про сенсорний екран, як головний спосіб взаємодії з пристроєм.

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

Завдання 2. Подушка. Правильно.

Завдання 3. Touch ID/ Face ID. Теж правильно.

Молодець, дуже добре, переходьте до наступного уроку

Світлана 8 мая 2022 18:59  
Завдання №1
Комп’ютерна миша
UI:
Матеріали: пластик, дріт з USB, світлодіод
Кольори: чорний, прозорий, червоний
Є дві кнопки та коліщатко
UX:
Овальна форма з двома виїмками по боках для зручності використання.
Дві кнопки для взаємодії на екрані комп’ютеру.
Коліщатко миші для гортання догори/вниз
Смартфон Xiaomi redmi 7
UI:
Матеріали: пластик, скло
Кольори: білий
Є сенсорний экран, кнопка вмикання, кнопки гучності, сканер відбитків пальців, роз’єми для навушників і USB Type C
UX:
Зручний розмір та прямокутна форма з скругленими кутами для користування однією рукою. Кнопки регуляції гучності та вмикання знаходяться справа на боковій панелі, сканер відбитків знаходиться на задній кришці телефону. Роз’єм для зарядки пристрою розташований знизу, а для навушників навпаки на верхній панелі.
Бездротові навушники Xiaomi Redmi AirDots 2
UI:
Матеріал: пластик, силікон
Колір: Чорний
Є два навушники та кейс
UX:
Кейс має невеликий розімр та скруглену форму що надає можливість зручно носити його будь де. Має роз’єм для зарядки позаду й індикатор який горить під час зарядки . Самі навушники типу затички зручно тримаються у вухах та не випадають, що робить їх чудовим аксесуаром як для повсякденних справ так і для більш активних дій. Кожен навушник має по одній кнопці за допомогою яких можна поставити на паузу або вимкнути навушники та світові індикатори які загоряються під час підзарядки у кейсі.
Завдання №2
Упаковка крему для рук
UI:
Матеріал: пластик
Колір: Білий, жовтий, чорний
UX:
Маленький розмір та зручна форма упаковки дає змогу носити крем з собою навіть у кишені. За допомогою пластику середньої товщини можна отримати потрібну кількість крему без великих зусиль, а кришечка у формі восьмикутника не вискальзує з пальців.

Завдання №3
Біометричний інтерфейс, наприклад як зчитування пульсу у фітнес-годиннику.

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

Завдання 1. Комп’ютерна миша. Правильно.

Смартфон. Правильно, але було б добре вказати, що уся взаємодія проходить через екран.

Бездротові навушники. Дуже добре.

Завдання 2. Упаковка крему для рук. Правильно.

Завдання 3. Біометричний інтерфейс. Правильно.

Молодець, гарно справились, давайте до наступного уроку

Анна8 мая 2022 18:35  
Завдання 1
1. Пральна машина

-біла, чорна
-пластикова з елементами металу
-сенсорні кнопки
-шрифт класичний
-прямокутний відсік для порошку
UX
-зручного розміру
-стандартних параметрів, щоб було зручно розміщати у кімнаті
-довжина на рівні поясу, для зручного користування
-кнопки потрібного розміру
-всі режиму з картинкою та рекомендованою температурою
-в відсіку написано, що саме наливати
-кнопка для відкриття знаходиться біля барабону
-поверхня машинки призначена для встановлення інших речей
-машинка з шумоподавленням , щоб не створювати шум під час роботи
-є система блокування під час затоплення

2.Росчіска
UI
-помаранчева
-лого в готичному стилі
-дирки в основі
-кругла
-не велика
UX
-ручка звужена в середині, щоб було зручно тримати
-дирки дозволяють робити укладку з об’ємом за допомогою фену
-розмір невеликий, для зручності класти в сумку
-щітина 4 см, що дозволяє прочухувати від кореню
-відстань між щітинами середня , щоб зручно збирати волосся

3.3D візуалізатор дизайну інтер’єру.

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

Завдання 1.Пральна машина.Все вірно, але не зрозуміла як саме довжина машинки впливає на зручність.

Завдання 2. Росчіска. Ви вказали все правильно.

Завдання 3. 3D візуалізатор дизайну інтер’єру. Це просто програма, доступ до якої здійснюється в графічному інтерфейсі.

Дар'я8 мая 2022 17:10  
Завдання 1
Холодильник. Інтерфейс
• Панель на дверяхі холодильника. Можливості:
1. Регулювати температуру
2. Підключення до інтернету.
3. Відкриття рецептів та диктитовка інструкцій до них
4. Встановлення сроку придатності продуктів, попередження про його закінчення
5. Індивідуальні профілі для кожного члена родини; нотатки зі списками справ,повідомленнями.
6. Опція дошки для прикріплення повідомлення.
• Прозорі сенсорні екрани(функція:забезпечити огляд холодильнику, не відкриваючи).
• Можливість ввімкнути/вимкнути льодогенератор з іншого пристрою.
Всі ці деталі відносяться до розділу UX, бо відповідають за функціонал.
Розповсюджені кольори: сірий, білий, сріблий, іноді чорний. Колір дуже впливає на сприйняття продукту. Він універсальний, тому може підійти майже до кожного ремонту.
Розмір. Насправді це дуже важлива складова як і UI так і UX дизайну. Якщо розглядати зовнішній вигляд, то холодильник має бути(якщо не на замовлення) і не малим, і не великим для того, щоб не ламати перспективу та лінію горизонту. Це має дуже великий вплив через те, що візуально кімната може змінюватись.
Для UX дизайну розмір також відіграє важливу роль. Людина обирає для себе продукт під свій зріст, тому якщо компанія виробляє лише маленькі/великі, чи просто однакові холодильники , то на ринку вона далеко не просунеться.
Сушарка для білизни Xiaomi Smart Frog Portable Dryer (KW-GYQ01)

UX:
• Універсальна, має можливість складатися.
• Форма вішалки для одягу , що не дає одягу зім’ятись (одразу надає можливості клієнту зрозуміти для чого використати цей продукт).
• Нагрівання, регулювання температури.
• Спеціальна запатентована конструкція повіітрявидохів, завдяки якій повітря розповсюджується рівномірно.
• Автоматичне ввімкнення на холодний обдув, щоб надати можливість одразу вдягти одяг.
• Безпечність, яку гарантують система захисту від перегріву та датчик контролю температури.

UI :
• Компактний розмір.
• Кераміка.
• Класичний колір.
• Популярний виробник.
Електронна книга AirBook Pro 6S:

UX :

• Компактна.
• 16 гб пам’яті та можливість вставити карту пам’яті.
• 16 градацій сірого, через що екран не сліпить та не дратує очі.
• Велика кількість підтримуючих форматів файлів, що відкриває більше можливостей.
• Легка.
• Високий андроїд.
• Гугл плей, через нього можна качати додатки.
• Ємний акумулятор.

UI:

• Універсальний чорний колір.
• Сенсорні кнопки, що спливають походу користування.
• Мінімалістичний логотип на торці та на рамці внизу екрана.
• Режим, що схожий на паперову книгу.
• Основні кольори екрану чорний і білий.
• 16 градацій сірого кольору.

Крісло-мішок

UX:

• Не мають каркасу.
• Приймають форму тіла людини.
• Кульки, що наповнюють крісло менш схильні до усадки.
• Ручка, що надає змогу переносити чохол.
• Застібка, за допомогою якої знімається зовнішній чохол з внутрішнього.

UI:

• Багато варіацій кольорів.
• Має можливість до зміні чохлів.
• Універсальні розміри.
• Дуже популярний.
• Візуально додає затишку.
Нові види інтерфейсів

Інтерфейс командного рядка (англ. command-line interface, CLI) — різновид текстового інтерфейсу користувача й комп'ютера, в якому інструкції комп'ютеру можна дати тільки введенням із клавіатури текстових рядків (команд). Також відомий під назвою консоль. Інтерфейс командного рядка може бути протиставлений системам управління програмою на основі меню чи різних реалізацій графічного інтерфейсу. Формат виводу інформації в інтерфейсі командного рядка не регламентується; звичайно це простий текстовий вивід, але може бути й графічним, звуковим виводом тощо.

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

Завдання 1. Холодильник.Все вірно, молодець!

Завдання 1. Сушарка для білизни.В цьому випадку компактний розмір все ж таки більше впливає на ux, а популярний виробник взагалі не відноситься до розбіру дизайну, це щось по маркетинговій частині.

Завдання 2. Крісло-мішок. Ця характеристика точно відноситься до ux "має можливість до зміні чохлів". А про популярність та затишок – це також щось до маркетингу та немає відношення до ux/ui розбору.

Завдання 3. Інтерфейс командного рядка. Приклад вірний, але він є в уроці, а бажано було б щоб ви назвали щось нове.

Анастасія8 мая 2022 09:32  
Завдання №1
1. Компʼютерна миша :
UI : Матеріали: пластик та гумове покриття на бокової поверхні. Дріт оздоблен тканиною.
Кольори: чорний та різнокольоровийлоготип по поверхні.
Доп. кнопки є з бокової поверхні та зверху.
Стиль: геймерська.
UX: Наявність гумової поверхні та специальної виїмки для пальца допомагає зручніше та довше працювати.
Дріт озлоблений тканиною дає змогу використовувати його довше.
Наявність специальніх пластин на "дні" миші дозволяє користуватися нею без специальної ковдри.
2. Ножиці для кота
UI: Матеріали: метал та пластик.
Кольори: різнокольоровий
UX: Пластикова ручка озлоблена спеціальними виїмками для зручного використання.
На металевій поверхні ("кусачки") також наявні спеціальні отвори для того, щоб самостійно підстригти кігті коту безболісно та правильно.
3. Розпізнавання відбитків пальців, Face ID-біометричний інтерфейс.

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

Завдання 1.Компʼютерна миша.Все вірно!

Завдання 2. Ножиці для кота. Ви вказали все правильно.

Завдання 3. Розпізнавання відбитків пальців, Face ID-біометричний інтерфейс. Підходить, молодець.

Катерина8 мая 2022 06:54  
1. ui - компьютерная мышь - сделана из пластика, овальной формы, черного цвета с серыми полосками, есть колесико для прокрутки что предоставляет удобство во время использования за компьютером/ноутбуком.
ux - удобно держать в руке, выпуклость в области ладони не дает руке отекать и позволяет запястью находится в правильном положении, колесико находится по центру мыши и позволяет ускорить процесс просмотра информации, есть две кнопки правая и левая, каждая из выполняет свои функции при взаимодействии с элементами на экране.

2. ui - линейка - сделана из дерева, коричневого цвета, разметка нарисована черным цветом.
ux - ширина 2 см, длинна 50 см, позволяет делать замеры при помощи разметки нанесенной на одну из поверхностей.

3. ui - книга - сделана из картона и бумаги, страницы белого цвета, обложка из плотного картона, рисунок разноцветный, текст напечатан черной краской, страницы пронумерованы сверху по центру.
ux - прямоугольной формы, размером 60*84, удобно держать в руках, позволяет отвлечься от рутины, уйти в мир фантазий.

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

Завдання 1. Комп'ютерна мишка.Все було б правильно, але є одна помилка. Ви написали про зручність колесика мишки в ui, але це відноситься до ux.

Завдання 1. Лінійка.Правильно.

Завдання 2. Книга. Ваше речення про те, що книга дозволяє відволіктись від рутини та піти у світ фантазій – це лише припущення. А якщо зміст книги суто технічний, тоді це точно не спрацює. Тому тут помилка, в іншому вірно.

Богдана8 мая 2022 05:53  
Завдання №1

1. Бойлер
UI
- матеріал бака - сталь, а внурішнє покриття - емальована сталь, для кращого нагрівання води;
- зручний для звичайних квартир - вертикальний тип установки;
- класична циліндрична форма бака.
UX
- об'єм води - 80 л, завдяки цьому цей потужний бойлер підійде для користування сім'ї (3-4 людини);
- бойлер може нагрівати воду до максимальної температури за 1-1,5 год та має накопичувальний ефект. Завдяки цьому в домі завжди буде запас гарячої води;
- надзвичайно легке вмикання приладу за допомогою звичайної розетки.

2. Безротові навушники Sony
UI
- мають компактні розміри, завдяки чому надійно та комфортно фіксуються у вухах;
- у комплекті із навушниками є циліндричний зарядний футляр, він компактний і його легко носити в кишені або сумці,
UX
- для перемикання треку чи призупинення - на правому навушнику є кнопка, яку залежно від необхідної дії потрібно по різному затискати;
для підвищення чи зниження гучності - на ліівому навушнику є кнопка, яку залежно від необхідної дії потрібно по різному затискати;
- навушники можна додатково прокачати у додатку Sony | Headphones Connect за допомогою еквалайзера.

Завдання №2

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

Завдання №3
ЗD візуалізація продукту на людині чи в користуванні - наприклад, у Гугла є перегляд різних порід собак у живому розмірі через камеру, у Адідаса - віртуалльне приміряння кросівок на ногу через камеру.

Я працюю у магазині настінного декору (дерев'яні постери), тому було б круто візуалізувати постер на стіні у клієнта вдома чи на роботі ;)

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

Завдання 1. Бойлер.Тип установки в нашому випадку можна віднести також і до ux, бо як ви самі написали він забезпечує зручність.

Завдання 1. Бездротові навушники Sony. Тут ви трошки все наплутали, тому що усі вказані вами пункти відносяться до ux, а до ui в нашому випадку відносились би пункти про колір, матеріал з якого вони зроблені тощо.

Завдання 2. Термокружка. Тут ви також наплутали ux та ui. Ваші фрази "сталь, яка чудово зберігає тепло та легко миється" та "форма корпусу створена для зручного лежання кружки у руці"– відноситься до ux, бо визначає зручність чашки.

Завдання 3. Тут правильно. Ці інтерфейси можна віднести до одного типу – доповнена реальність.

Дарина7 мая 2022 21:37  
робот пилосос
UI:
~матеріал та колір може бути на Ваш вибір.
наприклад: матеріал з якого виконаний сам пилосос(сплав легко сплавних металів,алюміній,мідь,пластик,залізо,скло,графіт(щітки),фільтр(бумага,тканина)
колір:білий,сірий,чорний.
~стиль механічних елементів: сучасна класика,мінімалізм.
~стиль іконок та написів: плоский, шрифт звичайний,але виконаний у яскраво-помаранчевому кольорі(що дуже класно привертає увагу).
UX:
~замість скляного резервуару слід було використати надійніший матеріал(залізо, цупкий пластик).також можна додати міні розпилювач, який надасть кімнаті приємного аромату після прибирання. цікавим рішенням міг би бути дисплей на поверхні пилососа, який би змінював колір, відносно свого заряду.
~розмір та розташування елементів інтерфейсу:зручна кнопка вкл/викл.,маленький дисплей, який замінює 10 кнопок.
cценарій використання:
~підліток хоче допомоги батькам, але не має інструкції. варто додати кнопку, функцією якої буде самостійно визначати етапи прибирання, дивлячись по стану забруднення.

навушники Marshall Major IV Bluetooth Black
UI:
~матеріал:шкірзамінник,метал.колір-чорний.
~стиль:лаконічний мінімалізм.
~стиль написів:логотип бренду виконаний плоским,але цікавим шрифтом.
UX:
~дуже зручний тип кріплення, безпровідні(що також являється великим плюсом),зовнішнє покриття-шкіра,тому легко очистити від бруду,подушечки щільно прилягають до вуха,звук поширюється рівномірно.
можна було б додати прихований ремінь,щоб було зручніше носити при необхідності.

пінцет
UI:
~метал,сірий
~мінімалізм
~логотип вдавлений,шрифт без зачісок.
UX:
~зручно тримати в руці,є спеціальні рельєфні виямки для пальців,кінці під певним кутом,що дає змогу забирати навіть «пушок».
~хотілось би з іншого боку або всередині(яка буде висуватися)додати міні щіточку,щоб струшувати волоссячко.

3.не знаю чи це можна вважати новим видом інтерфейсу,але Tesla додав до своїх автомобілів функцію під назвою Smart Shift,що,можливо,є автоматичним контролем режимів руху.

заздалегідь дякую!

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

Завдання 1.Робот пилосос.Функції ви розподілили вірно.

Завдання 1. Навушники Marshall Major IV Bluetooth Black. Ви вказали все правильно, але було б непогано більше розвинути тему того, що вони безпровідні і дозволяють наприклад одночасно з прослуховуванням музики займатись спортом або буденними речами.

Завдання 2. Пінцет.Тут все вірно, але от про вашу пропозицію щіточки не зовсім зрозуміла, що ви мали на увазі.

Завдання 3. Tesla Smart Shift.Ви описали просто функцію, а не інтерфейс. Підкажу, тут ми маємо справу з тим самим графічним інтерфейсом, бо автопілот ми вмикаємо з допомогою сенсорного екрану.

Вікторія5 мая 2022 07:03  
1. Телевізор ui - присутній пластик та метал; має чорний колір, одна кнопка для включення; пульт з підписаними кнопками для ясності. ux - кнопка на телевізорі єдина, велика та знаходиться по центру під екраном; в рамці телевізору знаходяться динаміки; на пульті зручний порядок кнопок . Праска UI - двух кольорів, білого та синього, стильний ззовні; матеріал пластик та метал; одна крутилка з підписаними режимами прасування; є відсік для води; окремо кнопки для керування водою; коли праска готова лампочка вимикається. UX - крутилка не випукла (щоб не заважала, бо знаходиться під ручкою); контроль режиму води знаходиться зверху перед ручкою(бо зручно натискати великим пальцем руки); прозора основа праски для контролю рівня води
2. Сонцезахисні Окуляри ui- колір оправи коричневий, оправа пластикова, дизайн 90х, затемнюють однорідно. Ux- зручність посадки, кількість шарів в склі для захисту від ультрафіолету; ступінь затемнення щоб зір не псувався
3. Апаратний інтерфейс- комбінація ричагів, кнопок, сенсорів

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

Завдання 1. Телевізор. Ви віднесли кнопку для включення до UI. Було б правильніше вказати якусь її візуальну характеристику, наприклад, форму. Бо опис її функції це до UX. Решта правильно.

Завдання 2. Сонцезахисні окуляри. Все правильно.

Завдання 3. Апаратний інтерфейс. Правильно.

Добре справились, переходьте до наступного уроку

Ангеліна4 мая 2022 16:28  
1.Сковорідка:

UI: алюміній округлої форми, оформлений у темно-коричневому кольорі,зсередини сковорідки коричневий колір де-не-де перекритий дрібними білими плямками.Також до сковорідки прикріплена дугоподібна ручка,такого ж кольору.Між сковорідкою і ручкою знаходиться металеве кріплення кольору металу.На задній стороні (на антипригарному покритті) доволі цікавим шрифтом позначений логотип фірми,та у заокруглених квадратах, малюнком позначені різновиди покриття плит,на яких можна продукт використовувати (газова,електрична і тд.).


UX:Об'ємна,що дає змогу смажити у великій кількості.На дні є антипригарне покриття.Ручка з якісної пластмаси,яка не гріється,посередині ручка більш тонша,для зручності у руці.Також на краю ручки є дира на яку можна містити лопатку або ложку.


2.Зажим для волосся:

UI:Середнього розміру,метал,оформлений у золотому кольорі.Сам зажим створенний у метеликоподібному стилі,а поверхність покрита випуклими полосочками.

UX:Кінці,за які потрібно відкривати злегка вигнуті наззовні,щоб пальці не зіскакували. На кріпленні є пружина,від якої залежить сила кріплення заколки на волоссі.Зубці з трішки заокругленими краями,щоб не пошкодити шкіру голови,також зубці розташовані близько один до одного,щоб волосся не розліталося,а трималося купи.Розмір,який підходить для волосся будь якої довжини.


3.Чашка:

UI:Виготовлена з кераміки,мінімалістичного стилю,кремового кольору ззовні і білого зсередини.Ззовні зображено сірий листок (з дерева), з максимально детальною прорисовкою.Біля листочка знаходиться горизонтальний надпис з одного слова,в якому використовується капс та шриф з засічками.Середньої висоти,об'ємна.

UX:Покриття гладеньке,але не слизьке,приємно тримати в руках.Ручка у вигляді напівквадрату,завдяки цьому чашку дуже комфортно тримати в руці.Края чашки чуть вигнуті,так комфортніше для губ вживати рідину.

Інтерфейс: годинник який вираховує пульс і виміряє тиск,актуально буде наприклад для людей з гіпертонією,гіпотонією,тахікардією,людей у спорті і и тд.

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

Завдання 1-2. Все правильно. Ви дуже детально описали кожен предмет, молодець. У мене тільки питання по сковородці. Дірка на ручці скоріше щоб повішати її на стіну?

Завдання 3. Інтерфейс, що вимірює тиск. Хороший приклад, але мені важко придумати назву для нього.

Дуже добре, продовжуйте навчання

Маша3 мая 2022 17:03  
1. Ваза для квітів:
UI - зроблена зі скла, мінімалістичний стиль, має форму циліндра.
UX - діаметр є зручним, що легко поміщається в долоню руки для легкого переміщення, висота та діаметр зосереджений для невеликого букету, скло дозволяє бачити стан та кількість води та квітів в середині.

2. Скакалка.
UI - шнур із резини, ручки із пластику, рожевий колір.
UX - присутні щілини у ручках, що дозволяють змінювати розмір шнура відповідно до росту користувача, ручки мають розмір та матеріал для легкого тримання та підіймання скакалки.

3. Сережка.
UI - срібні, камінець, застібка, надпис, що свідчить про матеріал.
UX - розмір дозволяє користуватися сережками щодня, не заважають при будь-якій роботі, застібка закручується до сережки, що дозволяє безпечно триматися за вухо, кубічна форма камінця дозволяє переливатись із світлом.

Інтерфейс: сигнали руху, наприклад, дозволяє помічати переміщення людини чи тварини на певній території.

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

Завдання 1-2. Цікаві приклади. Все правильно описано. Тільки вагаюсь з кубічною формою камінця, в якій переливається світло. Скоріше за все це треба віднести до UI частини, тому що тут проглядається естетична складова.

Завдання 3. Сигнал руху. Напевно ви мали на увазі щось на зразок датчика руху.

Можете переходити до наступного уроку. Ви підібрали цікаві приклади, молодець

Ліза3 мая 2022 15:11  
1)1. Диван
UI - використаний коричневий колір тканини гармонійно вписується в інтер'єр кімнати, а ще є практичним, так як його важко буде забруднити
UX - диван розкладний, тим самим є зручним для спання, з 2х сторін дивану є спинки, на які можна спертись сидячи

2. Пляшка для води
UI - прозора пляшка, біло-зелена обгортка
UX - пляшка завужена до середини, така форма зроблена для зручного тримання

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

2) Тактильний інтерфейс, базується на відчутті дотику

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

Завдання 1. Диван. Правильно.

Пульт до телевізору. Вірно, лише питання по розміру. Це треба віднести до UX частини.

Завдання 2. Пляшка для води. На мій погляд, пляшка скоріше завужена до верху. Це зроблено, щоб було легше пити воду. По решті правильно.

Завдання 3. Тактильний інтерфейс. Правильно.

Молодець, переходьте до наступного уроку

Aліна2 мая 2022 19:56  
1) 1. Шафа
UI - шафа виконана з дерева, що є екологічним матеріалом, у стилі - мінімалізм, що підійде до більшості дизайнів.
UX - містить в собі 3 великі відділи, що дозволяє сортувати одяг по сезонам, 2 з відділів є високими, що дозволяє хранити одяг на вішалці, тобто збереже одяг більш охайним, також ця особливість буде корисною, в єкономіі часу а) на пошук речей б) на звереженні речей випрасованими довше.
також має ручки, для зручного відкривання дверей.
Шафа вмонтована в стіну, не збирає на верху пил.

2. сироватка для обличчя

UI - , жовтого кольору. знаходиться в банці.
ux - густа консистенція, має економний розхід та зручне розподілення по шкірі, не розтікається; в складі має активні компоненти, що лікують шкіру, закручується міцно, та не розіллється, містить в собі пипетку, що дозволяє взяти потрібну кількість продукту та недопустити потрапляння в продукт мікробів.

3, Килим на підлозі

UI - квадратний, 200*150 шерстяний, червоного кольору.
UX- Великий розмір килима захищає поверхню від зносу, щерсть - допомагає зробити більш теплою всю охоплюючу ним площу, також дарує приємні відчуття ногам.

Інтерфейс - тепловий - автоматична поїлка для тварин, реагує на темпетаруру тіла, і вмикається при к розпізнаванні певної температури.

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

Завдання 1

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

Сироватка для обличчя. Дуже цікавий приклад. Той факт, що сироватку треба зберігати у банці, я б до UX частини віднесла.

Завдання 2. Килим на підлозі. Розібрано все правильно.

Завдання 3. Тепловий інтерфейс. Правильно, молодець! Продовжуйте навчання.

Марина30 апреля 2022 12:12  
1-2.Інтерфейс трьох речей:

1) Сумка

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

UI - сумка виконана в сірому кольорі з білим обрамленням на верхньому клапані. Металева фурнітура у срібному кольорі. Матеріал - замінник шкіри. Завдяки цьому сумка чудово вписується майже у будь-який образ.

2) Електрична зубна щітка

UX - має змінні щітки і простий механізм їх зміни, тобто користуватись нею можуть декілька людей, єдина кнопка для вмикання та зміни режимів, коли режими змінюються то їх назва підсвічується на корпусі, заряджається від type-C, це є плюсом для користувачів, що мають інші девайси на такій самій зарядці.

UI - виконана з ніжно рожевого пластику та у мінімалістичному стилі.

3) Валіза

UX - має замок по 3/4 периметру з двома собачками для зручності, є можливість закрити на замок з ключем або встановити цифровий пароль для безпеки. Має 4 колеса для легкого пересування, висувну довгу ручку, за яку можна везти валізу та ще дві на різни сторонах на самій валізі. Всередині два великих відділення, та маленька кишення для дрібних речей між ними.

UI - виконана з міцного, рельєфного, темно-блакитного пластику. Коліщатка прорезинені, для довшої експлуатацію. Також дві ручки на самій валізі прорезинені, а висувна ручка металева.

3.Біометричний інтерфейс - дає доступ до програм за допомогою сканування обличчя людини, відбитку пальця, сітківки ока тощо.

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

Всі завдання виконані правильно, гарно попрацювали, переходьте до наступного уроку

Анна29 апреля 2022 12:56  
Завдання 1-2

1) Парфюм Montale Bengal Oud 50 ml

UX - флакон невеликого розміру циліндричної форми (можна повністю обхопити рукою, щоб було зручно тримати та переносити), пульверизатор середнього розміру для зручності розпилювання парфуму, кришечка відсутня, є “ключ” який блокує випадкове розпилювання.

UI - повністю залізний флакон, виконаний у золотому кольорі, написи та малюнок зроблені чорним кольором, на “ключі” прикраса у вигляді восьмикінечної зірки з логотипом бренду у центрі.

2) Велосипед

UX - два великих колеса з широкими шинами, які притосовані до їзди по піску та камінню, на спицях рефлективні смужки для того, щоб водій міг помітити велосипед у вечірній час, зручне сидіння, дві гальмівні ручки, 12 передач, рама, педалі, ланцюг, дзвінок, для подання сигналу іншим учасникам дорожнього руху.

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

3) Термос

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

UI - сірий колір, термос виконаний у металі, один з ковпачків пластмасовий, петля з тканини. Назва бренду вигравійована та покрита чорною фарбою.

Завдання 3

Звуковий інтерфейс. Після певної команди голосом, заданої користувачем, камера смартфону фотографує.

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

Завдання 1.Парфуми розібрали правильно, до речі дуже цікавий приклад. Велосипед – теж вірно!

Завдання 2. Термос – все правильно, але варто було б написати ще про матеріали, які дозволяють зберегти тепло рідини, це ж по суті основна ux функція в данному випадку.

Завдання 3. Звуковий інтерфейс. Судячи з опису – це голосовий інтерфейс і він описаний в уроці.

Вікторія28 апреля 2022 21:21  
1) Опис інтерфейсу пульта для управління температурою в кімнаті: UI -
матеріали та кольори: білий-чорний контрастний колір корпусу, сріблясті написи, сіро-блакитна підсвітка екрану, пластик;
стиль елементів: мінімалізм з плавними лініями;
стиль іконок та написів: цифри зображені в найпростішому стилі, які люди вже звикли бачити (наприклад такий стиль використовують в механічних калькуляторах, можливо тут був використаний для спрощення конструкції екрану), шрифт написів тонкий стандартний
UX-
корпус прямокутної форми зі скругленими краями розміром якраз із долоню дорослої людини, що забезпечує ергономіку продукту - його зручно й приємно тримати в руці, в той же час для дитини він буде завеликий, що убезпечить небажані наслідки; на задньому боці є підставка, яка не дає падати корпусу, розміщена вона з одного боку, щоб користувач мав змогу безперешкодно тримати пульт в руках, довжина підставки мінімальна, щоб не займати зайвого місця і в той же час достатня, щоб фізично зміщувати центр тяжіння пульта та не давати йому падати; рамка навколо екрану чорного кольору, що додає більшого контрасту та містить на собі кнопки ( як на мене, то підвищення контрасту - це єдина її функція, адже пульт містить окрім неї ще досить широку білу рамку з корпусу, на якій можна було б розмістити кнопки та тим самим збільшити розмір екрану); кнопки сенсорні (сенсор фіговииий) обведені кружечками в колі значків та букв, що робить їх композиційно одним цілим (як на мене, то їм не вистачає підсвітки); значки на кнопках інтуїтивно зрозумілі, а ось літери, що означають P- program, M- manual, я зрозуміла не одразу, а моя бабуся б і не стала в тому розбиратися ( для нашого ринку їх можна було б замінити на А - auto, P- person, що легше сприйматимуться); екран має підсвітку, яка вмикається після натискання на будь-яку кнопку (зручно, що вона взагалі є і не горить весь час, юо це могло б погіршити якість сну користувачів, але, шкода, що немає якихось жестових систем її ввімкнення, адже, як вже зазначала, кнопки теж без підсвітки й нащупати їх вночі вельми важко); наявний покажчик батареї, що дозволяє свідкувати за рівнем заряду девайсу; на екрані наявні бажана та наявна температури, час доби, режим (програмний/мануальний), одиниці виміру температури, і якийсь напис "PRG2", який я так і не зрозуміла (адже він не змінюється після натискання жодної кнопки (вважаю, що ця інформація зайва для користувача, адже, якщо це назва програми, за якою встановлюється автоматично температура, то чому її не можна змінити); також на задній панелі є місце для вставлення батарейок (загалом звичне та зручне, злите з корпусом).
2) Опис розетки:
UI -
матеріали та кольори:білий пластик, металеві елементи
стиль елементів: мінімалізм, дефолтний розеточний
стиль іконок та написів:немає
UX-
корпус трохи виступає зі стіни (не бачу в цьому ніякого функціонального значення, хіба щоб легше було намацати в темноті, однак це має полегшувати процес монтування, а відповідно зменшити вартість), виступання скруглене, кутики також, що убезпечує від небажаних травм; гніздо достатньо глибоке, зажини не надто тугі, що дозволяє надійно фіксувати вилку та не перешкоджати вільному її вийманню; орієнтація дірок паралельна підлозі, що достаньо звично для користувачів; дірки стандартного розміру (недостатнього, щоб встромити туди пальці) та форми для Європи; чогось у розетки не суцільний корпус, а складається із рамки та основи з гніздом (цей момент мені не дуже естетично привабливий і зрозумілий, як користувачу. НЕ виключаю, що це необхідні умови конструкції)

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

Завдання 1. Пульт для управління температурою в кімнаті. Про стилістику цифр ви праві, скоріше за все це пов'язанно з удешевшенням виробництва і використанням готових компонентів, дуже влучне спостереження! UI і UX частини описані дуже детально і головне правильно. Також сподобались ваші ідеї щодо можливих покращень. Молодець!

Завдання 2. Розетка. Правильно.

А що по третьому завданню?

Вікторія28 апреля 2022 16:33  
Новий вид інтерфейсу, який не описаний в уроці.

Біометричний інтерфейс - розпізнавання інформації шляхом властивостей тіла (відбитки пальців або зчитування зінниці ока), що наразі використовується для розблокування девайсів.

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

Гарні приклади, правильно! Переходьте до наступного уроку.

Вікторія28 апреля 2022 16:33  
Ніж (UI ~ складається з металової ріжучої основи та пластикової ручки) (UX ~ металева основа є загостреною, щоб ніж виконував свою пряму функцію. Ручка є пластиковою та не гострою, щоб ніж можна було безпечно тримати в руці. Зокрема зручнішою була б нековзаюча ручка з гуми або з гумовими антиковзаючими вставками. Для ножа гарним допоміжним девайсом стала б підставка або спеціальний чохол для зберігання)

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

Дуже добре розписали

Вікторія28 апреля 2022 16:32  
1. Кавоварка (UI ~ складається з металу, пластику та скла. Колір сірий та чорний. Стиль сучасний, мінімалістичний. Є чорна кнопка з оранжевою лампочкою. Чорний напис з переднього боку з назвою фірми у стилі бренду.) (UX ~ Кнопка має підсвітку для того, щоб було зрозуміло коли ввімкнена кавоварка. Кавоварка має нарізки для відображення кількості води. Зручніше було б додати звуковий сигнал-сповіщення про завершення приготування напою.)
2. Навушники (UI ~ складаються з пластикового кейсу та двох навушників білого кольору. Мають кнопку ззаду. Та лампочку, яка горить двома кольорами.) (UX ~ кришка кейсу від навушників на магніті, що забезпечує зручне і швидке закривання кейсу. Лампочка горить зеленим кольором, коли навушники заряджені та червоним, коли розряджені. Кнопка ззаду забезпечує швидке підключення до телефону по блютуз.)
3. Фен (UI ~ складається з пластикового корпусу та насадок чорного кольору, має рожеві вставки. Має прямокутну кнопку на ручці та круглу кнопку позаду ручки) (UX ~ ручка має зручну форму для тримання в руці. Прямокутна кнопка відповідає за переключення потужності повітря та натискається у процесі роботи фену, без його відключення, анологічно з кнопкою позаду. Насадки вкручуються до фену міцно і не випадають, проте швидше було б закріплювати магнітні насадки. Можна було б додати екран з температурою повітря, щоб контролювати його вплив на волосся і не перегрівати його. Зокрема зручнішим був би безпровідний фен, щоб не плутатися в проводі під час сушіння волосся. )

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

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

Аліна28 апреля 2022 14:49  
Добрий день)

1) Навушники:

UI:
- особисто мої навушники чорного коліру;
- мають написи L R, щоб не плутати у яке вухо вкладати.

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

2) Наручний годинник:

UI:
- Мають сріблястий колір;
- Мають циферблат без чисел;
- Мають металевий ремінець.
UX:
- Кнопка для зміни часу та дати знаходиться з правої сторони, так як годииник прйнято носити на лівій руці та перемикати все зручніше правою рукою;
- Замок знаходиться посередині реміньця, щоб було зручніше замикати годинник самому;
- У кнопці є 3 режимидля перемикання дати та часу, щоб полегшити дизайн та не робити 3 різні кнопки.

3) Електрона книга

UI:
- Має білий колір;
- Кнопки виділені чорним, щоб виділялись і було видно куди натискати.

UX:
- Має підсвітку для головної кнопки, яка відповідає за перемикання сторінок і тд;
- Має кнопки для вимкнення та роз'єм для зарядки;
- Ці кнокпи розташовані знизу для того, щоб не відволікати увагу.

Чашка

UI:
- має різне забарвлення та малюнки;
- мають різну форму;

UX:
- ручка зроблена у формі, яка повторює нашу руку, що дозволяє зручно тримати чашку.


Інтерфейс:
Вебінтерфейси, які приймають вхідні дані та забезпечують виведення, створенням вебсторінок.

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

Завдання 1.

Навушники. Ви написали "мають написи L R, щоб не плутати у яке вухо вкладати" до UI характеристик, але насправді ж це відноситься до UX.

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

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

Завдання 2.

Чашка. Правильно.

Завдання 3. Цікавий приклад, підходить.

Іра 28 апреля 2022 10:19  
Вид інтерфейсу:
Не знаю як його назвати правильно, але я подумала про такий вид інтерфейсу, який реагував би на твої емоції та мікроімпульси. Наприклад, користувач зайшов на сайт, прочитав ціни на товар/послуги, зробив вираз обличчя типу not bad, сайт автоматино прокручує на наступну секцію для реєстрації чи покупки. Якщо користувач робить вираз обличчя типу meh, таке собі, тоді вискакує віконечко з записом на консультацію з асистентом, який би розповів більше про послугу/товар

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

Завдання 3. Напевно ви мали на увазі щось схоже на фейс-айді у айфонах, але розширену версію із зчитуванням емоцій. Приклад хороший!

Можете переходити до наступних уроків.

Іра 28 апреля 2022 10:09  
Мультиварка
UI
1. метал в поєднанні з чорним кольором, стиль - мінімалізм
UX
1. смарт тач кнопки (сенсорні) - реагують на пальці людини, зручно тим, що нічого випадково не натиснеться будь-яким іншим предметом
2. таймер зі зворотнім відліком - користувач знає точно, скільки по часу займе приготування тої чи іншої страви, або ж скільки залишилося часу до повного приготування
3. є стікер-інструкція, яку не потрібно знімати і вона не відлипне під час нагріву мультиварки - інструкція допомагає легко та швидко розібратися в потрібних програмах приготування їжі та кнопочках. Зручно навіть для тих користувачів, які ніколи не користувалися мультиваркою раніше
4. на всих кнопках є доступні іконки, наприклад старт в вигляді трикутника і це єдина червона кнопка (всі інші чорні), температура, таймер. Також на кнопках зображена їжа, що полегшує користування: натиснув на те, що готуєш і не думаєш яку температуру виставити і час
5. на кришці є кнопка для зручно відкривання мультиварки
6. шнур зарядки зйомний, якщо кудись потрібно перевезти мультиварку, то не потрібно хвилюватись, що шнур може пошкодитися і потім перестане працювати
7. легка вага
____

Праска
UI
1. білий + зелений кольори, пластик
2. сіре покриття, тефлон
UX
1. колесо для регулювання температури нагріву праски
2. на колесику є також режими для речей, які можуть зіпсуватися від неправильно обраної температури (вовна,бавовна і тд)
3. контейнер для води з широким горлом, щоб максимально нічого не розливалось
4. язичок для регулювання пари (можна ввімкнути або вимкнути цю функцію)
5. на ручці зверху та знизу є кнопки. Зверху - для води, щоб змочити одяг. Знизу - для збільшення виділення пару
6. на шнурку від зарядки є запобіжник від пошкодження (силіконовий, який гнеться) та силіконовий тримач шнурка (зручно скручувати шнур та скріплювати в певному положенні)
7. знизу на поверхні є дирочки, для легкого проходження пару на одяг
8. легкий
9. зручна ручка для будь якого розміру руки
_____
Блокнот
UI
1. червоний, з чорно-білими китайськими візерунками
2. картон
3. чорні металеві кільця
UX
1. маленького розміру
2. легка вага
3. 96 сторінок (велика кількість сторінок при маленькому розмірі)
4. тоненький (важливо при великій кількості сторінок)
5. заокруглені краї, щоб не пошкодити чи не подряпати щось в сумці
6. маленькі кільця, які не виступають далеко та не займають багато місця, при цьому достатньо великі, щоб вмістити ручку (яку можна переносити разом з блокнотом)
7. сторінки в клітинку, що збільшує функціонал блокноту (на відміну від блокноту в лінійку) - можна з гелкістю намалювати квадрат чи інші геометричні фігури
8. датовані сторінки
9. є окремий пункт на кожній сторінці з написом “твій настрій сьогодні” , що робить його ідеальним блокнотом для journaling (куди користувач записує свої думки кожного дня)

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

Завдання 1. Мультиварка – просто супер, дуже детально та правильно розписали. Праска – також правильно.

Завдання 2. Блокнот – все вірно, цікавий приклад.

Діана 28 апреля 2022 07:45  
1. IPhone 11 Pro
UI - дисплей, камера, корпус. Сучасний на вигляд, прозоро-чорний екран, сріблястий ззаду, мінімалістичний на вигляд, 3 камери ззаду доповнюють сучасний стиль смартфону
UX - не великий за розміром, тому дуже зручний. Кнопка ввімкнення розташована збоку у верхній частині, щоб зручно було натискати. Кнопки звуку розташовані з іншого боку, теж Ц верхній частині. Камери розташовані ззаду зверху, щоб не захиляти пальцями під час роблення фото.


Чайник електричний
UI - прозора чаша для води, підсвічується синім під час нагрівання, резиновий шнур, пластмасова підставка для чайника, який з’єднує чашу із електромережею

UX- кнопка для ввімкнення внизу чайника, легко натискаюється та автоматично виключається, коли чайник закипів, також є кнопка біля кришки чайника, щоб без труднощів набрати воду, резиновий шнур певної довжини дає змогу користуватись чайником на певній відстані від розетки.

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


3. Сенсорні екрани - використовуються у мобільний телефонах, планшетах, у пристроях самообслуговування та інших пристроях

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

Завдання 1. IPhone 11 Pro – правильно. Чайник – все правильно, але до UX ще можна було б додати, що прозора чаша про яку ви зазначили дає людині побачити залишки води та долити необхідне.

Завдання 2. Колечко – тут все вірно, але ви не зазначили головного – діметр (розмір), що дозволяє йому триматись на пальці.

Завдання 3. Сенсорні екрани – правильно, але в уроці ці інтерфейси є, але більш в широкому сенсі описані (як жестові).

Влада27 апреля 2022 08:03  
1.Зарядний пристрій
UI
- білий корпус та шнур, без зайвих написів, вилка залізна, шнур обрезинений для гнучкості
UX
- корпус прямокутний, щоб легко втикнути у розетку
- шнур в міру довгий, щоб можна було користуватись телефоном і під час зарядки
- корпус і шнур роз'єднуються задля того, щоб можна було ще заряджати від паувер банка, або використати як usb шнур.

Смарт-годинник
UI
- ремінець будь-якого кольору
- годинник прозоро-чорний, без написів
UX
- застібка на ремінці регулюється
- сенсорне управління
- прямокутний закруглений корпус для комфортного сприйняття оком
- жужить на повідомлення
- має корисні функції


2.Чашка для чаю
UI
- білий колір, форфор, у стилі мінімалізм
UX
- діаметр чашки достатньо комфортний, щоб занурити туди носа, коли допиваєш останню крапельки чаю
- об'єм чашки достатній, щоб заварити та випити стандартну кількість чаю, для покращення настрою. Кожен обирає чи йому треба 500 мл випити, чи 350.
- має спеціальну нерівність по периметру чашки для того, щоб комфортно класти їх одна в одну ( комфортно для кейтерингу)
- вушко чашки повинно бути максимально комфортним для тримання середньостатистичної руки

3. Тапки домашні зимові
UI - бежеві, м'які та пухнасті, с бантиком
UX
- закриті, щоб нозі було тепліше
- підошва товста, щоб тепліше було теж
- об'єм в лапочку для ноги визначається за стандартами розмірів

3. Интерфейс для немых людей

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

Завдання 1. Зарядний пристрій. Гумовий шнур для гнучкості, то скоріше до UX-частини. По смарт-годиннику все правильно.

Завдання 2. Чашка для чаю і тапки правильно розібрані, молодець!

Завдання 3. Інтерфейс для німих людей. Ви мали на увазі щось на кшталт шрифту Брайля?

Переходьте до наступного уроку.

Софія26 апреля 2022 15:30  
1. Фен
UI - чорний колір корпусу , насадка та кнопочки золоті, все зроблено з пластику . Шрифт без засічок.
UX - кнопочка регулювання потужності знаходиться зверху на ручці , і одночасно є кнопкою ввімкнення; кнопка регулювання температури повітря знаходиться нижче і є як ричажок.
Газова плита
UI - Корпус с срібного металу , канфорки і верхня сітка чорний чугун , кнопки ввімкнення чорний пластик .
UX - кнопки розташовані горизонтально перед канфорками ближче до людини . Вони круглі і крутяться за часовою стрілкою аби запалити вогонь і регулювати його потужність , і проти часової стрілки щоб вимкнути .
2.Пилка для нігтів
UI- розова пластикова ручка щоб тримати , срібляста металева сама пилка
UX- металева пилка покрита спеціальним матеріалом яким легко надавати форму нігтям , пластикову ручку легко тримати .
3. WIMP - інтерфейс

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

Завдання 1. Фен і газову плиту розібрали правильно, молодець!

Завдання 2. Пилка для нігтів. Правильно, тільки "щоб тримати" це відноситься до UX.

Завдання 3. Ви мали на увазі це? З Вікіпедії:
In human–computer interaction, WIMP stands for "windows, icons, menus, pointer"
Якщо так, то це приклад графічного інтерфейсу, який описаний в уроці. Тому не зараховується. Якщо ви мали на увазі щось інше, то напишіть.

Alona Hur23 апреля 2022 18:31  
Доповнення завдання за 21.04 і відповідь на Ваше запитання "Окуляри для прикордонників та працівників аеропортів. Тут ви мали на увазі доповнену реальність або зчитування сітківки ока?" - мала на увазі зчитування сітківки ока.

Так, це чудовий приклад, правильно!

Inna Kulikovska22 апреля 2022 17:00  
1.

Пральна машина:

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

Навушники Airpods:

UI - кейс для навушників з білого пластикового корпусу, невеликого розміру, округлої форми, приємний на дотик. Самі навушники виконані елегантно в білому кольорі з металевими магнітами на кінцях, їх приємно тримати в руках. На задній стороні кейсу розташована маленька кнопка, знизу є слот для зарядки.
UX - кейс має зручну кришку на магніті, щоб навушники надійно зберігались в ньому та не випали. Відкриваючи кришку, ми бачимо маленьку лапочку-індикатор, що одразу дає зрозуміти заряджені навушники чи ні. Зелений - заряджені, оранжевий - потрібна підзарядка, червоний - навушники відсутні в кейсі. В кейсі є спеціальні ніші для кожного навушника, що імітують їх форму. Їх положення паралельне положенню у вухах. Кнопка на задній стороні служить для вимкнення та під'єднання пристрою до телефону. Вставляючи навушники у вухо, вони видають звук, що ідентифікує автоматичне підключення до смартфона.

Електрична зубна щітка

UI - корпус щітки та сама щітка сірого кольору, посередині корпусу кольоровий сенсорний екранчик з великою кнопкою, знизу щітка також має сенсор для зарядки.
UX - щітка має зручну ручку, велика кнопка вмикає та вимикає щітку. Сенсорний екранчик дає нам вибрати режим чистки та встановити час чищення, також він ідентифікує нас, коли заряд батареї низький, загоряючись червоним світлом.

2.

Ножиці:

UI - металевий корпус, два відділення для пальців, гострі леза знизу.
UX - ножиці з'єднанні між собою та рухаються, це і також відділення для пальців допомагають нам зручно різати та керувати ними. Леза зверху товстіші, а знизу тонші, що дає нам змогу контролювати силу з якою ми ріжемо.

3.

Тактильний інтерфейс.

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

Завдання 1.

Пральна машина. Правильно.

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

Електрична зубна щітка. Також вірно!

Завдання 2.

Ножиці. Правильно.

Завдання 3.

Тактильний інтерфейс. Супер! Ви просто назвали ще один вид інтерфейсу, який не був написаний в уроці.

Alona Hur21 апреля 2022 19:17  
Завдання 1:
1. Вирівнювач для волосся
UI - корпус чорно-білого кольору, пластини для вирівнювання керамічні, шрифти без засічок, вогники регулювання температури склянні і випуклі.
UX - кнопка регулювання температури розташована ближче до центру, що є зручним для використання; пластини для вирівнювання волосся керамічні для того, щоб не так шкодилося волосся. Індикатор температури, що зараз ввімкнено - підсвічується.
2. Пилосос
UI - корпус пилососу пластиковий, кольори - зелений, чорний. Трубка пилососу металева з пластиком. Шрифт бренду без засічок, кнопки випуклі.
UX - трубка пилососу регулюється під зріст людини і її діаметр комфортний для обхвату руками, в комплекті 3 різних види насадок для різних поверхонь і зон з ускладненим доступом.
3. Мультиварка
UI - корпус пластиковий білого кольору, чаша з металу чорного кольору. Шрифт без засічок та плоский . Кнопка відкриття кришки пластикова.
UX - Чаша має антипригарне покриття. Кнопки вибору програми сенсорні, кнопка відкриття кришки - звичайна , відкривається за допомогою натискання на неї. На дисплеї є номер вибраної програми та зображення кількості порцій страви, що готуєте. Є таймер та звуковий сигнал після приготування страви. Також, після закінчення приготування мультиварка автоматично включає режим підігрівання їжі. А ще, можна ставити в режим відкладеного приготування на певну годину. Наприклад, зранку прокидаєшся і є готова, гаряча, свіжа їжа.

Завдання 2:
4. Пляшка для вина
UI - пляшка скляна, прозора, на шийці пляшки паперова акцизна марка та під нею корок. А також, паперова етикетка. Шрифт плоский без засічок.
UX - пляшка вигнута, звужена в центрі, за рахунок чого легко тримається.

Завдання 3 - новий вид інтерфейсу.
5. Окуляри для прикордонників та працівників аеропортів.
Ці окуляри будуть використовувати для перевірки людей при прибутті в нову країну. Працівники митного і паспортного контролю не беручи до рук документів, поглянувши в очі людини зчитують всю інформацію про пасажира. Тому, з цими окулярами можливо подорожувати без документів при собі, головне мати біометричний паспорт і бути зареєстрованим в системі.

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

Завдання 1.

Вирівнювач для волосся. Правильно.

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

Мультиварка. Чудово!

Завдання 2.

Пляшка для вина. Правильно, але до UX ще можна додати ширину шийки пляшки, яка забезпечує кращий контроль витікання вина з пляшки.

Завдання 3.

Окуляри для прикордонників та працівників аеропортів. Тут ви мали на увазі доповнену реальність або зчитування сітківки ока?

Kate22 марта 2022 14:24  
1. Холодильник
UI - белый цвет, интерактивная панель, расположенные внутри холодильника полочки
UX - интерактивная панель расположена на уровне глаз, чтобы было удобно следить за температурой внутри холодильника; полочки расположены на разном расстоянии друг от друга, чтобы помещать предметы разной высоты; ручка дверцей расположена не ниже уровня кончиков пальцев опущенной руки, чтобы было удобно открывать

2. Баночка таблеток
UI - белый цвет, сделана из пластика
UX - имеет цилиндрическую форму, чтобы было удобно держать в руке; на крышке по бокам есть выступы, чтобы было удобно открывать, а крышка не скользила.

3. Домофон по отпечатку пальца

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

Домашние задания больше не проверяю для граждан россии. Напишите мне @frusia.pro в директ Instagram, если вы не из россии.

Анастасия22 марта 2022 08:30  
1. Фен
UI: Выполнен из пластика. Цвет корпуса белый с черными вставками. Провод и насадки также черные. На задней части корпуса вокруг воздухозаборника есть треугольная вставка серебристого цвета, на которой написано название фирмы.
UX: Имеет 2 тумблера для переключения температуры и мощности воздушного потока, каждый имеет 3 режима. Также есть кнопка для немедленного охлаждения воздушного потока, которая расположена так, чтобы на нее было удобно нажимать указательным пальцем. 3 сменные насадки для различных способов укладки: диффузор для кудрявых волос и 2 плоских насадки для прямых волос. Насадки держатся на специальной защелке и легко меняются.
Около места крепления провода также имеется петля, чтобы было удобно вешать фен на крючок.
2. Крем для рук.
UI: Тюбик белого цвета. На лицевой стороне указан логотип и название фирмы, а также основные компоненты состава (буквы золотистого цвета, шрифт без засечек). На обратной стороне тюбика - текст с составом, способом применения, местом производства и другими характеристиками продукта.
На верхней части тюбика 2 золотистых горизонтальных полоски.
UX: Тюбик выполнен из мягкого пластика, чтобы легко было выдавливать из него крем. Колпачок имеет клапан на защелке, чтобы можно было открывать и закрывать его одной рукой. При необходимости весь колпачок можно открутить. Колпачок имеет плоское дно, чтобы можно было ставить крем вертикально. Таким образом, тюбик занимает меньше места, а крем внутри естественным образом стекает вниз, к выходу, что облегчает его выдавливание.
3. Зубная щётка
UI: Выполнена из белого пластика с розовыми вставками. Рабочая часть - из искусственной щетины белого цвета. В нижней части белый логотип фирмы-производителя на розовом фоне.
UX: Рабочая часть овальной формы, достаточно большая, чтобы качественно чистить зубы, но не слишком - чтобы было удобно ей пользоваться и доставать даже до самых дальних зубов. Щетина средней жёсткости, чтобы хорошо вычищать остатки пищи, но не ранить десны при этом. На обратной стороне рабочей зоны - специальные рёбрышки для чистки языка.
Ручка в середине имеет уплощение, чтобы обеспечить упор для большого пальца и избежать выскальзывания щетки из руки во время пользования.

4. Пример интерфейса.
Дверь общественного туалета, которая открывается без касания рукой (чтобы не нужно было ее трогать только что вымытыми руками). Для этого на двери должен быть датчик, реагирующий, например, на проведение рукой перед ним или голосовую команду ("Открыть").

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

Домашние задания больше не проверяю для граждан россии. Напишите мне @frusia.pro в директ Instagram, если вы не из россии.

Алиса14 марта 2022 20:33  
1. Электронная гитара: UI - материалы (дерево, металлические пластины), вид корпуса в разных стилях (в зависимости от гитары, цвет), логотип (шрифт и стилистика)UX - струны (для хорошего звучания выполнены из специального металла), регуляторы громкости, тембра, настройки струн и их расположение, держатели для ремешка и сам ремешок, форма гитары (расположение корпуса и грифа для удобства игры)
2. Пальто: UI - длинна, форма, цвет, вид пуговок, бирка от производителя UX - вид пальто (расположение рукавов, горловины), расположение пуговиц и отверстия для них либо молния (располагается спереди для удобства), хотела отнести ткань к UI, но, мне кажется, что в данном случае это и UI и UX, так как ткань пальто выбирается исходя из потребностей человека и погодных условий (для дождливой погоды нужна ткань, которая не будет впитывать влагу, если пальто рассчитано на морозную погоду, то в нём обязательно есть утеплённая подкладка и более плотная ткань), карманы, их форма и расположение (в них можно положить ключи, к примеру, наушники или телефон. Расположен они таким образом, чтоб к ним был быстрый и лёгкий доступ)
3. Ролик для одежды: UI - цвет ручки, материал ручки UX - форма ролика (ручка, которая спокойно помещается в руке и которую легко удержать), липкая часть (выполняет основную задачу ролика - скатывание ворсинок и катышек), липкая часть так же является съёмной (отклеивается использованная лента, обнажая новую липкую часть) и имеет белый цвет для того, чтобы пользователь видел степень налипших на ленту частичек.
4. Пример вида интерфейса:
Очки для оживления картин (Встроенный в очки интерфейс, который при наведении линз на любое произведение искусства анализирует все объекты внутри картины, эпоху её написания и оживляет картинку как в «Гарри Поттере»)

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

Домашние задания больше не проверяю для граждан россии. Напишите мне @frusia.pro в директ Instagram, если вы не из россии.

Эльвира13 февраля 2022 20:38  
Домашнее задание № 1
1. • Настольное зеркало с подсветкой
UI- Металлическое цветовое решение, черная кнопка включения подсветки, белый провод.
UX- Устойчивая круглая подставка, круговая подсветка для лучшего освещения, стандартное зеркало для общего вида и увеличительное с обратной стороны для обозревания всех деталей, ось вокруг которой вращаются оба зеркала.
• Apple Watch
UI-цвет корпуса и ремешка, форма дисплея, крупный размер кнопок на экране.
UX - засечки на колесике для удобства, вибрации при его кручении, расположение кнопок на часах, отверстия на ремешке для регулировки обхвата руки.
•Стиральная машина
UI - белый цвет корпуса, прозрачный пластиковый "иллюминатор", хромированные рычаги выбора режима, вид и цвет иконок
UX - ручка для открытия барабана машины, рычаги выбора режима, кнопка включения и выключения, водоотводящий шланг, отсек для порошка и кондиционера
2. • Косметический бокс
UI - прозрачные стенки, розовый цвет внутренних элементов, стикеры с логотипом бренда, алюминиевые грани бокса.
UX - Защелка для закрытия бокса, 2 уровня для сегментации косметики клиентом, ручка для переноса бокса.
3. Интерфейс очков Google Glass

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

Задание 1.

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

Apple Watch. Тоже верно.

Стиральная машина. Отлично! .

Задание 2.

Косметический бокс. Правильно.

Задание 3.

Интерфейс очков Google Glass. Это верно, но все-таки очки это графический интерфейс.

Дарья9 февраля 2022 19:02  
1. Штатив для телефона:
UI:
- металлическая штанга и пласмассовые ножки;
- светло-розовый цвет;
- кольцевая лампа над держателем телефона.
UX:
- на конце штанги есть держатель для телефона, который вращается на 360 градусов для удобства использования. Так же штанга служит регулятором необходимой высоты и фиксируется;
- для устойчивости штатив имеет треногу с откидными ножками, соответственно для его компактности ножки складываются;
- лампа включается нажатием кнопки расположенной сзади и служит подсветкой. Она находится над держателем для телефона (свет находится рядом с камерой, что улучшает качество кадра).

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

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

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

Задание 1.

Штатив для телефона. Вы написали к характеристикам UI – "кольцевая лампа над держателем телефона". Эта часть штатива не имеет отношения непосредственно к UI, потому что отвечает за функцию освещенности в кадре. Остальное – правильно.

Жаль, вы не рассмотрели дизайн еще двух предметов.

Задание 2.

Совок для мусора. Все правильно.

Задание 3.

Тактильный/звуковой интерфейс (для понимания желаний питомца). Хороший пример, молодец.

Sophia8 февраля 2022 11:12  
Задание 1.

1. Фен

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

UI: Материал и цвет корпуса, стиль, вес 


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


3. Холодильник

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

UI: Цвет корпуса, логотип, маретирал корпуса, отвеков и полок. 



Заданеи 2.


Чайник
UX: ручка сверху, носик для подачи горячей воды, крышка для заполнения воды

UI: цвет металла, легкий корпус, крышка на носик


Задание 3.

Умный дом, управление производится с помощью голоса или жестов

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

Задание 1.

Фен. Правильно. Супер.

Телефон. Тоже верно.

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

Задание 2.

Чайник. Не поняла, что вы имели ввиду под фразой "крышка для заполнения воды". В остальном верно.

Задание 3.

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

Marta2 февраля 2022 13:35  
Завдання 1
Навушники
UI: світло-рожевий колір, матеріал - пластик, шкірзамінник, модель виконана у мінімалістичному стилі, шрифти без засічок.
UX: кнопки регулювання звуку та кнопка вкл/викл розміщена з правого боку навушників. Присутній ідикатор, який під час включення світиться білим кольором та видає звук, під час під'єднання до пристрою по bluetooth індикатор світиться синім. Навушники регулюються.

Завдання 2
Чашка
UI: білий та сірий кольори, ілюстрація.
UX: середній розмір, присутня ручка, яка прикріплена до стінки чашки.

Завдання 3
Годинник -голограма
UI: алюмінієвий матеріал корпусу, білий колір, стиль - кежуал,
UX: на годиннику з правої сторони знаходиться кнопка запуску, за допомогою голосу можна повністю керувати годинником та голограмами.

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

Задание 1.

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

Задание 2.

Чашка. Правильно, тут важно еще написать, как именно ручка и форма чашки влияют на удобство.

Задание 3.

Часы-голограмма. Хороший пример, молодец.

Юлія1 февраля 2022 16:21  
1. Колонки до ПК:
UI - чорний колір, шрифт, логотип, іконка, пластиковий корпус;
UX - кількість колонок 2шт - щоб користувач міг розмістити колонки з двох сторін ПК і безпечно , зручно получати рівноміриний звук; також для зручності нижчевказані функції знаходяться лише на одній колінці;
регулятор гучності - задає рівень гучності при прокручені кнопки;
кнопка вкл/викл і лампочка - при натискані на кнопку індекатор показує чи включений пристрій чи ні, якщо так -індекатор горить зеленим кольором;
вхід під навушники - позначений іконкою самих навушників.
2. Лампа для манікюру:
UI - білий колір, шрифт, логотип;
UX - кпопки таймеру, 3 шт з різними відліками часу;
панель відліку часу- при натискані на кнопки загоряється світло лампи і згасає після заданого часу.
3. Фен:
UI - фіолетовий і рожевий колір, матеріал;
UX - кнопка вкл/викл;
складна ручка - що допомагає не займати багато місця і зручно брати з собою.
4. Чайник зі свистком для плити:
UI - сріблястий, чорний, нержавіюча сталь
UX - фіксована ручка, можливість налити воду однією рукою;
свисток - при кипінні видає свистячий звук, щоб користувач, будучи в іншій кімнаті, міг почути.
5. Іграшка/гаджет для домашнього улюбленця, яка буде вмикатись при дотику самого улюбленця до неї. Задля безпеки улюбленця в гаджеті буде така функція як в роботі пилосос - сканування приміщення, а через додаток на телефоні власник міг би визначати в які місця не можна забігати, а якщо б улюбленець сам її туди відносив, то іграшка просто б вимикалась.

Ваш сайт - це просто знахідка! Велике вам дякую за таку працю, бажаю аби це добро вам вернулось в ще більшому розмірі с:

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

Задание 1.

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

Лампа для маникюра. Правильно. Тут можно было еще добавить к UX части про форму лампы. Она позволяет удобно держать руки в течение длительного времени, а также не занимает много места, чтобы можно было располагать на столе.

Фен. Верно.

Задание 2.

Чайник зі свистком для плити. Очень хорошо, молодец.

Задание 3.

Игрушка питомца. Пример интересный, но вы описали уже готовое устройство, с несколькими интерфейсами. А именно: тактильным (при касании питомца) и сканер помещения.


Окреме дякую за ваш коментар:)

Элеонора12 января 2022 17:48  
Домашнее задание 1
1. Механическая клавиатура
UI - сделана из пластика, из черного цвета с выделенной английской раскладкой (чтобы не было путаницы)
UX - тактильная обратная связь, можно сделать громкую или тихую, (тихая подходит для тех работает ночью у себя дома, громкая же больше тем кто с помощью звука определяет что нажал на клавишу)

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

3. Материальный интерфейс
Возьмем в пример PlayStation и gamepad, с помощью touchpad на gamepad можно передать изображение движения пальцев, на экран.

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

Задание 1.

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

К сожалению вы не выполнили задание до конца, нужно рассмотреть еще два предмета.

Задание 2.

Спортивная бутылка для воды. Правильно.

Задание 3.

Тачпад на геймпаде Playstation Вряд ли определение "материальный" подойдет. Скорее тактильный.

Виктория5 января 2022 15:18  
Домашнее задание к уроку №1.
1. Стиральная машина
UI:
-цвет корпуса белый, материал нержавейка.
-кнопки включения и запуска, рычаги режимов стирки и сушки пластиковые серого цвета
-панель с дисплеем и доп.настройками температуры, отжима, полоскания черная сенсорная из стекла с обычным белым шрифтом на кнопках.
-дверца пластиковая с зеркальным покрытием, в середине окно из стекла, и ручка с замком.
UX:
- дверца круглая с окошком, удобно видеть процесс стирки.
-ручка с замком скрытая, не смотрится отдельным элементом, экономит пространство, удобно если в доме маленькие детки.
-кнопки включения-запуска, рычаги режимов стирки-сушки вынесены отдельно от панели черной, удобно тем что пользуешься ими чаще всего и не нужно искать их в общей массе.
-панель показывает время стирки, этап стирки, температуру, выделена черным и работает на контрасте, т.к. буквы-значки имеют яркую подсветку и сразу бросаются в глаза.
- вся приборная панель расположена в верхней части стиральной машины для удобства использования.
2. Термопод
UI:
- материал пластик, цвет черный
-основные кнопки черные скрытые
- шкала объема воды прозрачная
- отверстия для подачи воды
UX:
- кнопка открытия выделена серым цветом, расположена сверху на крышке, удобно сразу открывать и наливать воду.
- основные кнопки расположены сверху, выполняют функцию запуска кипячения и подачи воды. Оснащены дополнительно индикаторами, которые показывают что вода еще кипятится, и что вода уже вскипела и можно использовать по назначению.
- шкала объема воды имеет разбивку от 0,5л до 4,5 л, показывает количество воды и вместимость чаши термопода.
- отверстие для подачи воды расположено под панелью с кнопками и доп оснащено механической кнопкой запуска насоса для нажатия кружкой.
3. Телефон
UI:
- цвет черный, корпус пластик с названием фирмы-производителя.
UX:
- кнопки громкости и включения расположены сверху с права на расстоянии достаточном для большого пальца.
- камера расположена сверху, рядом подсветка выполняющая роль фонарика и вспышки при фотографировании. Сверху - чтобы рукой не закрывать обзор для фото.
- ниже камеры располагается сканер отпечатка пальца, чтобы можно было быстро выйти из режима блокировки, а также повысить уровень безопасности.
4. Пакетик чая
UI:
- пакетик белый квадратной формы
- веревочка
- миниэтикетка с названием чая
UX:
- пакетик чая имеет дырочки для быстрого заваривания чая и не позволяет чайной заварке попасть в стакан.
- веревочка для того чтобы быстро и легко вытащить пакетик,можно регулировать крепость чая.
5. Новый вид интерфейса
- сканирование биометрических данных лица

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

Задание 1.

Стиральная машина. Правильно.

Термопот. Тоже правильно.

Телефон. Отлично. Очень понравилось, что вы так тщательно расписываете все детали.

Задание 2.

Пакетик чая. Необычный пример, хорошо!

Задание 3.

Сканирование биометрических данных лица Подходит, правильно.

Лилия3 января 2022 23:31  
Домашнее задание
1) Гладильная доска
UI - материал: металл, ткань, резина
цвет: серый, синий, черный
UX - наличие подставки для утюга - для удобства, регулятор высоты доски - для людей разного роста, прорезиненные ножки - для избежания скольжения

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

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

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

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

Задание 1.

Гладильная доска. Правильно.

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

Наборные гантели. Правильно.

Задание 3.

Подбор музыки по настроению. Хороший пример, молодец!

Маргарита26 декабря 2021 23:09  
Задание 1
1.1 Стационарный домашний телефон
UX: Форма корпуса,расположение на устройстве различных элементов (кнопки,дисплей,динамик,порт для зарядки)
UI: Цвет и текстура корпуса,цвет обозначений на кнопках

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

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

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

3. Система домашних устройств «умный дом»

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

Задание 1.

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

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

Индукционная плита . Правильно.

Задание 2.

Косметическое зеркало. Верно.

Задание 3.

Система домашних устройств «умный дом» Вы описали очень размытый предмет. Ведь в этой системе может быть большое количество разных интерфейсов: графических, голосовых, возможно, еще каких-то. Если будет желание доделать задание – выберите один предмет из этой системы и опишите как работает его интерфейс.

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

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

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

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

Задание 1.

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

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

Задание 2.

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

Задание 3.

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

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

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

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

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

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

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

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

Задание 1.

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

Задание 2.

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

Задание 3.

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

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

Диана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.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Задание 1.

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

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

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

Задание 2.

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

Задание 3.

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

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

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

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

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

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

Комментарий 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.

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

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

sona1 сентября 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.

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

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

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

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

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

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

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

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

Задание 1.

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

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

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

Задание 2.

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

Задание 3.

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

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

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

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

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

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

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

Задание 1.

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

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

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

Задание 2.

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

Задание 3.

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

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

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

Задание 2.

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

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

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

Задание 1.

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

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

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

Задание 3.

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

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

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

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

Татевик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 (удобство). Остальное – правильно.

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

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

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

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

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

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

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

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

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

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

Eva15 апреля 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.

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

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

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

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

Ответ.

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

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

Ная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.

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

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

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

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

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

Задание 1.

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

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

Задание 2.

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

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

Настя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.

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

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

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

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

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

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

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

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

Задание 1.

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

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

Задание 2.

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

Задание 3.

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

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

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

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

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

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

Задание 1.

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

Задание 2.

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

Задание 3.

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

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

Лариса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.

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

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

Марья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-части.

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

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

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

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

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

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


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

Задание 1.

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

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

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

Задание 2.

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

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

Задание 3.

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

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

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

Задание 1.

Мобильный телефон. Правильно. Но расположение камеры я бы отнесла к 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.

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

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

Даниил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.

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

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

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

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

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

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

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

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

Задание 1.

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

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

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

Задание 2.

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

Задание 3.

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

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

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

Задание 1.

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

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

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

Задание 2.

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

Задание 3.

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

Анастасия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.

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

Ost23 октября 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. Правильно. Но вы написали название уже реализованой функции. Наверное лучше назвать это более общим термином, например распознавание лица.

Маргарита 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.

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

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

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

Комментарий 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.

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

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

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

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

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

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

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

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

Ренат (НиНо)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.

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

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

Artem10 сентября 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.

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

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

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

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

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

Задание 1.

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

Задание 2.

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

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

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

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

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

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

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

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

Задание 1.

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

Задание 2.

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

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

Nastya3 августа 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 вместе с голосовым и графическим – написано слишком общими терминами, хотелось бы более подробно узнать, как именно должен работать интерфейс.

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

relad.hd1890@gmail.com1 августа 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.

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

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

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

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

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

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

Задание 1.

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

Задание 2.

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

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

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

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

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

Задание 1.

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

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

Задание 2.

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

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

Екатерина 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.

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

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

Дарья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.

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

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

Анюта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.

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

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

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

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

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

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

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

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

Задание 1.

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

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

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

Задание 2.

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

Задание 3.

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

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

Дмитрий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.

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

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

Света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-интерфейс. Все правильно, хороший пример. Пусть его можно отнести к жестовому, но это касается лишь ввода информации. А что касается вывода, то в комбинации с шлемом получаем уникальнейший опыт взаимодействия.

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

Марина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.

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

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

Мария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.

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

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

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

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

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

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

@_darium4 апреля 2020 19:29  

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

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

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

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