Дизайн экрана мобильного приложения
Бюджет:
20 000 руб
Дмитрий Захаров
[20.03.2019 | 15:17] [внесены изменения: 21.03.2019 | 21:33]
Безопасных сделок: 0
Отзывы фрилансеров:
+ 2
- 0
Зарегистрирован на сайте 16 лет и 1 месяц
Мы компания с развитой реферальной сетью. Нам необходимо визуализировать эту сеть для удобной работы в мобильном приложении и на планшетных компьютерах. Для совместной работы над этой задачей мы ищем талантливого UI/UX дизайнера с опытом проектирования удобных и простых интерфейсов для работы с непростыми системами.
Задача на конкурс.
Вам необходимо проектировать дизайн одного экрана с отображением дерева рефералов. Максимальное количество уровней вложенности – 8, глубже не нужно. Визуализировать можно в формате дерева, таблицы или любом выбранном вами. Основная цель – продемонстрировать умение уложить в небольшой экран сложную структуру данных и дать возможность с ней работать.
Диагональ экрана не является принципиальным критерием в конкурсе, можно взять среднюю диагональ флагманских устройств.
Приветствуется добавление дизайна для визуализации управления узлами структуры (например popup для добавления/редактирования вершин/записей) – но не является обязательным для всех участников.
UPD: В "свернутом" (считай кратком) виде узлы или элементы отображают просто адрес почты участника сети. Пример в прикрепленной таблице. Пример отражает 4 уровня вложенности, у нас как сказано выше может быть до 8ми. У каждого узла может быть от 0 до бесконечности потомков.
Под "работать" со структурой подразумевается два основных момента. Во-первых, при клике на почту открывать окно с подробной информацией о пользователей. То есть обычное всплывающее окно, или новый экран. Во-вторых, дать возможность реструктурировать элементы с помощью драг-н-дроп, например, если говорить о представлении деревом. То есть, опираясь на таблицу в примере user3 привязан к user2, тот к user1. Оператор хочет пересвязать user3 напрямую к user1. Он должен перетянуть user3 к user1. При этом нужно иметь возможность как сохранить всех потомков user3 на своем месте, пересвязав к уровню выше, так и перетянуть вместе с ним.
Победа в конкурсе подразумевает совместное развитие сервиса и дальнейшее взаимовыгодное сотрудничество!
Задача на конкурс.
Вам необходимо проектировать дизайн одного экрана с отображением дерева рефералов. Максимальное количество уровней вложенности – 8, глубже не нужно. Визуализировать можно в формате дерева, таблицы или любом выбранном вами. Основная цель – продемонстрировать умение уложить в небольшой экран сложную структуру данных и дать возможность с ней работать.
Диагональ экрана не является принципиальным критерием в конкурсе, можно взять среднюю диагональ флагманских устройств.
Приветствуется добавление дизайна для визуализации управления узлами структуры (например popup для добавления/редактирования вершин/записей) – но не является обязательным для всех участников.
UPD: В "свернутом" (считай кратком) виде узлы или элементы отображают просто адрес почты участника сети. Пример в прикрепленной таблице. Пример отражает 4 уровня вложенности, у нас как сказано выше может быть до 8ми. У каждого узла может быть от 0 до бесконечности потомков.
Под "работать" со структурой подразумевается два основных момента. Во-первых, при клике на почту открывать окно с подробной информацией о пользователей. То есть обычное всплывающее окно, или новый экран. Во-вторых, дать возможность реструктурировать элементы с помощью драг-н-дроп, например, если говорить о представлении деревом. То есть, опираясь на таблицу в примере user3 привязан к user2, тот к user1. Оператор хочет пересвязать user3 напрямую к user1. Он должен перетянуть user3 к user1. При этом нужно иметь возможность как сохранить всех потомков user3 на своем месте, пересвязав к уровню выше, так и перетянуть вместе с ним.
Победа в конкурсе подразумевает совместное развитие сервиса и дальнейшее взаимовыгодное сотрудничество!
Разделы:
Конкурс
Настоящий конкурс не является публичным конкурсом в соответствии с гражданским законодательством Российской Федерации. Участие в данном мероприятии не гарантирует определение победителя, а также выплату вознаграждения. Площадка FL не является организатором конкурса. Нажимая кнопку «Принять участие в конкурсе», вы подтверждаете, что согласны участвовать на описанных условиях.
Участники
|
Статистика по конкурсу
|
Конкурс окончен 01.04.2019Конкурс длился с 20.03.2019 до 01.04.2019 Победители объявлены |
Конкурсные работы
Константин Виноградов [20.03.2019 | 15:28]
Евгений Умолинов [21.03.2019 | 09:53]
Дмитрий Захаров [21.03.2019 | 21:31]
В описание добавлен блок UPD и таблица, надеюсь, стало понятнее
Кир Веб-дизайнер [20.03.2019 | 15:18]
Евгений Топорков [20.03.2019 | 15:24] [внесены изменения: 20.03 2019 | 15:57]
Дмитрий Захаров [21.03.2019 | 21:31] [изменен 21.03.2019 | 21:31]
В описание добавлен блок UPD и таблица, надеюсь, стало понятнее
Евгений Топорков [22.03.2019 | 03:49] [изменен 22.03.2019 | 04:16]
Записал видео, немного заморочился, есть смысл продолжать дальше реализовывать? там в принципе все понятно, если есть вопросы – спрашивайте
yadi.sk/i/sSCVdMAzHAnDHw
Дмитрий Захаров [22.03.2019 | 09:08]
Да, интересно.
Только обращу внимание, групп у нас нет, по сути вместо Группа должен быть адрес почты. Так же как такового добавления пользователя из интерфейса не будет, так что пространство сверху можно сэкономить (или оставить под меню/лого). Так же при раскрытии одного уровня – остальные уровни вложенности не следует, наверное, сразу раскрывать.
Евгений Топорков [22.03.2019 | 10:31]
Ну я примерно показал, что бы анимировать каждый раздел на это потребуется больше времени,
Фрилансер [20.03.2019 | 16:00]
Иван Смирнов [20.03.2019 | 16:10]
Андрей Шиянов [20.03.2019 | 18:57]
Вера Васильева [20.03.2019 | 19:30]
Соглашусь с Евгением. Не хватает конкретики, живых данных и реального контента.
Дмитрий Захаров [21.03.2019 | 21:31]
В описание добавлен блок UPD и таблица, надеюсь, стало понятнее
Фрилансер [20.03.2019 | 20:30]
Albert Kay [21.03.2019 | 02:03] [внесены изменения: 25.03 2019 | 19:24]
Дмитрий Захаров [25.03.2019 | 13:13]
Очень хороший подход, достойная работа!
Хотелось бы еще подробнее ваше видение по поводу Hold Swatch узнать, мне кажется здесь можно добавить интересностей.
Пока смотрел на вашу реализацию – пришла мысль добавить кнопку "Избранное", для быстрого доступа к интересующим рефералам.
Albert Kay [25.03.2019 | 19:23] [изменен 25.03.2019 | 19:26]
Здравствуйте
Избранное – отличная идея.
Постараюсь сделать еще вариант до завершения конкурса.
albert@abo-design.pro – на случай если захотите связаться со мной до момента публикации.
Albert Kay [01.04.2019 | 21:22]
Обновил вариант.
abo-design.pro/projects/r...
drive.google.com/open?id=...
Опять-таки отобразил минимальный функционал, поскольку уровневая навигация в целом и реферальная система в частности может иметь весьма широкий функционал в зависимости от задач, ролей пользователей и т.д.
Вот небольшая репрезентация взаимодействия:
В варианте присутствуют элементы функционала которые с высокой вероятностью не будут востребованы в конечном продукте, они несут, скорее, функцию заполнителя и в дальнейшем могут быть подогнаны под реальные задачи интерфейса
Юра Безумов [21.03.2019 | 15:18]
Фрилансер [21.03.2019 | 17:10]
Соглашусь с вышесказанным. Не хватает конкретики в задании
Дмитрий Захаров [21.03.2019 | 21:31]
В описание добавлен блок UPD и таблица, надеюсь, стало понятнее
Карен Баратов [23.03.2019 | 16:15]
Михаил Ивлев [28.03.2019 | 21:26]
Прикрепляю скрины разных состояний, с выделением, переносом одной позиции, и двух. Могу подробнее объяснить, как это работает, нарисовал бы анимацию, но тут мне потребуется прилично времени, так что надеюсь и так понятно :)
Денис Тавкинь [31.03.2019 | 03:06]
Для первоначальной связи email: dzianis.taukin@gmail.com .
Дмитрий Зверев [01.04.2019 | 19:17] [внесены изменения: 01.04 2019 | 22:41]