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

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



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

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

И ещё нужно улучшить листалку так, чтобы по ней была видна регулярность тренировок. Для начала предлагаю ссылку на каждую тренировку сделать более компактной и информативной — снабдить индикатором халтуры:

Заодно листалки влево-вправо стали крупнее и избавились от двух альтов по бокам.

Теперь видно, что тренировка во вторник, 2 апреля, не задалась, а вот за неделю перед ней прошла идеально.

Как теперь увидеть пропущенные тренировки, но не отображать каждый день календаря? Предлагаю показывать те дни, когда тренировка в принципе должна быть. Например, наш вымышленный персонаж, похоже, занимается по вторникам, пятницам и воскресеньями. Тогда покажем пропуски именно в этой схеме:

Пропущенная тренировка стала серой. Весь список тренировок теперь скролится влево-вправо до бесконечности. У выбранной тренировки полная дата появилась в заголовочке.

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

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

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

Комментарии

Никита Степанов
14 мая 2013

Индикатор халтуры для меня больше похож на прогресс тренировки, или хелсбар. Сказывается детство в играх. У тренировки есть 2 статуса — полностью выполнена и схалтурена. Может стоит так и оставить?

Александр Дебкалюк
14 мая 2013

Всё бы стало нагляднее с небольшими схематическими иллюстрациями.

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

Виталий Сергеев
14 мая 2013

Получился интерфейс складского учёта ГлавСпорт. И не придерёшься по факту, и пользоваться не хочется.

Вообще весь диалог между советчиками и Ильёй получился какой-то такой:

— Понимаете, спортивная специфика…
— Мужчинаааа, я же вам сказала, УВЛ!
— Да, конечно, но ведь…
— Мужчинаааа, вы что, не понимаете, интерфейс — злоооо!
— Да, но ведь календарь… спортивное расписание, чтобы…
— Мужчинааааа…

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

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

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

Александр Богатюк
18 мая 2013

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


18 июня 2013

Виталий, всё это весело, но всё-таки, что не так, по существу? У спорта какая-то особая специфика, заключающая в том, что лишнее — это хорошо? Поясните свою мысль.


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

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

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

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

1 4 2 9




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

Защититься от случайного нажатия «Сдаться» 1 Поделитесь соображениями, как работать, путешествуя 8 Как сделать нагляднее таблицу перфорированных лотков? Часть вторая 5 Что вы думаете о способе указывать цвету прозрачность в шестнадцатеричном виде вместо более традиционного RGBA? 3