личный кабинет

Курск
Собственно решил выложить макет над которым сейчас работаю
потихоньку — панель пользователя (страница статистики)
интересно мнение по UI ну и вообще.
Логотип изменён, название тоже, скажу лишь то, что сайт по заработку в интернете
Ссылка :)

14 комментариев

Ну на мой взгляд как-то не очень )))
А что касается верстки, таблиц и рулежных элементов — так очень даж неплохо.
  • аватар ololo
  • +1
А у меня обратное мнение — в целом выглядит всё хорошо, а вот в обозначенных тобой вещах есть мелкие огрехи.
  • аватар a022
  • 0
А мне очень нравится.
Единственное что не очень — постраничка справа под таблицей, может не до конца понял специфику, но, думаю, можно оформить более наглядно. Если оставлять так — в числовых интервалах не нужно отбивать тире пробелами (ну и тире вместо дефиса поставить).
Да тебе что угодно понравится, зайчик )
да её скорее всего вообще не будет это я влепил просто на всякий случай и особо не замарачивался и взял из gmail
Курск
видимо у них тоже что-то не то
Шапка понравилась, а вот футер почему-то все-таки скучноват! Хотя идея хорошая!
  • аватар z1mmer
  • +1
а мне футер больше шапки понравился.
  • аватар ololo
  • +2
Представленная работа является ярким примером ситуации, когда к оформлению исключительно утилитарной вещи дизайнер подходит с привычными штампами, которыми он успешно польуется в оформлении обычных сайтов. На мой взгляд, стаканы и трубки в оформлении сервиса статистики излишни, а тяжеловесное оформление заголовков в левой колонке — избыточно.

Главный элемент этой страницы — таблица со статистикой и, по моему мнению, внимание пользователя дожно быть сосредоточено именно на ней. При этом значительная часть пользователей будет видеть её во второй половине экрана, верхняя часть которого используется нерационально. Вместо сомнительной надобности украшательства я бы предложил уделить внимание удобству использования. Например, неясно, есть и сортировка по колонкам, как происходит выбор дат в календаре, можно ли экспортировать отчёт в файл и так далее.

Теперь к частностям, сверху вниз. Расстояние между наименованием и значением показателя довольно большое, его вполне можно сократить. Разделитель лучше поставить посередине относительно разделяемых им строк. В форме для указания интервала дат после предлогов нужно убрать двоеточие. Пиктограмму хорошо бы поставить на расстоянии, примерно равном расстоянию до лейбла текстового поля, чтобы подчеркнуть, что она также имеет к нему непосредственное отношение.

оформление личного кабинета - ошибки в дизайне пользовательского интерфейса Курск

В заголовке таблицы видны неясные пиктограммы, а «Всего нагнал (руб.)» нужно заменить на «Доход» или что-то подобное, поскольку «нагнал» явно избыточно, а «всего» явно конфликтует с «итого». Валюту не нужно писать в скобках, достаточно отделить её запятой, например: «Доход, руб.» Тут я хотел привести пример оформления таблицы в справочнике художественного редактора Гиленсона, но на телефон хорошо сфоткать страницу не получается, потому придётся либо поверить на слово, либо я могу завтра её отсканировать, если у кого-то возникнет интерес.

Обычно в такого рода системах есть возможность изменять валюту, в которой будет показываться доход, так что её название можно сделать переключателем. Если доступна только одна валюта, то безо всякого вреда для корректного восприятия страницы название валюты можно дать в строке «Итого». В том же заголовке необходимо сделать единообразное выравнивание, поскольку текущий вариант ничем не обусловлен с практической точки зрения.
ну это лукавство, таблица достаточно контрастна относительно остальных элементов.
Разделитель лучше поставить посередине относительно разделяемых им строк

середина будет одна если предположим значение будет «1 руб.» и другая если «100000 руб.»
я решил взять 25% ширину колонки каждой
«WTF» это пиктограммы «по возрастанию» «по убыванию» — подефолту будет по возрастанию даты
Пиктограмму хорошо бы поставить на расстоянии, примерно равном расстоянию до лейбла текстового поля, чтобы подчеркнуть, что она также имеет к нему непосредственное отношение.

она так и стоит, двоеточие визуально увеличило расстояние.

а «избыточное оформление» для привлечения внимания
ан нет расстояние действительно больше до инпута
  • аватар ololo
  • +1
Это не лукавство, посмотри, как оформлен любой сервис с табличными данными, хоть бы и тот же джимейл, о котором ты говорил выше.

я решил взять 25% ширину колонки каждой
На моей картинке видно, что разделитель предлагается отцентровать по вертикали

«WTF» это пиктограммы «по возрастанию» «по убыванию»
Возрастание и убывание в колонке — это направление вверх или вниз, а у тебя пиктограммы показывают вправо или влево. Даже если принять это за образность и притянуть за уши сравнение с координатной осью, то такая метафора всё равно не будет очевидной, её информативность будет равна нулю а о том, что в колонках есть сортировка, догадается лишь действительно пытливый ум.

Нелишним будет вспомнить, что элемент, управляющий сортировкой обычно непосредственно примыкает к названию параметра (заголовку колонки), а у тебя он размещён в правом углу ячейки таблицы. Интуитивно понятный интерфейс, о котором прожужжали все уши сторонники Нильсена, на деле всего лишь означает привычность: пользователь невольно сравнивает его с тем, что видел на других сайтах. Сортировку в данном случае нельзя признать интуитивно понятной и её визуальная реализация требует доработки.

а «избыточное оформление» для привлечения внимания
Для привлечения внимания к чему?
просто в луну

Чтобы оставлять комментарии, нужно или зарегистрироваться.