Интерфейс веб-приложения

Это первая версия интерфейса для веб-приложения.



Чтобы вы порекомендовали в нем поправить, или поменять?



Мы хотим чтобы интерфейс был как можно более простым и понятным.



Спасибо!

Комментарии пользователей

nvkzNemo

сделал несколько сносок, но мне лично не понятна специфика приложения... что это и для кого и какие функции вообще выполняет, поэтому трудно судить... я бы ещё поработал с таблицей... отступы побольше между строками... более юзабельную инфу цветом темнее (чернее), а второстепенную серее например... Даже не зная специфику приложения меня смущает "Поиск" только по ФИО... По мне в такой куче инфы поиск должен быть более юзабельный и функциональный... Тобишь более заметный и умеющий искать хотябы по ID или хз ещё по чему...

vaselisk

А мне кажется все удобно! Все четко и лаконично! Я не люблю когда много свободного места неоправданного!

sopov

❞
Как по мне не хватает, катастрофически воздуха в интерфейсе, очень неудобно читать и разглядывать
У меня такие же ощущения, но вот понять где этот воздух добавить не могу...

sopov

❞
не понятна специфика приложения
Это корпоративный портал
❞
какие функции выполняет
Рассчитано на быстрое получение информации, по сотрудникам, задачам, документам и т.п.
❞
отступы побольше между строками
Межстрочный интервал или сами строки сделать больше в высоту?
❞
более юзабельную инфу цветом темнее (чернее), а второстепенную серее например
Т.е. не выделять болдом ФИО, а должность сделать серым?
❞
Даже не зная специфику приложения меня смущает "Поиск" только по ФИО
Согласен, тут сделаем полнотекстовый поиск

nvkzNemo

❞
Межстрочный интервал или сами строки сделать больше в высоту?
не вижу разницы, т.к. разделитель у вас в одну однопиксельную полоску... так что наверно сами строки...
❞
Т.е. не выделять болдом ФИО, а должность сделать серым?
можно и болдом... фишка именно в том чтобы человек быстрее находил наиболее важную/частоиспользуемую/основную информацию и ему при этом не мешала остальная текстовая каша которую пользователь смотрит редко например... а уж болдом/цветом или как-то там ещё это не суть-важно, можно и тем и другим... например если я постоянно ищу по ФИО то ID и e-mail стоящие по бокам мне будут только мешать, поэтому нужно сделать чтоб они меньше привлекали взгляд и "шумели" во время прокрутки и беглого просмотра...

sopov

❞
можно и болдом... фишка именно в том чтобы человек быстрее находил наиболее важную/частоиспользуемую/основную информацию и ему при этом не мешала остальная текстовая каша которую пользователь смотрит редко например... а уж болдом/цветом или как-то там ещё это не суть-важно, можно и тем и другим... например если я постоянно ищу по ФИО то ID и e-mail стоящие по бокам мне будут только мешать, поэтому нужно сделать чтоб они меньше привлекали взгляд и "шумели" во время прокрутки и беглого просмотра...
Спасибо за совет, поработаем над этим :)

valery_medved

возможно, кроме разрядки про которую выше уже сказали, еще стоит отказаться от однопиксельных разделителей и сделать строки чередующимися по оттенку - одни белые, другие чуть темнее и кроме цвета важную информацию можно выделить и размером шрифта, скажем ФИО побольше и пожирнее, а должность поменьше и посветлее

valery_medved

возможно, кроме разрядки про которую выше уже сказали, еще стоит отказаться от однопиксельных разделителей и сделать строки чередующимися по оттенку - одни белые, другие чуть темнее и кроме цвета важную информацию можно выделить и размером шрифта, скажем ФИО побольше и пожирнее, а должность поменьше и посветлее

Kurilshik

1. Блок с логином человек будет видеть постоянно. Это нелепо, я же и так знаю, что я Алексей такой-тович, зачем мне это видеть каждую минуту? Кроме этого нужно явно обозначить механизм выхода, хотябы подчеркнуть и убрать у ФИО цвет синий, сделав его черным. 2. Выделение активного пункта должно быть больше остальных элементов или как-то отличаться от них. Учитывая, что это сложная таблица, лучше всего использовать размер или изменение стиля текста (жирный например, чуть больше вкладка). 3. Блок поиска отвлекает и невиден. Он должен обособлен от таблицы либо размером, либо фоном, либо расположением. 4. Почему центрация заголовка? 5. Представьте, я настроил "Настройки", далее в течении часа работы в программе опять вижу "Настройки" на первом месте. Мне это понравится? Нет, однозначно это будет бесить всех. Поэтому лучше собрать все эти мусорные ссылки и вынести в обособленный блок. Говоря русским языком я бы разделил рабочую область, область настроек и параметров и область статистики или меню. Проводя аналогию, представьте если бы в фотошопе вместо рабочей области был поиск, сверху макета плавали бы списки со всеми шрифтами загруженными на писюк или мэк. Много лишнего и не на своих местах.

Kurilshik

да, меню понравилось, очень удобно и без наворотов. Только непонятно, что будет если вместо ОТДЕЛ ПО РАБОТЕ С КЛИЕНТАМИ, будет ОТДЕЛ ПО РАБОТЕ С ПОСТОЯННЫМИ КЛИЕНТАМИ, меню растянется, покажет только часть пункта меню или перенесет на другую строку?

sopov

❞
да, меню понравилось, очень удобно и без наворотов. Только непонятно, что будет если вместо ОТДЕЛ ПО РАБОТЕ С КЛИЕНТАМИ, будет ОТДЕЛ ПО РАБОТЕ С ПОСТОЯННЫМИ КЛИЕНТАМИ, меню растянется, покажет только часть пункта меню или перенесет на другую строку?
У меню снизу появляется полоса прокрутки. Не очень красиво, но других вариантов я пока не вижу. Вот немного подпилил интерфейс, уже лучше? :) 0a8a4fac.jpg

nvkzNemo

❞
Вот немного подпилил интерфейс, уже лучше?
однозначно лучше... правда на моём мониторе серых строк (разделения по цветам) не видно пока снизу на монитор не взглянешь))

sopov

❞
[quote="sopov"]Вот немного подпилил интерфейс, уже лучше?
однозначно лучше... правда на моём мониторе серых строк (разделения по цветам) не видно пока снизу на монитор не взглянешь))[/quote] Да они бледновато получились, сделаю чуть-чуть потемней :)