Тонкое рабочее место банковского софта.

Добрый день!



Друзья, помогите пожалуйста с доработками к веб-интерфейсу тонкого рабочего места для банковского софта.



Косяков прилично. Тень под плашкой под логотип в левом углу жирнвоата?



Нарушение в сетке из-за плашки с лого тоже вижу, но расширить блок с именем клиента (верхний) не позволяют из-за экономии пространства.



Надеюсь на конструктивную критику и полезные советы =)

Спасибо!



P.s.

Иконки на последнем скрине отличаются - старый экран, извините.

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

stasura

Прототип готов) Можно дизайнить теперь)

Arsi

Тут, скорее, не тени надо править (кои в таких интерфейсах вобще стараться избегать) а больше внимания уделить инф. блокам. Выставьте другим цветом щрифт и облегчите его по размеру\начертанию в инпут и селект формах - что-бы пользователь сразу, не напрягая глаза мог видеть где его введенная инфа, а где нет. Жирные инпуты с черными краями, выпуклостями и всякой прочей лабудой только пригружают глаза. Это навскидку.

brusher

это писец... и даже не прототип =) Оставил сноски...

brusher

это писец... и даже не прототип =) Оставил сноски...

naikom

Наваристая каша получилась) Я если честно ох*ел когда это увидел)

VaniVa

Тут, скорее, не тени надо править (кои в таких интерфейсах вобще стараться избегать) а больше внимания уделить инф. блокам. Выставьте другим цветом щрифт и облегчите его по размеру\начертанию в инпут и селект формах - что-бы пользователь сразу, не напрягая глаза мог видеть где его введенная инфа, а где нет. Жирные инпуты с черными краями, выпуклостями и всякой прочей лабудой только пригружают глаза. Это навскидку.
Понял, спасибо! Может быть, с учетом того, что размещение блоков пользователь в итоге запомнит - подписи к инпутам стоит сделать серой? А внутри самих инпутов - оставить черной?

VaniVa

это писец... и даже не прототип =) Оставил сноски...
Спасибо, овтетил на некоторые сноски. =) Если подскажите пару путей решения, буду благодарен!

VaniVa

Наваристая каша получилась) Я если честно ох*ел когда это увидел)
Я бы сказал, что винигрет. Сам ох*уеваю. Вы подскажите, пожалуйста, как ее, эту кашу, расхлебать поэффективнее.

miranbuke

Первый экран больше напоминает бумажную форму. У Лебедева недавно давали советы по подобным интерфейсам http://www.artlebedev.ru/kovodstvo/business-lynch/2012/04/19/

VaniVa

Первый экран больше напоминает бумажную форму. У Лебедева недавно давали советы по подобным интерфейсам http://www.artlebedev.ru/kovodstvo/business-lynch/2012/04/19/
О, спасибо, полезно! Это, правда веб-интерфейс - будет открываться в браузере...

skonik

Один совет. Выкиньте всё и начните заново. А если серьёзно, можно дать совет только в плане дизайна интерфейса — уберите все плашки, все границы, все бордеры. Оставьте только поля ввода, текст и кнопки. Попробуйте сделать максимально удобный интерфейс, только имея в наличии один шрифт, разные отступы и кнопки. Сейчас интерфейс наводнён косяками: 0d85515d6e1d72d46696ce22b1af4f1d.jpeg какая надпись к какому полю относится? e826331e7d6c5cf2310d1854b9635707.jpeg аналогично 5de11d035a8a739587ef82a118f16efb.jpeg линии, линии, линии. b46b7b7a8158e3894794db05017409bd.jpeg даже так Но это лишь дизайн. Проблема данного интерфейса не только в графике, вернее на 80% не в графике. Вообще сложно давать советы по интерфейсу, не зная, целей, задач пользователей, не зная предназначения. Может быть здесь вообще можно устроить революцию и половину элементов выкинуть нахрен, может все клиенты из России, и тогда одним полем выбора страны будет меньше — это я к примеру. Попробуйте устроить революцию))

Это, правда веб-интерфейс - будет открываться в браузере...
да какая разница где будет работать ваш интерфейс. Суть линча по ссылке действует на любой подобный интерфейс.

skonik

вообще, у вас есть неплохие примеры интерфейсов например http://www.e-kontur.ru/ там ведение бухгалтерии, так же есть выписки счетов и так далее)) короче посмотрите демо-версию, проникнитесь)

Kurilshik

Пока нужно сделать прототип. Попробуй заполнить самостоятельно эту форму и при возникновении сложности записывать по пунктам всё в один файл. Далее предложите заполнить и записать другим (человек 10). И уже решайте проблему.

VaniVa

вообще, у вас есть неплохие примеры интерфейсов например http://www.e-kontur.ru/ там ведение бухгалтерии, так же есть выписки счетов и так далее)) короче посмотрите демо-версию, проникнитесь)
Спасибо за советы. Действительно сяду переделывать сначала. Изначально все формы брал из "толстого" клиента (самого приложения) и переносил один к одному, стараясь выровнять плашки по сетке... но похоже не все так просто. Буду думать... И спасибо за референс, вот хороших примером не хватало. Специфика чуть другая, но направление мылсли понятно - минимализируем.

VaniVa

Пока нужно сделать прототип. Попробуй заполнить самостоятельно эту форму и при возникновении сложности записывать по пунктам всё в один файл. Далее предложите заполнить и записать другим (человек 10). И уже решайте проблему.
Есть уже готовый софт, стоит задача сделать его более удобоваримым для пользователя. Наверно основная ошибка в том, что побоялся переделывать что-то кардинально, а просто принялся рисовать плашки. Буду менять подход, спасибо!

Kurilshik

ну в интерфейсе же совсем не важно какой дизайн - внешний вид, главное какой дизайн - удобство

SolnceWeb

главное не сцать, банковские клиенты они все такие уродливые.