Комментарии 50
Я за! Могу рисовать иконки и не только.
Можете сделать скрин если в таблице около 120 полей (да и такое бывает...). Стандартная тема от версии 3.4.5 вполне юзабельна в таком варианте (тема pmahomme).
Я может быт странный человек, но иконками слева я пользуюсь:
1) Кнопка домой — самая частая по использованию кнопка. На основной панели есть что-то заменяющее её? Полагаю, что «сервер» ведёт туда же?
2) SQL окошко — жутко неудобная вещь, но делалась давно, поэтому можно понять. Когда надо переключаться между двумя окнами -это неудобно. но, когда запрос вбиваешь в отдельное неперезагружаемое окно — это клёво. был бы фрейм(для простоты) или подгрузка ajax'ом, было бы вобще здорово
3) справку пытался вызывать пару раз за свою жизнь. Может быть один из них -случайно =0
4) А разве тут не должна быть кнопка выхода? вобще специалисты по безопасности всегда твердили, что надо завершать сеанс, в чём я их по большей части поддерживаю.
По макету новому: а вы не думали уменьшить страничку по вертикали? Например, блоки с переходами между страницами и «сортировкой», «опциями» можно было бы в одну строку поставить.
1) Кнопка домой — самая частая по использованию кнопка. На основной панели есть что-то заменяющее её? Полагаю, что «сервер» ведёт туда же?
2) SQL окошко — жутко неудобная вещь, но делалась давно, поэтому можно понять. Когда надо переключаться между двумя окнами -это неудобно. но, когда запрос вбиваешь в отдельное неперезагружаемое окно — это клёво. был бы фрейм(для простоты) или подгрузка ajax'ом, было бы вобще здорово
3) справку пытался вызывать пару раз за свою жизнь. Может быть один из них -случайно =0
4) А разве тут не должна быть кнопка выхода? вобще специалисты по безопасности всегда твердили, что надо завершать сеанс, в чём я их по большей части поддерживаю.
По макету новому: а вы не думали уменьшить страничку по вертикали? Например, блоки с переходами между страницами и «сортировкой», «опциями» можно было бы в одну строку поставить.
2) А мне понравилось для sql запросов в последней теме «быстрая правка» — потому как при множестве окон просто путаешься в открытых окнах
+1
Logout ещё часто используется, чтобы переключаться между базами на разных серверах (или для подключений с разными пользователями).
Logout ещё часто используется, чтобы переключаться между базами на разных серверах (или для подключений с разными пользователями).
По упрощению навигации писал во втором пункте.
а чем фреймы не нравятся? И разделитель между фреймами вроде можно было двигать чтобы скрываать или уменьшать размер левого меню при необходимости
В глаза бросилось сразу то что таблица сдвинута слишком вниз — а ведь она главный элемент интерфейса(после окошка со SQL конечно), поэтому считаю, что подробную настройку навигации нужно скрывать(все равно ей пользуются не так часто, обычно 1 раз, дабы настроить вывод, а потом переключалки, и окно ввода номера страницы).
То-есть по моему разумно оформить это как то так:
[ + дополнительно]
[<<] [<] [введите номер страницы][go] [>] [>>]
То-есть по моему разумно оформить это как то так:
[ + дополнительно]
[<<] [<] [введите номер страницы][go] [>] [>>]
Над таблицей жрется слишком много места, в итоге на ноуте придется прокручивать страницу, чтобы добраться до данных. Нужно элементы управления вверху собрать покомпактнее.
А что насчёт резиновой вёрстки? У меня экран на десктопе маленький, 1024x768, не появится ли горизонтальный скролл?
Проект получается у вас интересный :)
Проект получается у вас интересный :)
Слева в списке таблиц они группируются по префиксу и получается раскрывающийся список.
В примере на скрине этого не будет, если только не создать pma__table, pma__table2 с двумя подчеркиваниями. В случае нескольких префиксов это более ясно.
И стилизованные кнопки раскрывающихся списков — та ещё головная боль (особенно, если не просто берём и меняем сборку майадмина, а полноценный скин на века делаем), яваскриптами подменять селект на дивы, не убирая основного, чтобы продолжал работать.
В примере на скрине этого не будет, если только не создать pma__table, pma__table2 с двумя подчеркиваниями. В случае нескольких префиксов это более ясно.
И стилизованные кнопки раскрывающихся списков — та ещё головная боль (особенно, если не просто берём и меняем сборку майадмина, а полноценный скин на века делаем), яваскриптами подменять селект на дивы, не убирая основного, чтобы продолжал работать.
Выровняйте элементы по сетке, пожалуйста. Увидите сразу как опрятнее станет.
А где эти иконки, про которые вы спрашиваете?
Такие кондовые интерфейсы стоит редизайнить в сторону облегчения восприятия. Смело можно выкинуть серые заливки меню и контента, вычистить всё паразитное оформление, прработать с сеткой, упорядочить поля в форме, поправить тексты, убрать квадратные скобки вокруг ссылок etc.
да, чёрт возьми, да!!!
Фон оставить только под формами — он объединит контролы в общую композицию. Сейчас формы над и под таблицей сделаны неряшливо. Выравняйте по левому краю верхнюю.
Ссылки в табах подчеркните. Да и в других местах — тоже.
Разберитесь с сеткой. Сейчас всё скомкано. Отсутствуют вертикальный и горизонтальный ритмы.
Ссылки в табах подчеркните. Да и в других местах — тоже.
Разберитесь с сеткой. Сейчас всё скомкано. Отсутствуют вертикальный и горизонтальный ритмы.
Вы не улучшили интерфейс, а разукрасили существующий.
При всей убогости PMA там все же есть очень правильные «моменты».
1. Домой и открыть окно SQL запросов кнопки нужные.
2. Навигацию по результатам запроса вы точно не улучшили. Это должны быть кнопки, а не иконки, на которые что бы попасть надо еще прицелиться.
Настройки LIMIT и ORDER BY вы точно лучше не сделали, а продублировали глупость, которая есть в PMA. И хуже того отожрали кучу места по вертикали. Для кого это??? Постарайтесь уместиться в одну строку, а не в 4 и будет вам счастье.
3. Фрейм вас бесит, поэтому дайвайте релоадить всю структуру при каждом запросе? Ваше предложение значительно хуже, чем то, что есть. Да, фреймы не идеальны, но всему свое место. Поработайте год-два каждый день в PMA и вас будет бесить каждая точка и пиксель в нем.
Плюс исправьте ошибку, что выделение активной таблицы сделано темным. Надо светлым, как и основной фон с результами запроса. Раз начали цепочку «от темного к светлому», так будь последовательны.
И в догонку:
— Совершенно не понятно, зачем в вы сделали кастомые формы? Серые кнопочки, селекты и инпуты с градиентами просто убоги. Используйте системное представление, не плодите лишнее. Наберись смелости и сделай это! Будь мужиком!
— BROWSE, STRUCTURE,… все же лучше писать Browse, Structure,…
— Drop не просто так выделен красным в дефолтной теме, вы же его смешали со всем остальным в одну кучу
— В PMA ссылки хотя бы выделены цветом, а у вас это либо просто текст (Print, Export,..), либо нормальные линки (Edit, Explain,...). И да, сайт, на котором вы написали пост не стесняется подчеркивать ссылки ;-)
— Иконки-лилипуты в результатах запроса — это издевательство. Повышает вероятность случайно нажать не туда. А когда у вас «горячка, и бушует ураган» вы точно не туда нажмете. Привет Мерфи :-) И куда исчезла кнопка Full Text из загловка?
— Выделение желтым MyAdmin в заголовке — это конечно не пришей кобыле хвост. Смилуйтесь!
Удачи!
1. Домой и открыть окно SQL запросов кнопки нужные.
2. Навигацию по результатам запроса вы точно не улучшили. Это должны быть кнопки, а не иконки, на которые что бы попасть надо еще прицелиться.
Настройки LIMIT и ORDER BY вы точно лучше не сделали, а продублировали глупость, которая есть в PMA. И хуже того отожрали кучу места по вертикали. Для кого это??? Постарайтесь уместиться в одну строку, а не в 4 и будет вам счастье.
3. Фрейм вас бесит, поэтому дайвайте релоадить всю структуру при каждом запросе? Ваше предложение значительно хуже, чем то, что есть. Да, фреймы не идеальны, но всему свое место. Поработайте год-два каждый день в PMA и вас будет бесить каждая точка и пиксель в нем.
Плюс исправьте ошибку, что выделение активной таблицы сделано темным. Надо светлым, как и основной фон с результами запроса. Раз начали цепочку «от темного к светлому», так будь последовательны.
И в догонку:
— Совершенно не понятно, зачем в вы сделали кастомые формы? Серые кнопочки, селекты и инпуты с градиентами просто убоги. Используйте системное представление, не плодите лишнее. Наберись смелости и сделай это! Будь мужиком!
— BROWSE, STRUCTURE,… все же лучше писать Browse, Structure,…
— Drop не просто так выделен красным в дефолтной теме, вы же его смешали со всем остальным в одну кучу
— В PMA ссылки хотя бы выделены цветом, а у вас это либо просто текст (Print, Export,..), либо нормальные линки (Edit, Explain,...). И да, сайт, на котором вы написали пост не стесняется подчеркивать ссылки ;-)
— Иконки-лилипуты в результатах запроса — это издевательство. Повышает вероятность случайно нажать не туда. А когда у вас «горячка, и бушует ураган» вы точно не туда нажмете. Привет Мерфи :-) И куда исчезла кнопка Full Text из загловка?
— Выделение желтым MyAdmin в заголовке — это конечно не пришей кобыле хвост. Смилуйтесь!
Удачи!
По поводу иконок — home точно нужна, пользуюсь достаточно регулярно (как минимум для просмотра процессов в бд текущих и создания новых бд).
Выложите куда-нибудь скриншоты основных экранов боевого страшно-ужасного интерфейса. В топик вполне могут понабежать дизайнеры, которые никогда его не видели.
Посмотрел и предыдущий пост — общее впечатление весьма приятное. Цветовая гамма мне понравилась, идея избавиться от кучи ненужных блоков — тоже хорошо.
Теперь по означенным выше пунктам (по некоторым из них буду солидарен с выше написанными комментариями).
1. Иконки. Иконки обязательно должны быть! Пользуюсь очень часто отмеченными:
К тому же если не брать в расчет отступ вокруг — они не занимают много места.
2. Постраничная навигация по таблице действительно угнетает. Если есть вариант упростить — это здорово, но у меня идей нет. А вот что оптимизировать надо бы — это органы навигации. Что в оригинале, что у вас они занимают непропорционально много место по вертикали. При том, что высоты всегда «не хватает» на экране, а ширина не используется.
Понятно, что интерфейс проектировался под стандартные разрешения экрана. Но может подумать как можно сделать резиновую верстку, что бы с пользой использовать всю ширину экрана?
Вот скриншот c моего PMA: habrastorage.org/storage1/b0bd292d/b57bf897/c227e9f5/16bf641c.png
Причем это отображение структуры таблицы, и то «под завязку» по высоте получается.
3. Фреймы. Фреймы это будут или div меня не сильно волнует. А вот идея сделать левый блок сворачиваемым — это отлично. Это можно реализовать как с фреймом так и с div блоком. Хотя фрейм меня не устраивает вот чем — при попытку перегрузить страницу по F5 — страница перегружается, но загружается не тот блок или меню который у тебя был выбран и который ты ожидал.
Т.е. в идеале получается надо делать использовать хэштеши, и при перезагрузке тогда можно определить, что в какой фрейм(div) должно быть перезагружено.
4. Про инвертирование не понял, поэтому ничего не скажу.
В качестве заключения. Для меня как пользователя узкие моменты текущего интерфейса это (версия 3.4.8):
— нерациональное отображение таблиц — часть не вмещаются по вертикале, если много полей не вмещаются по
горизонтали;
— неудобные и громоздкие органы навигации — особенно это остро при просмотре таблиц.
— в режиме просмотра содержимого таблиц нахватает возможности выбрать необходимые столбцы (т… к. при большом их количество приходится скролить экран по горизонтали).
В общем надо чуть более человечно подходить к разработке интерфейса.
Даже просто изменив расположение некоторых элементов управления — можно добиться эффективного использования пространства.
То что сейчас:
При минимальном изменении:
Заглянул внутрь PMA. Мама дорогая! И намека на шаблонизатор нет.
Вам как команде разработчиков — удачи и терпения!
Теперь по означенным выше пунктам (по некоторым из них буду солидарен с выше написанными комментариями).
1. Иконки. Иконки обязательно должны быть! Пользуюсь очень часто отмеченными:
К тому же если не брать в расчет отступ вокруг — они не занимают много места.
2. Постраничная навигация по таблице действительно угнетает. Если есть вариант упростить — это здорово, но у меня идей нет. А вот что оптимизировать надо бы — это органы навигации. Что в оригинале, что у вас они занимают непропорционально много место по вертикали. При том, что высоты всегда «не хватает» на экране, а ширина не используется.
Понятно, что интерфейс проектировался под стандартные разрешения экрана. Но может подумать как можно сделать резиновую верстку, что бы с пользой использовать всю ширину экрана?
Вот скриншот c моего PMA: habrastorage.org/storage1/b0bd292d/b57bf897/c227e9f5/16bf641c.png
Причем это отображение структуры таблицы, и то «под завязку» по высоте получается.
3. Фреймы. Фреймы это будут или div меня не сильно волнует. А вот идея сделать левый блок сворачиваемым — это отлично. Это можно реализовать как с фреймом так и с div блоком. Хотя фрейм меня не устраивает вот чем — при попытку перегрузить страницу по F5 — страница перегружается, но загружается не тот блок или меню который у тебя был выбран и который ты ожидал.
Т.е. в идеале получается надо делать использовать хэштеши, и при перезагрузке тогда можно определить, что в какой фрейм(div) должно быть перезагружено.
4. Про инвертирование не понял, поэтому ничего не скажу.
В качестве заключения. Для меня как пользователя узкие моменты текущего интерфейса это (версия 3.4.8):
— нерациональное отображение таблиц — часть не вмещаются по вертикале, если много полей не вмещаются по
горизонтали;
— неудобные и громоздкие органы навигации — особенно это остро при просмотре таблиц.
— в режиме просмотра содержимого таблиц нахватает возможности выбрать необходимые столбцы (т… к. при большом их количество приходится скролить экран по горизонтали).
В общем надо чуть более человечно подходить к разработке интерфейса.
Даже просто изменив расположение некоторых элементов управления — можно добиться эффективного использования пространства.
То что сейчас:
При минимальном изменении:
Заглянул внутрь PMA. Мама дорогая! И намека на шаблонизатор нет.
Вам как команде разработчиков — удачи и терпения!
Шрифты мелковаты
Почему в одном месте ссылки голубые а в другом цвета текста?
Почему кнопка перед полем ввода?
… Много косяков
На самом деле здесь все плохо. Сетка, связи, формы, представления.
Видимо автору не доводилось участвовать в больших проектах
почитайте блоги UI&UX разработчиков, посмотрите их работы
подумайте стоит ли этим заниматься дальше
Почему кнопка перед полем ввода?
… Много косяков
На самом деле здесь все плохо. Сетка, связи, формы, представления.
Видимо автору не доводилось участвовать в больших проектах
почитайте блоги UI&UX разработчиков, посмотрите их работы
подумайте стоит ли этим заниматься дальше
Почему в одном месте ссылки голубые а в другом цвета текста? — разные элементы интерфейса.
Почему кнопка перед полем ввода? — спросите разработчиков pma
Много косяков — они есть, никто не спорит.
На самом деле здесь все плохо — было бы все плохо, реакция читателей была бы другой.
почитайте блоги UI&UX разработчиков, посмотрите их работы — с удовольствием.
подумайте стоит ли этим заниматься дальше — думаю.
з.ы. Я не присваивал себе звание крутого проектировщика интерфейсов. Я попробовал себя в этом.
Почему кнопка перед полем ввода? — спросите разработчиков pma
Много косяков — они есть, никто не спорит.
На самом деле здесь все плохо — было бы все плохо, реакция читателей была бы другой.
почитайте блоги UI&UX разработчиков, посмотрите их работы — с удовольствием.
подумайте стоит ли этим заниматься дальше — думаю.
з.ы. Я не присваивал себе звание крутого проектировщика интерфейсов. Я попробовал себя в этом.
2. Интерфейс достаточно простой, но нужно проще! Смущает постраничная навигация по таблице. Подумаю о варианте скрывания(как опции)/упрощения.
А если записей 340000?
А если записей 340000?
Мне кажется главное чтобы горячие клавиши были как в новом интерфейсе твиттера.
после этого комментария ждал Ваш пост с еще большим нетерпением.
сдержите слово, пожалуйста ;)
сдержите слово, пожалуйста ;)
zalil.ru/32312416 Пожалуйста ;)
Dropdown select понравился. В сафари на маке мне вообще не нравится. Как вы такое накрутили? Если это эти хаки по замене элемента, то не очень.
вот бы кто-нибудь нормальный интерфейс к phpPgAdmin запилил… :(
Мне иногда пригождается вторая кнопка (sql) она открывает поле для запроса в отдельном окне. Иногда это удобно
Чем сердце успокоилось?
Движений нет по проекту?
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Вариация на тему интерфейса phpmyadmin. Часть вторая