Был месяц ноябрь, когда мне позвонил мой друг Дешрадж Ядав из CloudCV.
CloudCV
CloudCV - это молодая платформа с открытым исходным кодом, которая позволяет воспроизводить исследования в области ИИ, позволяя исследователям создавать, сравнивать и публиковать новейшие разработки. Алгоритмы AI со всеми.
Я
Фронтенд-разработчик, в моем сердце царит дух дизайна.
История
Наконец, история, которая изменила направление моей карьеры. Я не был кандидатом в GSOC, но был рад быть частью CloudCV Organization и работать в качестве наставника пользовательского интерфейса в GSOC 2017. Итак, все началось с простой идеи создать платформу, которая будет выполнять оценку с точки зрения ИИ.
Ура!! мы получили классное название для этой платформы и назвали ее EvalAI (Оценка + Искусственный интеллект).
EvalAI
EvalAI создан командой энтузиастов открытого исходного кода, работающих в CloudCV. Это веб-платформа с открытым исходным кодом, цель которой - оценить состояние искусственного интеллекта. Его цель - помочь исследователям, практикам и студентам в области ИИ принимать, сотрудничать и участвовать в решениях задач ИИ, организованных по всему миру.
Начало проектирования
Это было только начало, и многое еще предстоит сделать. Теперь наступает самая сложная часть идеи - спроектировать пользовательский интерфейс и разработать интерфейс, который можно легко интегрировать с платформой, связанной с исследованиями. Нам нужна эта простота и потрясающий дизайн, вызывающий восхищение :)
Раньше я создавал множество дизайнов, но для меня это было в новинку.
Выбор цветовой палитры
Самая сложная и самая важная часть дизайна пользовательского интерфейса. Исследования - это область, в которой необычные вещи не работают, больше внимания уделяется простоте и минимализму. Поэтому мы решили использовать синие оттенки в качестве основного цвета и оттенки оранжевого в качестве второстепенного. Причина появления этих цветов проста: исследователи хладнокровны и спокойны и имеют много терпения, чтобы увидеть конечные результаты, а синий цвет - признак крутых и спокойных вещей. Потому что у каждого цвета своя история :)
Создание модульной структуры
После доработки цветовой палитры пора глубже погрузиться в UX-часть. Придется создать интерфейс, который будет модульным и привлекательным. Перед этим мы должны определиться с темой приложения. После долгих исследований мы переходим к теме Солнечной системы.
Но почему Солнечная система? Это был вопрос, который мне задал руководитель моей группы Харш. Да, у меня для этого есть веская причина. Поскольку все мы знаем, что исследования в области ИИ - это бесконечный процесс, и чем больше вы хотите знать, тем глубже он становится, как и наша вселенная, никто не знает, что это конец.
Определение UX
UX не означает взаимодействие с пользователем, это просто ощущение, которое пользователь испытывает с каждым вдохом. Да, UX - это душа любого дизайна. Теперь мне нужно создать эту душу для нашего приложения EvalAI, поэтому мы решили пойти с дизайном панели инструментов, где пользователь может видеть всю свою деятельность, создавать команду, участвовать в команде, принимать вызовы и многое другое. Плавный переход был главным ключом к завершению этого UX.
Элементы пользовательского интерфейса
Пора создать элементы пользовательского интерфейса. Некоторые из них имеют вид
кнопок: помимо использования простой прямоугольной кнопки мы решили использовать овальные кнопки дизайна, потому что они создают ощущение мягкости и выглядят просто.
Боковая панель: прозрачная боковая панель с единственным важным узлом.
Ссылки : дополнительный цвет для ссылок и всего остального.
Форма: материализуется из полей для удобства использования.
Загрузчик: отличный динамический загрузчик с градиентным перемещением формы.
Вместо использования полной загрузки страницы мы используем частичную загрузку страницы (SPA) для лучшего UX.
Заголовок: равномерный белый заголовок, который растворяется с элегантностью пользовательского интерфейса.
Карты: карты с эффектом бумаги с обратной тенью.
Командные карты: уникальный и крутой синий контейнер для карт для членов команды: D
Тема: космический город с динамическими элементами.
Время запуска
Наконец, завершены все итерации, и конечным результатом является пользовательский интерфейс делегата. Пришло время запустить первое испытание на EvalAI :)
Все приложение потребовало много итераций, и это правда, что со временем все становится лучше, как и наш EvalAI. Сейчас мы пытаемся сделать его более стабильным и удобным для пользователя. Как будто мы только что заново изобрели боковую панель дашборда, сделав ее новой, прозрачной и минимальной, которая более разумна для пользователей.
Приходите и станьте частью нас
Мы - команда добровольцев со всего мира, которые хотят снизить барьер для входа в исследования ИИ и сделать это исследователям, студентам и разработчикам проще разрабатывать и использовать современные алгоритмы в качестве услуги. Мы всегда прислушиваемся к предложениям по улучшению нашей платформы, включая выявление ошибок и обсуждение улучшений.
Если вы думаете, что ваше творчество облегчает жизнь исследователей или ваши навыки решают сложные реальные жизненные проблемы, тогда приходите и станьте частью нас. Мы в CloudCV работаем над несколькими текущими проектами и приветствуем всех, кто хочет внести в общество большие перемены.
Примите участие: CloudCV-Github
Напишите нам по адресу: [email protected]
Не забудьте попробовать: evalai.cloudcv.org
Это еще не конец, многие интересные вещи всплывают, и помните, что дизайн становится красивее, когда встречается с Research :)
