Заказ закрыт Дизайн-прототип (концепция) desktop app для управления тегами

Бюджет: 53 333 руб
[02.08.2021 | 14:57] [внесены изменения: 03.08.2021 | 12:13]
Безопасных сделок: 2
Отзывы фрилансеров: + 1 - 0
Зарегистрирован на сайте 2 года и 11 месяцев
Нужно создать UI-концепцию одностраничного приложения для поиска и массовых операций над устройствами.

Приложение входит в эко-систему сервисов для управления большим количеством IoT устройств. Речь идет десятках и сотнях тысяч. Чтобы массово управлять всем этим зоопарком, мы хотим использовать теги.

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

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

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

Подробнее во вложении Tags app UI concept contest brief.pdf
Разделы:
Конкурс

Настоящий конкурс не является публичным конкурсом в соответствии с гражданским законодательством Российской Федерации. Участие в данном мероприятии не гарантирует определение победителя, а также выплату вознаграждения. Площадка FL не является организатором конкурса. Нажимая кнопку «Принять участие в конкурсе», вы подтверждаете, что согласны участвовать на описанных условиях.


Участники

Статистика по конкурсу

  • Сегодня опубликовано 0 работ и 0 комментариев

Заказ закрыт Конкурс окончен 09.08.2021

Конкурс длился с 02.08.2021 до 09.08.2021

Победители объявлены

Первое место занял
Ba­ur­zhan Esi­mov [esi­mov2­42]

Второе место занял
Еле­на Ва­сильева [F­ro­ken­-S­mil­la]

Третье место занял
Ми­ха­ил Дар­бе­ев [Al­tez­zik]

Конкурсные работы

    • Evgeniy Shevchuk    [03.08.2021 | 12:15]  

      Константин, добро пожаловать в конкурс! Есть дополнительное небольшое пожелание – интерфейс на английсом.

  • Елена Васильева    [08.08.2021 | 21:36]

    + Здравствуйте. Не продлите конкурс на один день?
    • Evgeniy Shevchuk    [10.08.2021 | 12:06]  

      Елена, извините, что сразу не ответил. На пару дней слег... Ну а сейчас не актуально уже, полагаю. Но спасибо вам за готовность принять участие! Или вы уже что-то нарисовали и дня не хватило?

    • Evgeniy Shevchuk    [03.08.2021 | 12:15]  

      Олег, добро пожаловать в конкурс! Есть дополнительное небольшое пожелание – интерфейс на английсом.

    • Evgeniy Shevchuk    [04.08.2021 | 16:11]  

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

  • Алексей Сердюков   [02.08.2021 | 21:07]

    Нихрена не понятно,но очень интересно.
    • Evgeniy Shevchuk    [03.08.2021 | 12:16]  

      Алексей, добро пожаловать в конкурс! Есть дополнительное небольшое пожелание – интерфейс на английсом.

    • Evgeniy Shevchuk    [03.08.2021 | 12:22]  

      Если что-то непонятно, пишите в телегу. Можем созвониться даже. Там все достаточно просто, в плане логики.

    • Evgeniy Shevchuk    [04.08.2021 | 16:12]  

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

    • Evgeniy Shevchuk    [03.08.2021 | 12:16]  

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

    • Evgeniy Shevchuk    [04.08.2021 | 16:12]  

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

  • Baurzhan Esimov   [03.08.2021 | 12:47] [внесены изменения: 07.08 2021 | 15:41]

    Здравствуйте. Прототип готов. Доступ в Figm'e дал
    • Добавлено 07.08.2021 в 15:41
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 1
    • Добавлено 07.08.2021 в 15:41
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 2
    • Добавлено 07.08.2021 в 15:41
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 3
    • Evgeniy Shevchuk    [03.08.2021 | 15:41]  

      Доброе пожаловать! Будут вопросы – не стесняйтесь задавать.

    • Evgeniy Shevchuk    [04.08.2021 | 16:12]  

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

    • Evgeniy Shevchuk    [04.08.2021 | 16:10]  

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

    • Evgeniy Shevchuk    [04.08.2021 | 16:11]  

      Александр ; )

    • Evgeniy Shevchuk    [04.08.2021 | 16:11]  

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

  • Ольга Алдабаева   [04.08.2021 | 17:33]

    +
    • Добавлено 04.08.2021 в 17:33
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 4
    • Добавлено 04.08.2021 в 17:33
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 5
    • Добавлено 04.08.2021 в 17:33
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 6
    • Evgeniy Shevchuk    [05.08.2021 | 22:24]  

      Ольга, спасибо за варианты. Если желаете, завтра утром можем обсудить. Я всем участникам конкурса, которые раньше срока отправляют работы даю обратную связь, чтобы была возможность максимально хорошо сделать. Если надумаете – стуктнитесь в телеграм e38809

      С уважением,
      Евгений

    • Evgeniy Shevchuk    [07.08.2021 | 15:27]  

      👍. А успеете? 😊

  • Виталий Шполянский   [07.08.2021 | 20:22] [внесены изменения: 09.08 2021 | 14:31]

    Здравствуйте, Евгений! Предлагаю свою идею реализации интерфейса.

    Изображение 1.
    Работа начинается с двух верхних вкладок: Search – глобальный поиск, My list – список устройств пользователя.

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

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

    Далее по этим критериям выдаются результаты. Столбцы Tag, Device, Serial N, Model name и/или другие будут отображаться постоянно в закрепленном блоке.

    Изображение 2.
    При нажатии на кнопку "More" разворачивается блок в котором содержится подробное описание устройства и его несколько популярных/недавних тегов. При нажатии на Show all блок разворачивается больше и в нем отображаются все теги этого устройства.

    Работа с действиями.
    Вы, задав в фильтре критерии для поиска, выбираете нужное устройство (Несколько устройств) и решаете что с этим делать:
    Add – добавляет устройство как есть в ваш My list;
    Add to group – выберите группу/группы и добавьте туда устройство как оно есть, вы так же можете создать новую группу.
    Create tag and add – Создайте новый тег/теги и добавьте в свой лист устройство с новыми тегами.
    Create tag and add to group – смесь двух предыдущих действий, одновременно создайте теги и добавьте устройства с новыми тегами в группы.

    Изображение 3.
    Вкладка My list, все практически аналогично вкладке Search, за исключением некоторых действий. Выберите устройства в своем листе, а затем примените:
    Create tag – создает новый тег или добавляет существующий.
    Add to group – добавляет устройство в группу.
    Create tag and add to group – создает или присваивает тег/теги и добавляет в группу/группы.
    Delete tag – выберите устройства с тегом который нужно удалить, введите его в поле нажмите удалить.
    Delete – удаляет устройство.

    Справа от фильтра находится блок уже только с вашими тегами, отображаются сперва последние использованные, затем все, также есть поиск. Правее есть кнопка "Delete tag", найдите тег/теги в выпадающем окне и удалите.

    Ваш "Сценарий из жизни" из брифа можно выполнить следующим простым образом:
    Находим в My list по фильтру нужные устройства;
    Выбираем их, жмем Create tag, пишем firmware_upd_terminal_a, добавляем.
    Вспоминаем что несколько устройств являются критически важными, выбираем в фильтре Tag, firmware_upd_terminal_a из поиска удаляем, вводим critical и добавляем к поиску.
    Выбираем устройства и нажимаем Delete tag, вводим firmware_upd_terminal_a, удаляем.
    Удаляем из фильтра critical, снова вводим в поле "Tag" firmware_upd_terminal_a и добавляем, готово!

    Надеюсь объяснил все понятно) И правильно понял вашу задачу. Буду рад вашим комментариям и предложениям!
    • Добавлено 09.08.2021 в 14:31
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 7
    • Добавлено 09.08.2021 в 14:31
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 8
    • Добавлено 09.08.2021 в 14:31
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 9
    • Evgeniy Shevchuk    [10.08.2021 | 13:55]  

      Виталий, спасибо! Приняли к рассмотрению!

  • Larisa Sok   [08.08.2021 | 20:12]

    Здравствуйте. Надеюсь, логику взаимодействия уловить удалось. Заранее благодарю за обратную связь!
    • Добавлено 08.08.2021 в 20:12
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 10
    • Добавлено 08.08.2021 в 20:12
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 11
    • Добавлено 08.08.2021 в 20:12
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 12
    • Evgeniy Shevchuk    [10.08.2021 | 12:46]  

      Лариса. спасибо за участие! Как все посмотрим, обязательно дадим обратную связь!

  • Дмитрий Овсяник   [08.08.2021 | 22:56] [внесены изменения: 08.08 2021 | 22:58]

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

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

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


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

    Работать было интересно, спасибо Евгению за обратную связь!
    • Добавлено 08.08.2021 в 22:58
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 13
    • Добавлено 08.08.2021 в 22:58
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 14
    • Evgeniy Shevchuk    [10.08.2021 | 12:16]  

      Дмитрий, спасибо, что выбрали наш конкурс! В ближайшее время обязательно дам обратную связь!

  • Михаил Дарбеев   [09.08.2021 | 17:52]

    Добрый вечер! Больше скриншотов отправил в телеграм.
    • Добавлено 09.08.2021 в 17:52
      Дизайн-прототип (концепция) desktop app для управления тегами - фото 15

Теги: дизайн интерфейса, web интерфейс, сделать дизайн сайта, анализ интерфейса, дизайнер интерфейсов