x
 
Александр Богатюк
30 апреля 2013

Имеется интерфейс дневника тренировок, можно ли сделать его ещё проще и удобнее?



Конечно, можно. Но для начала надо убрать всё лишнее, чтобы увидеть, что же там за интерфейс — пока его трудно разглядеть за густым слоем мусора.

Начнём сверху. У вас там аж 4 строки — заголовок, список дней, легенда-классификатор к списку дней (!), листалка с обозначением сегодняшнего дня. При этом в днях сориентироваться невозможно, а даты набраны цифрами через точку. Легенда избыточна: в день или есть тренировка, или нет, соответственно, его или надо сделать ссылкой, или не надо:

Теперь видно, что вся эта строка бессмысленна: ради трёх микроскопических ссылок городить набор ничего не значащих цифр — бред. Зачем вообще деление на месяцы? Если сейчас первые числа, то я не увижу предыдущие тренировки из прошлого месяца; если последние — не увижу ближайшие запланированные. Лучше просто показать тренировки, выделить текущую:

Теперь слева хочется добавить ещё несколько мартовских тренировок, но тогда заголовок «Апрель 2013» станет неактуален. А зачем он нам в принципе? Лучше написать, что это вообще всё такое. Кстати, не знаю, зачем я написал эти «-е», давайте-ка уберём:

Пока я подписал целиком сегодняшний день — и начало списка, потому что там другой месяц, Но над логикой того, какие месяцы подписывать, а какие — нет, надо будет подумать. О, а если вместо многоточия написать «предыдущие», то заголовок можно сделать ещё короче и согласовать с листалкой:

Всё-таки напрягает, что некоторые ссылки большие, а некоторые маленькие. Ещё на тренировки обычно ходят по каким-то дням недели, хорошо бы их подписать тут. Так и информативность выше, и Фиттс доволен:

Месяцы вообще убрал — ну кто не знает, какой сейчас месяц? Может, они должны как-то появиться, если отлистать далеко назад.

Так, ну всё-таки эти «предыдущие» тут ни к селу, ни к городу. Надо добавить отдельные внятые стрелки влево-вправо. Чёрт, я чувствовал, что всё кончится канонической листалкой Яндекса (они пишут «Страницы», напишем и мы «Тренировки» тогда):

Поаккуратнее:

Так, а почему в бюрошных цветах? У вас же свои весёленькие. Заодно выделил «сегодня» жирным. И тогда всё-таки лучше писать «Тренировка», чтобы согласовывалось с жирным «сегодня»:

Ну вот, всё готово!


А, там же ещё целая таблица снизу. Ну, значит, продолжим в другой раз.

Не пишите слова заглавными буквами — это мешает чтению.

Не пишите ´13 в значении 2013 — в русском языке не бывает апострофа в значении сокращения.

Интерфейс и информация — дисциплина Школы дизайнеров. Набор открыт. Чем раньше поступите, тем ниже стоимость и выше шанс на бесплатное место.
 

Поделиться
Отправить

Комментарии

Арсений Дивов
30 апреля 2013

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

Вячеслав Ильинский
30 апреля 2013

Илья в хорошем настроении писал ответ :-)

В таблице нет смысла дублировать подходы спортсмена. Намного удобнее и информативнее ставить галочку или ОК, а вместо нарушения нормы — красный крест и минус кол-во шага × −2 — не дотянул два раза блины по 55 кг.

Визуально притушить минуты отдыха между подходами. Сейчас все в одну пулемётную очередь вместе со знаками равенства.

Убрать экселевские бордеры.

Сейчас очень странная ситуация с подходами. При печати выходит я получу лишь с 1 по 7 подход, остальное нужно по новой печатать. Можно попробовать вынести название упражнения над табличкой, тогда у вас вполне все 14 подходов поместятся. Вопрос в том, а сколько вообще их может быть в нормативах?

Заголовки к столбцам «Упражнения» и «№» — смело выкидывать, и так понятно, по себе сужу, т. к. занимался. Слово «Выполнение» тоже смело выкидывать — это таблица не для общественного использования, а для узкого круга людей, поэтому им понятно изначально, о чём речь.

По мелочам уже потом можно пройтись :-)

Никита Мачулис
30 апреля 2013

В обоих вариантах (Александра и Ильи) отсутствует или неочевидна возможность планирования или добавления новой тренировки. Конечно, я могу предположить, что новую тренировку можно добавить только копированием, но это, согласитесь, странно.

Табличка неудобна и для тренировок, и для отчётности, но раз в следующий раз, то не стану комментировать :-)

P. S. Сочетание упражнений довольно странное — или для примера навалено всё подряд, или тренера на мыло

Максим Кучер
30 апреля 2013

Зачем регламентировать отдых между подходами? То есть, спортсмен, конечно, должен на часы поглядывать, но заводить под это специальную ячейку — перебор. Так-то можно, еще и стаканчики выпитой воды прописать :-)

Екатерина Кузьмина
30 апреля 2013

Может, дни недели вынести на отдельную строчку? Запятые создают визуальный мусор.

Виталий Кузнецов
30 апреля 2013

Офтоп. Александр Богатюк, привет, ты случаем не делаешь онлайн-дневник тренировок? А то я тоже ;-) Можем вместе сделать.

Азат Аюпов
30 апреля 2013

Уже первая правка, на мой взгляд, ошибочна: строчка-календарь, где выделены дни тренировок — это важнейшая информация, сразу видно, как часто тренировки, сколько пропусков и так далее.

Я даже специально календарик с числами в одну линию печатаю, а вы предлагаете удалить всё минимализма ради!

Виталий Большаков
3 мая 2013

Попробовал продолжить.

Экран для спортсмена. Два последних упражнения пока не делались.

Кирилл Клиновой
5 мая 2013

Арсений, про необходимость видеть вперед именно с привязкой к календарному месяцу видится странной. Если и нужен результат к какой-то дате, то это не обязательно привязано к началу месяца, а конкретная дата (например, дата соревнований). Надо видеть интенсивность, согласен. Поэтому возможно иметь в зоне видимости тренировок (как в будущее, так и в прошлое) какой-то фиксированный период, например понятные 30 дней (а не календарный месяц) или настраиваемый период (зависит от частоты тренировок).

Также вариант Ильи, на мой взгляд, потерял наглядность интервалов между тренировками, быстрой оценки ритмичности, т. к. на шкале в начальном варианте визуально сразу видно с какими интервалами они идут. Здесь же приходится включать мозг и вычитать, глядя на даты. Да ещё и без указания месяцев, да ещё и с плавающим числом дней в месяце — сразу и не понять. 28-го была тренировка и 3-го. Вот и посчитай в уме столько там дней паузы. А это, на мой взгляд важно именно в спортивном контексте. Но, в то же время, убрать пустые дни из шкалы — тоже понятное решение.

Я бы предложил отталкиваться от текущего дня как «нулевой координаты». Вперед и назад зона видимости 30 дней (настраиваемая). Этим мы сразу отображаем интенсивность тренировок. А введя между тренировками указание суток отдыха сразу понимаем ритмичность. Таким образом, если у нас интервал 7 дней, то в начальной версии мы имеем 6 ненужных цифр пустых дат, а в данном варианте только одна минорная цифра.

Возможно, тоже неидеальная реализация, но для обозначения идеи годится :-)

Никита Мачулис
7 мая 2013

Азат, тренировки должны быть каждые 2-3 дня. Конкретно в интерфейсе отдельной тренировки решение Ильи более удобно, чем длинная линейка — всё равно в неё 3 месяца не влезет. Пропуски считать лучше в полноценном календаре.

Арсений Дивов
15 мая 2013

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

Изначально просящий совета предложил вариант календаря, растянутого в строку, превратив его ещё и в прогресс-бар. На нём любой чике (и даже спортсмену), записавшейся на месяц по акции «Растряси к лету» сразу видно, когда тренировки, куда можно воткнуть ещё одну, что уже неделю она не постила фоточку пресса в блог и т. д.

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


Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами.

Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа.

Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным.

Вот такой веб 2.0.

Какие ещё есть способы повысить информативность? 2 Дата‑классный пример: причины задержек в Нью-йоркском метро Диаграмма футбольных трансферов. Процесс, часть 2




Недавно всплыло

Выбранные элементы списка, как не забывать принципы из советов бюро и когда нужен логотип 1 1 1 Невозможно собрать портфолио 1