Комментарии 72
Так что может оно и к лучшему, что ещё один клон не появился.
P.S. Не говоря уже о том, что подавляющая часть вёрстки админок делалась людьми, которые к разработке этих самых админок не имеют никакого отношения, соответственно ошибки у всех те же.
На самом главном экране Dashboard у вас 9 типов информации не связанных между собой. Сейчас, например, невозможно оценить конверсию посетителей в продажи; изменить период отображения, чтоб сравнить с предыдущим периодом.
ToDo и календарь выполняют одну функцию, выберите что-то одно, а второй инструмент покажите в опциях. И так со всеми остальными блоками.
В первую очередь задайте себе вопрос, как конечный пользователь будет с этой информацией работать? Вы пишите, что подходите к задаче с ответственностью — так уделите внимание наполнению, сгруппируйте информацию по типу. Если все сделать правильно, то у вас с трудом поместиться 3 типа информации на главном экране.
У меня когда-то был похожий проект, главная ошибка разработчика угодить всем) Лучше разбить идеи по реализации на разные сферы деятельности и выпустить 10 версий заточенных на определенную целевую аудиторию, чем один монструозный комбайн. К сожалению почти все админки реализованы людьми, которые ими никогда не пользовались.
Вам желаю не расстраиваться, шишки уже набиты. В следующем проекте думайте о конечном пользователе — он гарантирует вам признание!)
![](https://habrastorage.org/getpro/habr/comment_images/512/da3/d79/512da3d79eec0c77da2b4ed6664bbd77.png)
(Хром 50, Win 7)
Ваше решение не лишено багов, к примеру на странице с кнопками в блоке dropdowns, попробуйте открыть выпадающий список у самого нижнего ряда. А если открыть у предпоследнего, то можно и не догадаться, что там есть еще пункты.
В разработке беру тот же solarized light, не могу долго в тёмные темы, сильно устаю от этого. А тут просто стоит представить что неделями придётся смотреть в это тёмное пятно и появляется ненавязчивое чувство страха :)
Проблемы с производительностью скрола на MacBook Pro 13" (2015) колоссальные. Очень портит впечатление
видимо, просто повезло в этот раз и все звезды сошлись надо мной клином :)
тема для админки должна быть четкаая простая и не нагружающая глаз и проц компа. дефолтная тема бутрсапа не лучший выбор — но на много лучше чем эта радужная хрень.
или вы для сайтов ЛГБТ делали?
> angular 2 версия
а да, точно ЛГБТ
Радуга — это редкое и красивое природное явление.
А кто считает радугу символом гомосексуализма, тот пидорас.
Аляповатый фон мешает воспринимать информацию. Шрифты должны быть предельно контрастными.
А здесь — хрен знает что. Особенно вштыряет плашка в сеточку, из-за которой мелкий шрифт на боковой панели вообще не читается и иконки размываются.
Мне кажется те кто делал, просто не понимают, что как цветовая гамма, всякие шрифтовые вещи связаны с утомляемостью глаз оператора и в конечном счете с вероятностью совершения им ошибок.
ЗЫ
С удивлением обнаружил, что за замечание о сеточке сделал не я один, и что чужой комментарий уже заминусовали.
Что-то не так здесь, если совершенно очевидные вещи отвергаются.
В принципе, одного этого может быть достаточно, чтобы один раз открыть эту админку и закрыть её.
Очень понимаю как это долго делать и без хорошей отдачи и без мотивации в виде денег. Вы молодцы, что довели дело до конца и главное — до опенсорса. Надеюсь, опыт, который заработаете вы и проект в опенсорсе помогут вам качественно повысить уровень новых продуктов, всё-таки сообщество очень важно в этом моменте.
Но хочу всё-таки отметить, что с цветами и фонами вы конечно чуть перемудрили. Это всё-таки админка, люди используют админку не потому что она красива, а потому что должна быть удобна. Например, если немного упростить и убрать оттуда фоны мы уже получим +50% к юзабилити, не придется читать белый текст на светлом несплошном фоне
То же с анимациями… Эффект "вау", конечно, есть, но для постоянной работы он не нужен, в постоянной работе он будет отвлекать и тормозить.
В моем понимании, лучше центральную часть сделать светлой, а меню оставить темными — это вполне будет в духе текущих трендов дизайна.
Ну и ещё раз спасибо вам за опенсорсинг!
Стильно, но мне не понравилось следующее:
1) Анимации при переходе. Админка (особенно такая мощная) подразумевает долгую работу, каждый раз смотреть на увеличивающиеся элементы как-то долго
2) Меню наползает на контент. И не скрывается по клику (Components > Mail)
3) Там же Select All не селектит (как скрыть чертово меню?)
4) Search field вверху мелкий и без границ
А так очень красиво и круто, пригодится для надергивания контролов для темного интерфейса.
Задумка хорошая, но мне кажется тут, как это часто бывает, подумали о дизайне, а о юзабилити не подумали:
1. Анимация должна быть более быстрая
2. Дизайн упростить (убрать бэкграунд, к примеру)
3. Текст не читаемый (красный на зеленом, и например вот — prntscr.com/babi4w)
4. Шрифт плохо читается
Спасибо за работу, и то, что выложили на гит — вашу работу.
Мне кажется, нет смысла занимать нишу разработки админки, если шаблон не может предложить ничего, кроме цветовой гаммы и парочки дополнительно сверстанных элементов. Основным запросом пользователей являются:
— работа с таблицами (формы поиска в таблицах) и вывод данных
— работа с формами
И в этом плане полный провал у всех. Большинство админок фактически берут плагины, немного подстраивают верстку под свой шаблон и называют это интеграцией, а когда доходит дело до использования, тратишь по несколько часов, чтобы настроить.
По мне, идеальная админка, за которую я готов заплатить, должна иметь мощный набор инструментов именно с формами. Т.е. должны быть проработаны:
- различные варианты полей (выбор даты в различных форматах, выпадающие списки (AJAX, зависмые и т.д., построение дерева), и т.д. Вариантов полей не так много)
- если говорить о выводе списка записей, то различные варианты фильтров (ползунки, чекбоксы, формы поиска)
- дэшборд не просто в виде сверстанных эелементов, а связку например http://gridster.net/ + интерфейс для добавления виджетов на рабочий стол
- Отображение списка картинок с возможностью редактирования заголовка картинки, удаление из списка и загрузка новых.
Также 99% пользователей жаждут получить wysiwyg редактор текста в возможностью загрузки и выбора файлов на сервере. И сделать это как готовый работающий инструмент. Если будет похоже на то, как это сделано в wordpress, то аудитория не заставит себя долго ждать. Причем задача не такая сложная.
За все время общения с пользователями разрабатываемых систем я пришел к выводу, что все хотят готовый инструмент, который позволит им решить их задачи, собирая шаблон как конструктор, а не просто красивую оболочку, к сожалению, мало кто захочет дорабатывать.
Сейчас, увы, это не более чем красивая оболочка без содержания. Я бы рекомендовал взять свой шаблон и собрать на нем парочку сайтов с админ интерфейсом, которым вы сами будете пользоваться и вы откроете для себя много нового.
Удачи в разработке своего продукта, готов ответить на вопросы.
Хотелось бы (наверное не только мне) увидеть примеры работ, удовлетворяющих все ваши требования. Спасибо.
Как вариант добавить странички:
- Редактирования товара
- Администрирование разделов сайта
- Редактор текстовых старничек
- Страничка статистики конвертации
- Ajax элементы
- Корзины покупателей
- Администрирование пользователей
У меня часто возникают дилемы при работе с UI — куда что подвинуть, какой элемент использовать. Хорошо когда в теме достачно примеров страниц, с которых можно сразу скопировать готовый код в шаблонизатор и проставить переменные.
А UI kit тогда лучше на https://codecanyon.net/ продавать.
Themeforest — это магазин «готовых пирожков» и наличие старнички «bootstrap ui» никого не удивляет.
Сложно говорить про themeforest, но могу сказать про codecanyon (хотя может этот как раз очень разные вещи, не знаю насколько).
Так вот в разное время я публиковал два wordpress плагина. Первый был отклонен если память не изменяет раза четыре, каждый раз с внятными комментариями от ревьювера (точно были какие-то ошибки php и не хватало документации). Когда я публиковал второй плагин, я провел тщательное тестирование и добавил документацию изначально. Второй плагин одобрили с первой попытки.
Я думаю ваша ошибка в том, что вы не знали, в чем ваша ошибка. Ваш сабмит отклонили, и вы сразу принялись переделывать то, что на ваш взгляд нужно было переделать.
В целом конечно этих админок уже столько и с кучей функционала и под разные платформы, что что-то новое сказать очень сложно.
Мысль была сделать админку-закос под старые винды. Аля какой-нибудь 1с с окошками, чтобы удобно было софт с десктопа на веб переносить с сохранением атмосферности)) Чтобы сгладить бухгалтерам и менеджерам шок от перехода.
Вот что сразу бросилось в глаза:
Спорный эффект появления: http://akveo.com/blur-admin/#/dashboard — лучше заменить на fadeIn, как в ng2-admin.
Сомнительное и негармоничное цветовое решение: http://akveo.com/ng2-admin/#/pages/charts/chartist-js — можно подобрать лучше.
В ng2-admin вообще большая проблема с цветом фона — http://akveo.com/ng2-admin/#/pages/forms/layouts — фон яркий, контролы визуально теряются.
Видел кучу подобных дашбоардов, но так и не понял кому это всё надо? Какова целевая аудитория? Ракетой управлять? Да. А обычным сайтом? Нет(
Возможно я чего то не понимаю, буду рад, если кто то напишет реальное применение подобных админок.
только над своим сайтом поработайте, там есть нюансы)
Действительно вау, только есть пару нюансов с закгругленными кнопками, которые слегка выбиваются из общей картины, производительностью, и иногда шрифты. Если хотите подробнее, то могу прислать письмом.
А так, очень красиво.
Я сам потратил ооочень много времени на изучение всевозможных шаблонов на биржах Envato, тестировал их в действии, и даже лелеял идеями создать свой шаблон для WordPress. Но после достаточно длительного исследования я пришел к выводу, что для того чтобы хотя бы иметь шанс пробиться на биржу, нужно иметь хорошую команду и полностью сосредоточится на работе. Не разрабатывать проект в свободное время в одиночку, да еще и «за месяц».
По поводу админки. Админка хорошая, но не более. Концепт не проработан до конца, дизайн перегружен ненужными элементами оформления. Возможно этот проект и выстрелил бы лет 5 назад и точно попал бы на Themeforest, но в 2016 — нет. Как в статье, на которую ссылается автор, здесь очень много не проработанных моментов, а, как известно, модерация сервиса такое не одобряет. Желаю автору провести по-больше времени на бирже, изучить предложения и удачно «зайти» со следующей попытки.
Но вот только эта тема — совсем не админка. Не интерфес для работы с большими таблицами, ввода данных, подгрузки файлов и другой повседневной работы.
У вас получился отличный задел по dashboard для руководителя. В таком виде тема будет органично смотреться на экране директорского айпада. Только потребление агрегированной информации: график чего-нибудь, карточка с условиями договора и сводкой по работе по нему, контроль выполнения задач. Из ввода данных — логин/пароль, ответ на сообщение, согласование и комментарии, да может быть постановка или переадресация задачи. Для этих целей у вас есть неплохой подбор компонентов (графики, таймлайны, списки сообщений, счетчики, дерево документов), но есть над чем поработать.
Например, впилить диаграмму Ганта, удобный кастомизатор таблицы (сортировка, фильтр по колонке, добавление и сокрытие колонок), более информативные пункты таймлайна для компактного представления информации, и так далее. Лучше всего и правда плясать от реальных сценариев пользователей.
А для админки как удобного интерфейса для ввода структурированных данных у вас вообще ничего нет, по правде говоря. Например, ну какая «админка» без удобного выбора одного или нескольких объектов из списка с возможностью добавить «на лету» недостающее? И без готового стилизованного контрола для аплоада файлов. Тут можно долго продолжать. Если вам интересно, могу составить прямо список необходимых компонентов с подробным описанием :)
Так вот рама с движком — это бэкенд, набор — тема, интерьер машини — административаня часть, экстерьер — пользовательская часть.
Интересно будет посмотреть исходники ng2, спасибо авторам.
Почему мы рады тому, что не попали на themeforest