Разработка UI UX и дизайна страницы курса для обучения.
2972 UAHПервичный mockup: https://drive.google.com/file/d/1rplCYXxMeYLlBRgcMJDeL2XkJ9Z8JfCu/view
Страница предоставляет возможность просмотра и редактирования курса.
Страница состоит из 3х основных частей:
Список юнитов курса.
Контент юнита.
Упражнения юнита.
Доступные режимы курса
editMode
viewMode
Переход в editMode осуществляется посредством нажатия кнопки edit юнита.
После перехода юнита в editMode становятся доступны кнопки Save и Cancel для юнита.
viewMode:
В editMode режиме пользователь может вносить изменения любого типа.
Обновлять контент курса
Добавлять, обновлять, удалять упражнения курса.
Менять статус Publised юнита, упражнения.
Удалять юнит.
editMode:
Список юнитов.
Режим просмотра: доступна кнопка Edit
Кнопка Edit переводит юнит в режим редактирования
Режим редактирования:
доступна кнопка Save, Cancel
доступны стрелки смены порядка юнита
Нажатие на кнопку Save или Cancel переводи режим редактирования в режим просмотра.
В editMode доступно 2а режима: edit и preview.
preview дает возможность оценки общего вида блока перед публикацией.
edit позволяет вносить изменения.
Переключатель Published отвечает за доступность блока для конечного пользователя.
Кнопка delete в случае упражнения удаляет упражнение из юнита, в случае юнита удаляет юнит из курса.
Контент юнита.
Режим просмотра:
отображает контент юнита
Режим редактирования:
вместо контента юнита отображается редактор контента.
становится доступным переключатель Published юнита
становится доступной кнопка Delete юнита
становятся доступным элементы переключения режима редактирования курса:
Edit - отображает редактор контента
Preview - отображает как контент будет представлен конечному пользователю
Упражнения
Для каждого упражнения есть поле описания упражнения.
Режим просмотра:
Отображается как текст со встроенными элементами управления, представляет упражнение так как его будет видеть конечный пользователь.
Режим редактирования:
Редактор упражнения позволяет конструировать упражнения.
Редактор упражнения
Редактор упражнения состоит из 3х частей:
Элементы упражнения(ЭУ)
Свойства ЭУ
Рабочая область
edit:
preview:
после нажатия на кнопку check:
Элементы управления:
Static Text
Позволяет отображать статический текст.
Свойства: отображаемый текст.
Text Input
Поле ввода правильного ответа.
Свойства: Correct answer - поле ввода правильного ответа.
Select
предоставляющий пользователю возможность выбирать правильный ответ из предложенных вариантов.
Свойства: список ответов с возможностью добавлять, удалять, обновлять ответы.
Выбор правильного ответа посредством выбора чекбокса напротив ответа
Inline Select
предоставляющий пользователю возможность выбирать правильный ответ из предложенных вариантов.
Свойства: список ответов с возможностью добавлять, удалять, обновлять ответы.
Выбор правильного ответа посредством выбора чекбокса напротив ответа
*Защита от авто ставок на этом портале:
В начале предложения напишите приветсвие: Приветствую!*
New line
Элемент который позволяет организовывать пропуск линии между предложениями в упражнении.
Свойства: отсутствуют
При нажатии на соответствующий ЭУ: элемент добавляется на рабочую область упражнения и свойства ЭУ становятся доступны для редактирования. Помимо этого добавляется иконка удаления этого ЭУ рядом с ним.
Рабочая область упражнения
В начале и конце рабочей области присутствует курсор позволяющий добавлять ЭУ в начало и конец.
Если в упражнении есть валидационные ошибки следующие элементы управления становятся недоступны для пользователя:
Save, Preview.
Кнопка Check позволяет проверить работоспособность созданного упражнения.
Если поле заполнено правильным ответом оно подсвечивается зеленым цветом. В случае неправильного ответа поле подсвечивается красным и рядом(возможно под ним) отображается правильный ответ.
Кнопка Add exercise позволяет добавить упражнение.
Необходимо разработать интуитивно понятный UI UX.
Любые элементы управления описанные здесь или приведенные на скриншотах могут быть заменены другими элементами управления, более подходящими, на усмотрение UI UX дизайнера.
Верстка не нужна.
Используются элементы управления Material design.
Отзыв заказчика о сотрудничестве с Arman Gevorkian
Разработка UI UX и дизайна страницы курса для обучения.Отличная работа, как всегда! Спасибо.
Отзыв фрилансера о сотрудничестве с Rodion Rudenko
Разработка UI UX и дизайна страницы курса для обучения.Второй раз работаем и все отлично! Спасибо!
-
1 день500 UAH
1666 24 0 1 день500 UAH
Здравствуйте. Готова к работе.
стоимость одного экрана - 500грн
портфолио в профиле:
Freelancehunt
а также на:
Behance
Обращайтесь.
-
10 дней10 000 UAH
3157 80 1 1 10 дней10 000 UAH
Телеграм - Dashakapustyan
Вайбер, скайп - +380932759664
Портфолио - Behance
-
3 дня3000 UAH
218 3 дня3000 UAH
Здравствуйте)
Меня зовут Виктория, у меня большой опыт в UI дизайн, есть опыт с CRM системами. Могу выслать вам работы дополнительно.
Могу выполнить ваш проект. Гарантирую качественный дизайн, так как прорабатываю каждую деталь.
Обращайтесь, буду рада оказать вам помощь.
Пожалуста ознакомтесь с моими работами:
Behance
web-design-spicina.in.ua
Freelancehunt
-
Победившая ставка6 дней2972 UAH
2957 131 0 1 Победившая ставка6 дней2972 UAH
Здравствуйте, я готов помочь с интерфейсом
Мои лучшие работы тут Behance
-
7 дней7000 UAH
800 17 0 7 дней7000 UAH
Портфолио - Https: //
Freelancehunt #portfolio
Бехенс - Https: // Behance
Телефон / Viber - 0638344527
Телеграмма - Серхидесинг
Skype - Live: Work.Serhii.K
Электронная почта - Work.Serhii.K @ Gmail.Com
-
5 дней1000 UAH
193 1 0 5 дней1000 UAH
Добрый день, Радион!
Разработаю лаконичный и интуитивно понятны дизайн.
Давайте обговорим подробности.
С портфолио можно ознакомиться: https://verstkovo.ru/portfolio/
После выбора меня исполнителем пишите сначала пожалуйста здесь, после:
e-mail: [email protected]
Skype: [email protected]
Telegram: @alraa
-
3 дня4000 UAH
224 3 дня4000 UAH
hello!
я веб дизайнер . сделаю вам отличный сайт.
портфолио http://grigutsa.com
https://l-art.kiev.ua
https://brightechstudio.com
https://owneroperatorland.com
https://ideaconsultingllc.com
http://theme2.devstart.ru
… http://inkubator.ks.ua/html/ispecial
telegram +380980514861
whatsapp +380980514861
viber +380980514861
-
5 дней2500 UAH
168 2 0 5 дней2500 UAH
Родион, добрый день!
Ознакомилась с Вашим прототипом и заданием в целом. По ходу дела постараюсь предложить как можно больше вариантов для удобного пользования Вашим сайтом клиентами. Работаю в Figma и Photoshop.
Надеюсь на сотрудничество с Вами!)
-
5 дней5000 UAH
388 5 0 5 дней5000 UAH
Добрый день. По задаче все понятно, готов приступить. Сделаю понятный, удобный и современный дизайн на основе material io.
Приглашаю посетить мой профиль, там вы сможете подробнее познакомиться с моим опытом, навыками и посмотреть портфолио.
-
1 день1234 UAH
798 14 1 1 1 день1234 UAH
Добрый день,
С заданием ознакомился.
Готов реализовать.
Давайте обсудим детали проекта.
Немного о себе:
Я веб дизайнер с опытом более 7 лет. За это время поучаствовал более чем в 350-ти проектах, которые связаны с упаковкой различных видов бизнеса.
Для меня важно долгосрочное сотрудничество, поэтому все работы я выполняю качественно и в срок.
…
Примеры моих работ:
UI/UX:
Google Drive
Лендинги:
http://bitcript.org
https://u-tor.com/
https://goldenfever.io/
http://priam.rgbweb.studio/
https://panoramasumy.com
https://works.rgbweb.studio/mango/
https://rgbweb.studio/cheapbox
https://rgbweb.studio/visa-work
Актуальные фриланс-проекты в категории Дизайн интерфейсов (UI/UX)
Требуется графический дизайнерТребуется дизайнер который может рисовать подобное Нужно будет создать 2D графику для мобильного приложения Дизайн интерфейсов (UI/UX), Живопись и графика ∙ 5 часов 12 минут назад ∙ 18 ставок |
Лендинг для школы английского
13 500 UAH
Ищем дизайнера + верстальщика лендинга (Wix / WordPress / Weblium) Привет! Ищем исполнителя на дизайн и верстку лендинга курса английского языка. Что нужно: — дизайн и верстка лендинга на 12 блоков; — две страницы оплаты: успешная / неуспешная; — адаптив под мобильные; —… HTML и CSS верстка, Дизайн интерфейсов (UI/UX) ∙ 5 часов 40 минут назад ∙ 92 ставки |
Необходимо перенести и адаптировать дизайн со старого сайта на новыйЗдравствуйте. Нужно перенести и адаптировать дизайн старого сайта msonya.com на новый шаблон test.msonya.com и сделать дизайн каждой страницы сайта в фигме для дальнейшего «натягивания» дизайна на сайт. Два формата: десктоп и мобильный Дизайн интерфейсов (UI/UX), Дизайн сайтов ∙ 3 дня 19 часов назад ∙ 54 ставки |
UI/UX Аудит и приведение сайта к единому стилю
8000 UAH
Важно: рассматриваем только специалистов с подтвержденным опытом, с портфолио. Разрабатывается сайт агентства недвижимости. Все основные страницы уже собраны и сверстаны в Lovable. На текущем этапе требуется провести профессиональный аудит интерфейсов, выявить визуальные и… Дизайн интерфейсов (UI/UX) ∙ 3 дня 23 часа назад ∙ 38 ставок |
Ищем дизайнера для создания серии триггерных email-рассылок для бренда мужских аксессуаровМы ищем опытного email-дизайнера для разработки дизайна серии триггерных писем для бренда мужских аксессуаров. Тексты писем уже готовы. Задача заключается именно в создании качественного, современного и адаптивного дизайна, который будет соответствовать стилю бренда, нашей… Дизайн интерфейсов (UI/UX), Дизайн сайтов ∙ 4 дня 1 час назад ∙ 19 ставок |
Харьков