Сообщество
FAQ
Логин
Пароль
Войти при помощи
Кстати, вы можете
Установить drebedengi.ru на свой сервер.
Общение / Веб версия / Новый дизайн

Новый дизайн

Admin
4 апреля 2013 20:55
Уважаемые пользователи!
Мы решили слегка освежить дизайн.
Вот как примерно будет выглядеть наша главная страница и личный кабинет (картинки кликабельные). Предлагаем вам высказать свои замечания и предложения по дизайну.
maskman
4 апреля 2013 22:08
В блоке "Контроль расходов" увидел две кнопки - "Подробнее" и "Скрыть детали".
Что находится под кнопкой "Подробнее"?
Ilyan
4 апреля 2013 22:49
1. Слишком много зелёного и красного текста. Я бы использовал эти цвета только для сумм, а для всего остального текста - какие-то другие. Ну и если зелёные кнопки ещё кое-как, то зелёные ссылки - вообще нонсенс.

2. Зачем заголовки набраны заглавными?

3. Блок даты не нравится :) Может стрелки и текущую дату в один ряд, а кнопку "Сегодня" - под ними?

4. Определитесь со смыслом прерывистого подчёркивания. Сейчас оно последовательно используется для выпадающего списка + в некоторых хаотичных и неожиданных местах (типа "Отмены")
Ilyan
4 апреля 2013 22:58
Кстати, это же не скриншот, а "фотошоп"?

Ведь при вводе трат нет кнопки "Отмена".
И "руб." и "Руб." вряд ли есть в бухгалтерии.
Ilyan
4 апреля 2013 23:11
Довольно часто доступ к "Личным настройкам" делают через зубчатое колесико в правом вернем углу, рядом с именем пользователя и кнопкой "Выхода".

"Оплату сервиса" я бы убрал внутрь "Других действий" (по крайней мере для уже заплативших :), а "Напоминания" - вытащил на верний уровень.
Admin
5 апреля 2013 09:56
Ilyan Пишет:
Что находится под кнопкой "Подробнее"?
Буду разворачиваться детали, из которых складываются планируемые и потраченные суммы, соответственно.
Admin
5 апреля 2013 09:59
Ilyan Пишет:
Кстати, это же не скриншот, а "фотошоп"?
Да, конечно.
Дина
5 апреля 2013 11:47
Здравствуйте! При внесении расходов , на мой взгляд,удобнее было бы , если бы по полям категории и тегов можно было бы вводить(наравне с кликами мышкой) начальные буквы названий и выбирать из подходящего списка.При отсутствии такой категории или тега, предлагать выбор контекстно: создать такую или нет.
Также при подцеплении чеков к трате, присваивать статус "обработан" автоматически.
Admin
5 апреля 2013 11:55
Дина Пишет:
удобнее было бы , если бы по полям категории и тегов можно было бы вводить(наравне с кликами мышкой) начальные буквы названий и выбирать из подходящего списка
Спасибо за предложение, подумаем об этом.
Admin
5 апреля 2013 12:09
Ilyan Пишет:
Блок даты не нравится
А чем именно не нравится?
Кнопка "С" появляется только когда дата не сегодня, и если стрелки убрать выше, то появление "С" будет одиноко выпячивать.
Lacis
5 апреля 2013 12:20
Ну что скажу, свежий дизайн это хорошо. Главное чтобы не стал тормознее.
И ещё, учитывайте, что на сайт заходят с смартфонов и планшетов, т.е. чтобы все элементы меню было удобно "тапать"..
Павел Фёдоров
5 апреля 2013 12:35
Наконец-то! Старый интерфейс давно пора было менять, ибо на дворе уже 2013 год, а не 90-ые. В целом весьма неплохо, но есть некоторые спорные моменты:

1) Ссылки нужно сделать синими. Это всем привычный стандарт. Зелёные, конечно, стильно смотрятся, но уж слишком непривычно и вкупе с остальными зелёными элементами только теряются в общей каше.

2) Добавить иконки счетов слева от каждого счёта в блоке "Остатки". Так будет симпатичнее и визуально быстрее определять нужный счёт.

3) Что за новые безликие иконки? Это для примера сделано? Надеюсь что такого не будет в окончательном варианте и их место займут перерисованные, вышедшие на днях, иначе я просто не понимаю, зачем тогда их рисовали.

4) Кажется слишком тёмной фоновая полоска в самом верхнем левом блоке и в самом низу страницы. Посветлее бы, а то глаз режет.

5) Переделать все слова из заглавных букв в нормальный вариант. Обращение внимания на какой-либо элемент интерфейса таким способом говорит о бессильности, нехватке времени или лени разработчика или дизайнера поработать над заметностью элемента и найти другой выход.

6) Не нравится этот градиент в шапках блоков. Это опять а-ля прошлый век. Или сделайте его минимальным, или просто замените на однородный тёмно-серый.

7) Всё же, мне кажется, что везде должно быть "тЕги", а не "тЭги", как это в строчке с комментарием в примере. Плюс к этому, лучше сделать так, чтобы тег добавлялся не в строчку коммента в [квадратных скобках], а по системе как в приложении для андроида. Там это сейчас сделано очень хорошо.

8) Стрелка "Отмены" довольно убогая.

9)
Admin
5 апреля 2013 12:43
Павел Пишет:
Кажется слишком тёмной фоновая полоска в самом верхнем левом блоке и в самом низу страницы
Вы про выделенный пункт меню "Внести трату за сегодня"?
Павел Фёдоров
5 апреля 2013 13:07
Admin Пишет:
Вы про выделенный пункт меню "Внести трату за сегодня"?
Про неё и про нижнюю полоску в самом низу страницы, где "О сервисе", "Карта сайта" и пр.
maskman
5 апреля 2013 14:08
Павел Пишет:
лучше сделать так, чтобы тег добавлялся не в строчку коммента в [квадратных скобках], а по системе как в приложении для андроида. Там это сейчас сделано очень хорошо.
Я использую Теги как часть комментария.
Например в перемещениях "[Петров] -> [Иванов]"
Если теги убирать под поле ввода то смысл этого комментария теряется.

Если Администрация все таки решится на изменение этого функционала то прошу сохранить предыдущие (уже введенные) комментарии без изменения.
Или Теги вывести за поле и из комментариев их не удалять, а переделать в обычный текст (без скобок []).
Ilyan
5 апреля 2013 14:16
Admin Пишет:
и если стрелки убрать выше, то появление "С" будет одиноко выпячивать.
Так если стрелки убрать выше, вместо маленькой кнопочки "С" можно будет написать "Сегодня"
Павел Фёдоров
5 апреля 2013 14:21
maskman Пишет:
Если теги убирать под поле ввода то смысл этого комментария теряется.
Может быть не совсем понял мысль, но в случае реализации тегов отдельными кнопочками, как в андроид версии, теги из транзакций никуда не денутся и по-прежнему точно так же будут привязаны к конкретным записям. Просто они не будут выглядеть как текст и мешаться в строке комментария, а будут собираться под ней в виде маленьких прямоугольничков, которые можно будет удалять мышкой нажав на крестик в углу каждого прямоугольничка, что повысит удобство (ибо при удалении тега к записи не придётся искать нужный тег в облаке или списке тегов и кликать его, чтобы убрать, а достаточно будет удалить его напрямую через крестик).
Павел Фёдоров
5 апреля 2013 14:45
Планируется ли вместе с дизайном сервиса изменить и дизайн форума? Прокачать функции пользователей в плане добавления скриншотов картинками к сообщению (а не тупому копированию ссылок, которые даже не отображаются как ссылки в сообщениях), возможностью редактировать свои записи и др?
maskman
5 апреля 2013 16:25
Павел Пишет:
Просто они не будут выглядеть как текст и мешаться в строке комментария
Иногда у меня тег - это часть комментария, как слово в предложении.
Как правило это в перемещениях "[Петров] -> [Иванов]".
Уберите теги и что останется?
maskman
5 апреля 2013 16:29
Я не против этого нововведения с тегами.
Я буду в комментариях словами писать и теги ставить отдельно.
Я не хочу чтобы в результате конвертации старых комментариев сохранилось их содержание.
maskman
5 апреля 2013 16:30
maskman Пишет:
Я не хочу чтобы в результате конвертации старых комментариев сохранилось их содержание.
Наоборот ;)
Я не хочу чтобы в результате конвертации старых комментариев исчезло их содержание.
Ilyan
5 апреля 2013 16:41
Давайте здесь обсуждать только новый стиль, а не фичи, которые пригодились бы и в нынешнем дизайне.
Павел Фёдоров
5 апреля 2013 16:42
maskman Пишет:
Уберите теги и что останется?
Те же Петров и Иванов тегами и пустая строчка комментария) По сути Петров и Иванов просто переедут ниже, в теги, но ведь главное, что они останутся и по ним запись можно будет найти, разве нет?

Я так понимаю у вас есть записи вида "[Петров] купил буханку хлеба в [Перекрёсток]". Правильно? Если да, то (не хочу сказать что это неправильно) мне кажется что от того, что вместо этой конструкции будет "Буханка хлеба" [Петров][Перекрёсток] (эти теги уже внизу строчки комментов, естественно) смысл никак не потеряется, но тут уж кто как привык, хотя мне кажется, что так делают единицы.
maskman
5 апреля 2013 16:59
Павел Пишет:
Я так понимаю у вас есть записи вида "[Петров] купил буханку хлеба в [Перекрёсток]". Правильно?
Нет таких записей у меня нет.
А есть такие
[Петров] на хостинг сайта [xxx]
[Мама] на подарок [Жена][Дочь]
[Теща] -> [Жена] на сапоги

После конвертации комментариев в новый вариант, если такое произойдет, я могу получить:
1 вариант (в скобках указаны теги, которые окажутся на другой строчке)
на хостинг сайта ([Петров][xxx])
на подарок ([Мама][Жена][Дочь])
-> на сапоги ([Теща][Жена])
или
2 вариант (в скобках указаны теги, которые окажутся на другой строчке)
Петров на хостинг сайта xxx([Петров][xxx])
Мама на подарок Жена Дочь ([Мама][Жена][Дочь])
Теща -> Жена на сапоги ([Теща][Жена])

Мне больше нравится 2-й вариант
Admin
5 апреля 2013 17:52
Павел Пишет:
Планируется ли вместе с дизайном сервиса изменить и дизайн форума?
Возможно да, но только дизайн, а не фичи.
Также, просьба ко всем, в данной теме обсуждаем только дизайн, внешний вид.

Функционал можно обсуждать в других темах.
Admin
6 апреля 2013 21:09
Обновлена картинка для личного кабинета. Учтены некоторые замечания.
Ilyan
7 апреля 2013 16:00
Кстати, мне кажется, что у выпадающих списков можно убрать стрелочку вниз. Особенно, если использовать прерывистое подчеркивание ТОЛЬКО для этой цели, а не везде подряд.

Для мест хранения это нормально работает.

Ну и зелёные ссылки до сих пор убивают.

Может Арт. Лебедев для вас не авторитет, но он часто дельные вещи говорит:
http://www.artlebedev.ru/kovodstvo/sections/171/
Ilyan
7 апреля 2013 16:20
Составные названия заголовков, вроде "Остатки на сегодня", должны быть выровнены хотя бы как сейчас.

P. S.

Хоть это относится и к текущему дизайну, но я бы ещё заменил "Журнал операций. <u>Фильтр</u>" на "<u>Расходы</u> за <u>последние 6 мес.</u>. И логичнее, и фильтры проще менять. А фильтр по комментарию вообще тут не нужен - для этого есть отчёты. Можно даже рядом поместить ссылку на отчёт с таким же фильтром.
Admin
7 апреля 2013 16:43
Ilyan Пишет:
прерывистое подчеркивание ТОЛЬКО для этой цели, а не везде подряд.
Прерывистое подчёркивание используется для обозначения клика, не перегружающего страницу.
Ilyan
7 апреля 2013 16:54
https://docs.google.com/file/d/0By50NczJWxY2bE9KUzYzaDZKb1U/edit?usp=sharing
Ilyan
7 апреля 2013 16:56
Admin Пишет:
Прерывистое подчёркивание используется для обозначения клика, не перегружающего страницу.
Да, я понял, был не прав :)
Ilyan
7 апреля 2013 16:58
Но без стрелочек, на мой взгляд, всё равно можно обойтись. Прерывистое подчёркивание и так указывает на возможность редактирования.
SoV
7 апреля 2013 19:52
По поводу графического дизайна, всем не угодишь, плох он или хорош с графической точки зрения - область вкусов.
Но есть некоторые правила в области восприятия графических элементов в интерфейсах, применительно к предлагаемому макету: чем больше выпуклость графических элементов, чем больше радиус скругления углов, тем менее "строго" он воспринимается. Сейчас это движение в сторону "игривости", нужно это или нет сервису электронной бухгалтерии - вопрос десятый.
Текущий(старый) UI может быть и не сильно красив, но "лёгок" для загрузки и отрисовки. Если это будет реализуемо, добавьте в настройках возможность переключения к "классическому" виду UI, индивидуально для десктопной и мобильной версий сайта, поскольку наверняка есть люди, для которых гораздо важнее функционал чем новомодные красивости, сервис всё таки не развлекательный.
Учтите пожалуйста и такое мнение.
Спасибо.
Admin
7 апреля 2013 20:10
SoV Пишет:
Текущий(старый) UI может быть и не сильно красив, но "лёгок" для загрузки и отрисовки.
В новом тоже не многим больше графики, всё будет достаточно оптимизировано и грузиться будет примерно также как и текущий.
SoV
7 апреля 2013 20:21
Admin Пишет:
В новом тоже не многим больше графики, всё будет достаточно оптимизировано и грузиться будет примерно также как и текущий.
В свете всеобщего тренда к "утяжелению" и "прожорливости", слова "достаточно оптимизировано" и "примерно также" - смущают.
Что ж, верю на слово, на нём же и ловлю.
Леонид
7 апреля 2013 22:16
>> Также, просьба ко всем, в данной теме обсуждаем только дизайн, внешний вид.

Раз речь исключительно о внешнем виде, скажу просто: "Не нравится", - новый дизайн вызывает стойкие ассоциации со Сбербанком до ребрендинга.

Пока размышлял, что же вызвало такие ассоциации (видимо, скругленные кнопки и изобилие серого и тускло-зеленого), обратил внимание на красно-зеленые записи в журнале операций: 3-4% населения плохо различают цвета, и чаще всего - красный с зеленым.

Про иконки Павел уже сказал. Добавлю, что в такой скупой дизайн существующие яркие иконки, по-моему, просто не вписываются. А они очень даже замечательные.

P.S. Может показаться занудством, но дизайн - это в первую очередь функционал, и лишь затем - внешний вид. Красивым, но неудобным не пользуются. Максимум - любуются.

Под эту мысль все-таки выскажу пару идей на грани внешнего вида/фич:
1. Кнопки изменения даты должны быть крупнее: в них же мышкой/пальцем ещё попасть надо.
2. Все элементы упраления формы ввода должны быть доступны по клавише Tab и в логичном порядке.
Павел Фёдоров
8 апреля 2013 00:05
Стрелка отмены стала проще, но непонятнее. Теперь она указывает куда-то влево и не читается как символизирующая отмену. Чтобы время на нее не терять, лучше всего вообще от неё избавиться. Так же поступить и со всеми остальными стрелками в "пунктирных" ссылках, потому что, коли уж ссылка подчеркнута пунктиром, то и так понятно что из неё что-то выпадет, так зачем пририсовывать к ссылке еще и стрелку, которая делает абсолютно то же действие, что и нажатие на ссылку? Солидарен с теми кто высказывается против стрелок. Мне кажется, что нужно слегка увеличить размер "пунктирных" ссылок, чтобы они стали заметнее.

Кружочек даты я бы лучше заменил на обычную дату в виде ссылки, вроде "7 апреля". Кстати, можете показать новый календарь выбор даты? Старый был страшноват и очень хочется, чтобы новый был легче и воздушнее.

Ещё, если смотреть на интерфейс издали, видно четыре очень выделяющихся темных пятна: кнопка "Зафиксировать трату", полоски остатков справа внизу, темно-серый фон строк главного блока (под картинкой сайта) и аналогичный фон самой нижней полосы внизу страницы. Эти четыре элемента рушат гармонию стиля страницы своей "крикливостью". Я бы притушил их и сделал менее яркими.
Ilyan
8 апреля 2013 09:59
Действительно: "Зафиксировать трату" - кнопка, и "Отмена" - кнопка. Почему же они такие разные, они же как "OK" и "Cancel"?
Admin
8 апреля 2013 17:01
martin_wanderer Пишет:
скажу просто: "Не нравится"
А по сравнению с текущим, лучше или хуже?
Ilyan
8 апреля 2013 18:38
Очень не нравятся зелёные ссылки и огромная зелёная кнопка.

Слегка мешает тёмно-серое выделение текущего раздела слева и слишком игривый календарь.
Кстати, может быть календарь вообще спрятать, оставив только подчёркнутую дату, как в остатках?

А лёгкие тени, градиенты и скругления лично у меня отторжения не вызывают. Пожалуй, я бы не так кардинально менял "фирменный" бледно-желтый фон основного блока.


Вообще немного сложно оценивать именно стиль, не обращая внимания на кучу годами раздражающих мелочей.
Чтобы отвечать на сообщения - зарегистрируйтесь и войдите в личный кабинет.
© drebedengi.ru 2007 - 2017  |  Мобильная версия  |  Карта сайта  |  API интеграции  |  Обратная связь  |   English