Советы Ильи Бирмана


ПН

Артём Горбунов
Дизайн продуктов и услуг


ВТ

Илья Бирман
Навигация в общественных местах


СР

Михаил Нозик
Вёрстка и типографика в вебе


ЧТ

Николай Товеровский
Управление проектами, людьми и собой


ПТ

Илья Синельников
Переговоры и отношения с клиентом


СБ

Владимир Беляев
Юридическая сторона: договоры, права и товарные знаки


ВС

Максим Ильяхов
Текст, редактура и информационный стиль

На следующей неделе

Решение задач

На следующей неделе

Дизайн продуктов и их интерфейсов

Константин Евстратенко
17 января 2017

Илья, привет!

Расскажи, пожалуйста, о приёмах обозначения парков и рек на схемах.

Мы всегда стараемся ответить на ваши вопросы. Кроме нашего совета, вы получите интеллигентные отзывы посетителей нашего сайта.

Открыты 5 апреля 2007 года.

Советы почтой каждую неделю
Пожалуйста, получите наше письмо, чтобы подтвердить свой адрес:
Вы подписаны на «Советы за неделю»:

В архиве

Максим Грязнов
10 января 2017

Добрый день, бюро!

Это таблица из пока что незавершённой курсовой по технологии производства автомобилей и тракторов.

В колонке ITi показаны поля допусков (в мкм) для номинальных размеров (в мм). Эти поля бывают как с симметричными пределами отклонения (звено А1 и другие, кроме А2), так и с асимметричными, поэтому знаки могут быть «+», «–» и «±», причём их необходимо указывать — нельзя приравнять отсутствие знака к положительному числу — такое правило.

Пробелы между строк поставил неслучайно: звенья А1 и А2 увеличивающие, а А3–А6 — уменьшающие. Звено Аs — зазор. Но это уже не относится к теме вопроса.

Вопрос: как правильно выравнивать знаки?

P.S. написал js13 и h12, для наглядности, т. к., скорее всего, все поля будут js, что будет указано снизу таблицы после звёздочки, и в колонке «квалитет» останутся лишь числа.

Антон Лисица
27 декабря 2016

На сайтах «Энви», «Мэри Трюфель», «Лавишустринг» каталоги товаров сделаны так, что для выбора товара нужно проскроллить несколько длинных страниц, ведь фильтров для прицельного поиска нет. А на сайте «Биз-цен», наоборот, каталог с фильтром. На основе каких факторов принимать решение — делать удобные фильтры или заставлять посетителей сайта много и упорно листать?

Илья
20 декабря 2016

Что нужно знать о стоп-словах в интерфейсе?

Анастасия Чеснокова
13 декабря 2016

Как с помощью пиктограмм отобразить строительные материалы, например цемент, гипс, известь?

Анастасия Чеснокова
6 декабря 2016

Как с помощью пиктограмм отобразить строительные материалы, например цемент, гипс, известь?

Илья
29 ноября 2016

Как выбрать между листанием и прокруткой?

Виктория Лисицына
22 ноября 2016

Илья, скажите, пожалуйста, почему пеньки у станций Смоленских Филёвской и Арбатско-Покровской линий разного размера? Наверняка есть какой-то сакральный смысл :-)

Анастасия Чеснокова
15 ноября 2016

Как с помощью пиктограмм отобразить строительные материалы, например цемент, гипс, известь?

Илья
8 ноября 2016

Как должна работать прокрутка?

(Часть четвёртая)

Илья
1 ноября 2016

Как должна работать прокрутка?

(Часть третья)

Илья
25 октября 2016

Как должна работать прокрутка?

(Часть вторая)

Илья
18 октября 2016

Как должна работать прокрутка?

Денис Домрачев
11 октября 2016

Добрый день!

Разрабатываю карту трамваев Уфы (ПДФ, 1,8 МБ). Покритикуйте, пожалуйста

Илья
4 октября 2016

Как делать листалки?

(Часть вторая)

Илья
27 сентября 2016

Как делать листалки?

Илья
20 сентября 2016

Расскажите об обратной связи в интерфейсе.

(Часть третья)

Денис Воронов
13 сентября 2016

Стоит ли использовать в дизайне форм подобное объединение инпутов «впритык», с целью уменьшения визуального шума или это является грубой ошибкой?

Илья
6 сентября 2016

Расскажите об обратной связи в интерфейсе.

(Часть вторая)

Илья Бирман
30 августа 2016

Илья, а расскажите про процесс разработки схемы метро. Какие решения были приняты, какими рассуждениями руководствовались.

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

(Часть третья)

Илья
23 августа 2016

Расскажите об обратной связи в интерфейсе

(Часть первая)

Владимир Усов
16 августа 2016
Вы рассказывали, что добавить полезную информацию — это один из способов повысить информативность. А какие ещё способы есть?
Владимир Усов
9 августа 2016

Вы рассказывали, что добавить полезную информацию — это один из способов повысить информативность. А какие ещё способы есть?

Евгений Кот
2 августа 2016

Илья, а расскажите про процесс разработки схемы метро. Какие решения были приняты, какими рассуждениями руководствовались.

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

(Часть вторая)

Михаил Курносов
26 июля 2016

Здравствуйте!

Что думаете про использование скобок «))» в качестве смайлов и выражение эмоций в официальных аккаунтах и на сайтах, да и вообще в интернете? Считаю, что такое допустимо только в личном инстаграме или переписке по воцапу, но никак не в публикациях официальных групп или новостей на сайте. Уже давно изобрели эмодзи. Давайте пользоваться ими. Что думаете?

P. S. Кстати, любимые скобки в качестве выражения радости или смеха — русская особенность. Вы никогда не увидите в американском сегменте блогинга подобие «Oh my dear)))))». Если на иностранном сайте увидите скобки — перед вами русский)).

Евгений Кот
19 июля 2016

Илья, а расскажите про процесс разработки схемы метро. Какие решения были приняты, какими рассуждениями руководствовались.

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

(Часть первая)

Алексей Швачка
12 июля 2016

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

Илья
5 июля 2016

Расскажите о графеме транспортной схемы.

Часть вторая

Антон Семёнов
28 июня 2016

Много раз слышал о правиле семи элементов: должно быть не более семи пунктов в меню, не более семи кнопок на тулбаре. Объясните, как это применять в реальности. Как быть, если мне нужно больше пунктов? Мне кажется, решение, когда не влезающее прячут за кнопку «Дополнительно» или что-то подобное — костыль. Как сделать, чтобы было удобно?

Илья
21 июня 2016

Расскажите о графеме транспортной схемы.

Часть первая

Максим
14 июня 2016

Добрый день!

Собираю сайт для фотографа.

Хорошо ли заглавная страница сайт объясняет суть своего существования?

Хочется ли связаться с Региной?

Что здесь не работает?

Что нужно добавить?

Спасибо!

Илья
7 июня 2016

Как упростить попадание мышью или пальцем в элементы интерфейса?

Часть четвёртая

Илья
31 мая 2016

Как упростить попадание мышью или пальцем в элементы интерфейса?

Часть третья

Илья
24 мая 2016

Как упростить попадание мышью или пальцем в элементы интерфейса?

Часть вторая

Илья
17 мая 2016

Как упростить попадание мышью или пальцем в элементы интерфейса?

Часть первая

Илья
10 мая 2016

Как теория близости работает в интерфейсе?

Часть вторая

Илья
3 мая 2016

Как теория близости работает в интерфейсе?

Часть первая

Полина Волкова
26 апреля 2016

Илья, вы рассказали о последовательном волшебстве. А как сделать, чтобы волшебство казалось пользователю последовательным?

Илья
19 апреля 2016

Что такое последовательное волшебство?

Никита Ларионов
12 апреля 2016

Как поправить это расписание?

Иван Баранов
5 апреля 2016

Вот как на языке Аутлука будет «Нет новых писем». Почему в программах появляются такие нечеловеческие сообщения?

Илья
22 марта 2016

Что такое технозависимость?

Артур Гареев
15 марта 2016

В своем блоге вы написали про наклейку, что «пиктограмма уродлива, зачем-то состоит из трёх цветов и перечёркнута не в ту сторону».

А как должна быть перечёркнута пиктограмма?

Илья
8 марта 2016

Что такое модальность и почему её принято ругать?

Третья часть

Арсений Максимов
1 марта 2016

Какие есть виды обозначения остановок, пересадок, линий и их номеров в транспортных схемах? В чём их различие и в каких случаях использовать те или иные?

Часть пятая

Илья
23 февраля 2016

Что такое модальность и почему её принято ругать?

Вторая часть

Илья
9 февраля 2016

Что такое модальность и почему её принято ругать?

Первая часть

Арсений Максимов
2 февраля 2016

Какие есть виды обозначения остановок, пересадок, линий и их номеров в транспортных схемах? В чём их различие и в каких случаях использовать те или иные?

Часть четвёртая

Илья
26 января 2016

Что дизайнер интерфейса должен знать о привычках?

Часть третья

Илья Сидорчик
12 января 2016

В школе на двери каждого кабинета висит информация о том, как его проветривать.

Кабинеты проветривают на переменах, и я заметил, что написано прошлогоднее расписание. Решил сделать новую версию: обновить время и улучшить вёрстку.

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

Арсений Максимов
5 января 2016

Какие есть виды обозначения остановок, пересадок, линий и их номеров в транспортных схемах? В чём их различие и в каких случаях использовать те или иные?

Часть третья

Илья
29 декабря 2015

Что дизайнер интерфейса должен знать о привычках?

Часть вторая

Александр Бородкин
22 декабря 2015

Победил ли я Библиотеку имени Арбатско-Боровицкого сада?

Илья
15 декабря 2015

Что дизайнер интерфейса должен знать о привычках?

Часть первая

Арсений Максимов
8 декабря 2015

Какие есть виды обозначения остановок, пересадок, линий и их номеров в транспортных схемах? В чём их различие и в каких случаях использовать те или иные?

Часть вторая

Эльдар Азизов
1 декабря 2015

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

Решил использовать таймлайн вместо таблицы. Я пытался разделить на уровни представления информации: карточка, дата, шкала. 1-й блок (45 пикселей — 1 год) и 2-й (120 пикселей — 1 год) блок временной шкалы имеют разный масштаб. Всё ли я учёл в инфографике и сетке?

Роман Хлебников
24 ноября 2015

Илья!

Вот переделал расписание маршрутного такси. Что с ним не так?

Арсений Максимов
10 ноября 2015

Какие есть виды обозначения остановок, пересадок, линий и их номеров в транспортных схемах? В чём их различие и в каких случаях использовать те или иные?

Часть первая

Илья
3 ноября 2015

Что такое интерфейс?

Слава Кузнецов
27 октября 2015

Если дизайн лондонской схемы метро Генри Бека так хорош, то почему нельзя использовать его принципы при создании всех транспортных схем в мире?

Четвёртая часть

КУС
6 октября 2015
Итоги конкурса уважаемых советчиков «Персональная навигация по зданиям»
КУС
29 сентября 2015

Персональная навигация по зданиям

Кирилл Михайлов
22 сентября 2015

Какие пункты меню на сайте должны быть обязательно, а без каких можно обойтись?

Слава Кузнецов
15 сентября 2015

Если дизайн лондонской схемы метро Генри Бека так хорош, то почему нельзя использовать его принципы при создании всех транспортных схем в мире?

Третья часть

Илья
8 сентября 2015

Что должно быть на продуктовой странице сайта?

Слава Кузнецов
1 сентября 2015

Если дизайн лондонской схемы метро Генри Бека так хорош, то почему нельзя использовать его принципы при создании всех транспортных схем в мире?

Вторая часть

Андрей Петров
25 августа 2015

Недавно Эпл встроил интернет-магазин прямо в сайт. Теперь корзина (точнее, «пакет») всегда висит в углу. Как вам?

Слава Кузнецов
18 августа 2015

Если дизайн лондонской схемы метро Генри Бека так хорош, то почему нельзя использовать его принципы при создании всех транспортных схем в мире?

Первая часть

Илья
11 августа 2015

Как сделать, чтобы человек не ушёл с сайта, докрутив страницу до конца?

Антон Крюкин
4 августа 2015

Как вам новая схема лондонского ночного метро?

Илья
28 июля 2015

Как сайт может повысить доверие посетителя к компании?

Георгий Купцов
21 июля 2015

Какие отступления от географической реальности допустимы на транспортных схемах? Третья часть

Антон Фёдоров
14 июля 2015

Как сделать интерфейс дружелюбным?

Георгий Купцов
7 июля 2015

Какие отступления от географической реальности допустимы на транспортных схемах? Вторая часть

Сергей Сандалов
30 июня 2015

Делаем сервис онлайн-бронирования услуг красоты. Как, по вашему, удобно ли пользоваться сервисом? Что можно улучшить? Реальные мастера есть в Кировской области.

Георгий Купцов
23 июня 2015

Какие отступления от географической реальности допустимы на транспортных схемах? Первая часть

Иван К.
16 июня 2015

Форма редактирования профиля.

Лишних полей нет, убирать нечего. Как можно её улучшить?

Станислав Кудрин
2 июня 2015

Добрый день!

Попалась на глаза вот такая интерактивная иллюстрация сети ресторанов во Львове. Ввела в ступор. Посоветуйте, пожалуйста, как можно её переработать.

Миша Борисенко
26 мая 2015

Илья, с давних времен минское метро (на самом деле не только) славится тяжёлыми дверями, а также привычкой пассажиров их придерживать.

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

Поможет ли немного исправить ситуацию «прямое обращение» и немного зеркальной пленки?

Никита Половец
19 мая 2015

Илья, обязательно ли выделять посещённые ссылки, и если да, то почему? Я считаю, что пользователю необязательно подсказывать о старой ссылке, ведь он и так знает, куда он кликал. Есть сомнения. Расскажи своё мнение.

Дизайнер Львов
12 мая 2015

Илья, укажите главные ошибки новой троллейбусной схемы Севастополя
Андрей Медведев
5 мая 2015

Илья, привет!

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

Спасибо!

Глеб Михальченков
28 апреля 2015

Илья!

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

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

Как правильно нумеровать квартиры и помещения? Речь идёт о зданиях без лифта, в которых на площадку ведёт одна лестница, а в коридор одна дверь.

Игорь
7 апреля 2015

Сначала было два графика. Один отображал ссылки со страниц, другой — ссылки с доменов. Мы решили объединить эти значения в один график. Но обычно страниц ссылается всегда больше. Например 10 млн страниц и 16 тыс. сайтов. Мы решили сделать величины относительными свой оси и разделить цветами. Что думаете о таком решении?

Михаил
31 марта 2015

Что вы думаете про иконку лифта?

Виталий Кузнецов
24 марта 2015

Что вы думаете о нынче модных «лендингах», почему отдают предпочтение им, а не классическим сайтам со структурой и ссылками?

Александр Клейненберг
17 марта 2015

Решил сделать схему линий метрополитена Санкт-Петербурга до 2025 года. Нашёл в интернете план и решил сразу приступить к отрисовке линий, изредка поглядывая на миланскую схему.

Могу с 90%-й вероятностью угадать, с какой стороны в меня полетят первые камни: сочетание цветов (серая и чёрная линии), два типа линий (красная и жёлтая линии выбиваются из общей массы толщиной и собственными обозначением станций — нонсенс с точки зрения навигационного дизайна и инфографики), невнятное обозначение переходов (путь наименьшего сопротивления), расстояние между станциями и текстовые массивы (например, Пушкинская / Звенигородская или Садовая / Спасская / Сенная площадь). Прокомментируйте, пожалуйста, работу с профессиональной точки зрения.

Если с профессиональной точки зрения всё будет очень плохо, то может хотя бы с точки зрения эстетики балл накинете?

Дмитрий Жлобо
10 марта 2015

Зачем нужна анимация в интерфейсе? Когда стоит, а когда не стоит её использовать?

Антон Иванов
3 марта 2015

Вопрос про дизайн турникетов.

Перед турникетами метро Гонконга выстраиваются очереди. Причина — турникет длинный, около полутора-двух метров, и каждый человек ждёт, пока предыдущий человек полностью выйдет за пределы турникета. Только после этого он прикладывает свой проездной и заходит сам. В итоге каждый пассажир проводит 2-3 секунды в ожидании перед турникетом. Десять человек — и очередь на вход уже полминуты.

На самом деле турникеты умные и асинхронные — можно приложить хоть десять проездных, а потом запустить десять человек. Турникет ведет счёт правильно, никогда не ударяет по ногам, и можно заходить вплотную за предыдущим пассажиром.

Как бы вы наглядно сообщили пассажирам, что ждать у турникета не нужно?

Александр Онищенко
24 февраля 2015

В каких случаях ссылка должна открываться в новом окне или вкладке браузера?

Илья Бирман
17 февраля 2015

Разбор итогов конкурса «Как улучшить навигацию»: торгово-развлекательный комплекс

Андрей Володин
10 февраля 2015

Нужен ли пробел после «ул.», «г.» и т. д.? Например, «ул.Ленина» или «ул. Ленина»?

Елена
3 февраля 2015

Илья, здравствуйте!

Стояла задача — переверстать табло Курского вокзала. Мне стало интересно, но я пока крайне слаба в работе с информацией и типографикой. Буду благодарна за советы. Какие книги почитать и работы посмотреть, которые касаются работы с информацией?

Спасибо.

Павел Сикорский
27 января 2015

Здравствуйте, Илья!

Расскажите про вёрстку больших таблиц.

Как избежать горизонтальной прокрутки при работе с таблицами из 20 колонок?

Илья Бирман
20 января 2015

Разбор итогов конкурса «Как улучшить навигацию»: институт

Артур Липский
13 января 2015

Здравствуйте!

Мною был разработан дизайн сервиса «Эвентс мэп» на котором посетители смогут находить ближайшие интересные мероприятия, концерты, тренинги и вечеринки в своем городе. Подскажите, пожалуйста, как можно сделать его лучше и удобнее? Какие возможно типовые ошибки были допущены при проектировании интерфейса?

Заранее благодарю.

Кирилл Медведев
6 января 2015

Какой должен быть идеальный маршрутный указатель для трамвая?

Александр
30 декабря 2014

Обновили terasms.ru, что скажете?

КУС
23 декабря 2014

Разбор итогов конкурса «Как улучшить навигацию»: библиотека

Павел
16 декабря 2014

Здравствуйте!

Как вы относитесь к ссылке «Главная» в разделе меню?

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

Вадим Юмадилов
9 декабря 2014

Когда допустимо менять ориентацию карты с привычной север-юг?

Нина Сусикова
2 декабря 2014

Тафти приводит пример с высотой вулканов. Он говорит о том, что эта таблица содержит два уровня информации. Мы можем наглядно оценить распределение вулканов на макроуровне (как гистограмму) и микроуровне (распределение внутри одной тысячи). Почему числа в строке образуют именно такие ряды? В них прослеживается система, но я не могу понять что она отражает.

Почему не «99999877755533200»? Легенда не поясняет, описание тоже. Что я упускаю?

КУС
25 ноября 2014

Разбор итогов конкурса «Как улучшить навигацию»: больницы

Сергей Тиньков
18 ноября 2014

Уместен ли такой фильтр в форме?

Какие виды фильтров есть и когда их следует использовать?

Эдуард Фомин
11 ноября 2014

Постоянно в автобусах встречаются подобные варианты написания зональной стоимости проезда. Как улучшить визуализацию?

Саша Волкова
4 ноября 2014

Что делать со звёздочками и сносками?

Скажем, у меня на экране три картинки, а под ними — информация о сервисе. В одном из текстовых блоков статистика, которую я взяла у стороннего уважаемого ресурса. Вёрстка не позволяет впихнуть данные об источнике сюда же — тогда текстовый блок раздует. В итоге получается: «14 миллионов уникальных посетителей за месяц*», а название источника и год исследования отправляются в подвал. Сноска вызывает недоверие, ведь обычно именно за звёздочками прячут коварные «но» и «если». Как быть?

КУС
14 октября 2014

Разбор итогов конкурса «Как улучшить навигацию»

КУС
7 октября 2014

Итоги конкурса уважаемых советчиков «Как улучшить навигацию».

КУС
30 сентября 2014

Как улучшить навигацию?

Сергей Тиньков
23 сентября 2014

Приветствую!

Необходимо было сделать интерфейс добавления режима работы.

Можно это сделать проще и понятнее?

Илья
16 сентября 2014

Когда указатель лучше подвесить на потолке, а когда — прикрепить на стену?

Евгений Игнашов
9 сентября 2014

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

Егор
2 сентября 2014

Вот схему питерского метро нарисовал. Вдохновлялся схемами московского метро Бирмана и Лебедева. Хорошо получилось? Что можно улучшить?

Глеб Давыдов
26 августа 2014

Обновили дизайн автомобильного сервиса. На ваш взгляд, стал ли интерфейс более простым и понятным для водителя?

Андрей Гуляс
19 августа 2014

Илья, а подскажете бесплатный шрифт для навигации, кроме Ариала? Мне кажется, ПТ Санс не очень подходит, или всё-таки он тоже хорош?

О. М.
12 августа 2014

Здравствуйте! Тренируюсь улучшать таблицы. Нашёл в интернете такую картинку, где бросается в глаза отсутствие цифр в колонках. Как улучшить такую таблицу в угоду удобочитаемости и экономии места? Спасибо.

Максим Попов
5 августа 2014

Здравствуйте, Илья!

Как элегантно решить проблему толстых «жгутов» из маршрутных линий?

В качестве примера взята схема движения общественного транспорта Львова.

Спасибо.

Святослав Родной
29 июля 2014

Привет всем!

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

Занимаюсь генеалогией (родословие, поиск предков и т. д.). Как вы себе представляете наиболее удобный способ заказа услуги по поиску предков?

По-хорошему, с наименьшими проблемами для администрации, нужно задавать много вопросов, по каким линиям поиск, насколько вглубь и т. д. Но, как показывает практика, людям сложно отвечать на такие вопросы, особенно через интернет в форме оформления. Часто люди просто не понимают, что от них хотят. В итоге, если быть ориентированным на клиента, нужно вообще оставлять одну кнопку «Обратный звонок» и всё, никаких заказов услуг. Но такой расклад сильно затрудняет первичную обработку заказов для администрации. Какой тут может быть компромисс? Спрашивать в форме только самое основное и по-минимуму? Например, ориентировочный бюджет и линии поиска (по отцу, по матери)?

Спасибо, c уважением случайный прохожий.

Сергей Конаков
22 июля 2014

В метро указывают направления поездов на одной станции (платформе?) по названию конечных станций: справа поезд в сторону Мымрина, слева — в строну Бабурина. Я же по этой ветке езжу только в центре, и такая навигация мне не помогает, потому что Мымрино и Бабурино ничего не значат для меня.

Как лучше указывать направления движения поездов?

Иван Пришвин
15 июля 2014

Добрый день!

Подскажите, как правильно делать шапку у таблицы в данном случае? Было ли решение сделать табличку, верным?

Василий
8 июля 2014

Привет!

Иногда попадаются указатели, где вместо расстояний до какого-то места указывают время. Например, в аэропорту до определённой зоны вылета — «5 минут». Почему так делают? Как это использовать? Все же люди с разной скоростью перемещаются.

Денис Ермаков
1 июля 2014

Добрый день!

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

Многие наши клиенты первым делом просят разместить на входной странице сразу две формы — для авторизации и для регистрации. Изучив поведение пользователей на подобной входной странице через Вебвизор Яндекс.Метрики, я заметил, что пользователи иногда путаются. Например, игнорируют форму регистрации и пытаются вводить свой электронный адрес в форму авторизации (она обычно расположена слева или выше формы авторизации). Телефонные звонки в службу поддержки сайта также подтверждают такую проблему («не могу зарегистрироваться»).

Как бы вы посоветовали спроектировать такую страницу?

На текущий момент мне кажется, что лучшее решение предлагает Амазон (см. скриншот) — для авторизации и регистрации на первом шаге используется одна форма.

Василий
24 июня 2014

Вопрос в рубрику про навигацию. Есть знак с указанием магазинов в торговом центре: налево, прямо, направо. Список магазинов идёт в столбик. Как упорядочить список, чтобы стрелки считывались наиболее легко?

Михаил Аникин
17 июня 2014

Здравствуйте!

Поступила задача: «Переработать дизайн страницы продукта, не выходя за рамки установленного стиля. Цель — повысить конверсию страницы».

Исправил увиденные в изначальном виде страницы (1) недостатки страницы. Предложил руководителю новый вариант страницы (2). Какие-то вещи были доработаны. Банер убрать так и не удалось. В итоге получили дизайн, который был реализован и запущен (3).

На мой скромный взгляд, итоговый компромиссный вариант несколько уступает дизайну 2. Однако сильно лучше исходного.

Но! Анализ метрик после запуска показал, что конверсия снизилась на 38% (с 3,25 до 2,01%). Подскажите, пожалуйста, что я делаю не так? В чём может быть проблема? Понятно, что ещё есть куда улучшить страницу. Но прежде всего: почему она работает хуже изначального варианта?

Вадим Плешков
27 мая 2014

Нумерация выходов из метро. Как лучше нумеровать: единый стандарт или локальная нумерация в зависимости от географии?

Ольга Шанцева
20 мая 2014

Готовясь к поступлению в Школу стажеров в книге Я. Чихольда наткнулась на словосочетание «Отступ в круглую». Подскажите как он выглядит и используется ли сейчас?

Миша Нозик
13 мая 2014

Музей Гуггенхайма в Нью-Йорке спроектирован так, чтобы посетители двигались в одном направлении: сначала они поднимаются наверх на лифте, а потом спускаются по пандусу, осматривая экспозицию на самом пандусе и в прилегающих залах. Таким образом, пересекающихся потоков посетителей и связанных с этим навигационных задач в музее гораздо меньше.

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

Аня Сидоркина
6 мая 2014

Добрый день! Как вам визитка?

Дизайнер Львов
29 апреля 2014

Скажите, в чём проблемы данной схемы метро.

Тимофей
22 апреля 2014

Здравствуйте!

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

Сергей
15 апреля 2014

Добрый день! Насколько корректный текст? Как можно делать лучше?

Марат Сафи
8 апреля 2014

Здравствуй, бюро!

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

Цель: показать посетителю, сколько он сэкономит, используя светодиодное освещение.

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

Буду рад, если вы укажете на различного рода недочеты. Спасибо.

Евгений Агасьянц
1 апреля 2014

Привет, бюро и советчики!

С рождения живу в одном городе и случайно заметил, что таблички домов в разные. В чём смысл цветового кодирования районов? Кому это полезно? Распространённая практика или редкий случай?

Камиль Миндубаев
25 марта 2014

Какой способ выбора дня предпочтительнее и удобнее, и почему?

Максимальное количество дней — 14 (2 недели).

Пётр Иванов
18 марта 2014

Илья, расскажите, пожалуйста, о грамотных принципах указания сложных направлений на знаках навигации.

Ну, то есть, когда не просто «прямо», «влево», «вправо», а, например, из разряда «за углом и вниз по лестнице», «вход со двора». Имеет ли смысл в таких случаях беспощадно гнуть стрелки и выдумывать оригинальные пиктограммы или можно обойтись просто прямым текстом «куда и где»?

Было бы неплохо увидеть примеры конкретных решений.

Павел Никифоров
11 марта 2014

Один микровопрос мучает меня долгие годы. Литерные номера домов пишутся слитно с последней цифрой, верно? Как быть с литерой «б», которая так и норовит показаться шестёркой? 12б — 126.

Вариант 12Б немногим лучше, 12 «Б» — ужасен.

Александр Колодько́
4 марта 2014

Как вы относитесь к нумерации станций метро? Дело в том, что мне казалось это совершенно ненужной штукой, люди же не настолько тупые, что название не запомнят (ещё нумерация интересная, но её можно понять).

Но однажды я увидел, как иностранцы на английском спрашивали у одного парня, где им выйти, чтобы попасть то ли к театру, то ли к опере. В общем, парень им показал станцию «Золотые ворота», они запомнили именно число «314» и дальше ориентировались по ней. В связи с чем и возник вопрос.

Толя Ларин
25 февраля 2014

Зачем на сайтах веб-студий, диджитал-агентств, маркетинговых агентств нужны страницы «О компании» и «Команда»? Очень много, где встречаются, но зачем эта информация заказчику — непонятно. Можно ли их безболезненно убрать? Если нет, что там должно быть?

Павел Вакуненко
18 февраля 2014

Про платные парковки.

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

Анастасия Костромина
11 февраля 2014

Компания делает лестницы. Ещё у них можно заказать детали для лестницы, а лестницу собрать самостоятельно. Одна из таких деталей — балясина. Это столбик, который поддерживает перила. Для модульных лестниц есть одиннадцать форм балясин. Каждая форма производится в четырёх размерах: 40, 45, 50 и 60 мм. А высота всегда одинаковая — 900 мм.

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

Андрей
4 февраля 2014

Почему навигацию выделили в новую рубрику? Я был уверен, что в дизайне табличек и указателей действуют такие же принципы инфодизайна, как везде.

Николай Аникеев
28 января 2014

Здравствуйте!

«Подробнее…» находится в вашем списке запрещённых слов, почему вы использовали его на сайте «Связного банка»?

Алексей Афанасович
21 января 2014

Илья, расскажите, что такое «септоиосические цвета». Гугль ничего не ответил.

Сергей Иванов
14 января 2014

Вопрос из двух частей, один вытекает из другого. Меня давно беспокоит этот момент незнания и даже могучая справка «Адоби» мне не помогла.

Первая часть. Отчего кегль не совпадает с высотой шрифта в Фотошопе. Например Ариал 12 пк, а высота получается 9 пк всегда. Я не понимаю, почему так происходит — невидимые области? Заплечики или что-то ещё? Некоторые шрифты меньше в высоту, другие больше.

Второй вопрос связан с паранойями по поводу позиционирования элементов. Например, у меня блоки с текстом, я их рисую по высоте строки сначала и потом отмеряю расстояние. Это правильный метод или нет?

Ирина Передрий
7 января 2014

Добрый день!

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

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

Спасибо :-)

Александр Ким
31 декабря 2013

Скажите, когда стоит использовать на сайтах выпадающее меню? В чем плюсы и минусы его использования?

Павел
24 декабря 2013

Привет! Мы — интернет провайдер. У нас есть страничка для создания заявки на подключение пользователя. Мы ей страшно гордимся, но топ-менеджмент считает, что в ней что-то не так… Хочется услышать ваше мнение. Спасибо.

Ярослав Яркий
17 декабря 2013

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

Вопрос: можно ли как-то перестроить таблицу без потери смысла и легкости запоминания? Спасибо.

Евгений Горман
10 декабря 2013

Как работать дизайнером, если практически нету портфолио?

Евгений Стариков
3 декабря 2013

Здравствуйте!

Задача: спроектировать форму опросного листа. Выяснив все нюансы, приняв во внимание все комментарии клиента, я сделал вот такую форму. Можно ли её как-то улучшить/упростить?

Александр Кожин
12 ноября 2013

Здравствуйте!

У меня вопрос на тему удобства и правильного использования фильтров при поиске товаров.

Как правильно отображать начальное состояние фильтров по производителю с использованием чекбокса? Начальное состояние должно быть «все выбраны» или «не выбрано ни одного»?

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

Спасибо.

Максим Березин
5 ноября 2013
    Какой из способов передачи макетов верстальщикам вы считаете правильным?
  1. Передача макета в ПСД с пояснениями;
  2. Подготовка исходников (указание всех шрифтов, размеров, поведения, можно даже основные дивки набросать);
  3. Передача верстальщику исходников (в форматах Иллюстратора, Индизайна или Фаерворкса). Я там же описываю поведение элементов макета. А верстальщик готовит для себя материалы сам.
Олег Малыхин
29 октября 2013

Перед вами редизайн сайта по продаже и доставке цветов.

Хотелось максимально упростить сайт, сделав акцент на фотографиях продукта (красивые же) и улучшить поиск.

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

Обязательно ли выносить названия цветов рядом с иконками? Или же достаточно всплывающих подсказок? Достаточно ли заметна корзина заказов? Что нужно переделать и что можно улучшить?

Евгений Стариков
22 октября 2013

Что делать, если заказчик после постановки задачи по проекту предоставляет свои наработки, макеты и прочее? Принимать их в расчёт или нет?

Илья Синельников
15 октября 2013

Илья, москвич и фрилансер Михаил Квривишвили выиграл открытый конкурс дизайна бостонской схемы метро.

Что скажешь о схеме?

Артём
8 октября 2013

Здравствуйте, я начинающий веб-дизайнер. Это одна из моих работ. Не могли бы вы описать её недостатки, ошибки, слабые и сильные стороны, если таковые имеются :-) Заранее большое спасибо.

Алексей Носаченко
1 октября 2013

Как правильно организовать и оформить раздел «где купить» при условии, что есть большой список городов и к ним прилагается список магазинов? Насколько уместен текущий вариант?

Сергей Серёгин
24 сентября 2013

Попробовал улучшить табличку с расписанием автобусов. Имеет ли такое решение право на существование? Что можно улучшить? Что-то подсказывает, что с данными здесь не очень удобно работать.

Александр Стецюк
17 сентября 2013

Здравствуйте!

Когда говорят о дизайне сайта используют такие словосочетания: «эскиз сайта», «прототип сайта», «шаблон сайта», «макет сайта». В чём разница между этими словами? Я, например, под шаблоном и макетом подразумеваю одно и тоже. Правильно ли это?

Спасибо.

Сергей Дробот
10 сентября 2013

Илья, у меня была задача нарисовать график проведения конференций. Какой, по твоему мнению, вариант лучше — табличкой или календарём? Заказчики упираются в табличку, мне более удобно календарём. Может что-то надо улучшить в календаре?

Родион Обух
3 сентября 2013

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

Александр Колодько
27 августа 2013

Здравствуйте!

Подскажите, как с вашей точки зрения удобнее представить время работы некой организации, которая работает в определенный промежуток времени (3 недели) на время проведения турнира? Плюс часть дней рабочий день с 9 до 17, а в некоторых промежутках — с 9 до 21.

Я предложил вместо таблицы (1-й вариант) сделать календарную сетку, где в каждый конкретный день видно время работы (2-й вариант), но мне сказали что оно «не читается». Скажите, кто прав?

Валера Антонов
20 августа 2013

Привет! Я учусь на первом курсе политехнической шараги и меня очень огорчила программа по информатике (профильный предмет, ага). В частности, нам посоветовали готовиться по материалам жуткого, уродливого, неграмотного и просто убогого сайта на Народе. Как перфекционист, я не мог с этим смириться, и за один приятный вечер написал пару статей у себя, хотя до этого дела с ХТМЛ не имел. Что можно улучшить? Стоит ли продолжать или я безнадёжен и у меня нет вкуса?

Алексей Лебедев
13 августа 2013

Про многоточия. Уместно ли использовать многоточия в форме поиска «Введите что-нибудь…» или, например, в форме для комментариев «Введите текст комментария…»?

Камиль Миндубаев
6 августа 2013

Решил улучшить график результатов победителей олимпийского финала по плаванию на расстояние 200 м. Какие были допущены ошибки? Что ещё можно улучшить и изменить?

Матвей Правосудов
30 июля 2013

Это действительно очень плохая кнопка, или всё не так плохо?

Алексей Володин
9 июля 2013

Добрый день, советчики!

Работаю над своей системой управления контентом. В ходе разработки возник вопрос: идеальная панель администратора, какая она? К чему стремиться, на кого ориентироваться?

Артём Куликов
2 июля 2013

Когда правильно использовать многоточие в пунктах?

Виталий Кузнецов
25 июня 2013

Есть задача: выделять темы в поле для ввода, как в хештеги твиттере. Будет ли пользователю понятна такая простая подсказка сбоку от поля?

Спасибо!

Евгений
18 июня 2013

Здравствуйте!

Мы постоянно спорим с арт-директором о выравнивании по вертикали текста на кнопках. Я выравниваю по прописным буквам, он же говорит, что это неправильно, и выравнивать надо по строчным. Кто из нас прав и почему?

Илья Страйков
4 июня 2013
Чем отличается блог с комментариями от блога с отключенными комментариями? Что правильнее?
Александр Ревяко
28 мая 2013

Илья, хотел бы узнать ваше мнение об этой схеме и как вы относитесь к тому, что ваша идея со стрелками в алфавитном указателе «пойдёт в народ»?

Оригинал покрупнее

Илья Страйков
21 мая 2013

Табличка про смену телефонов, которую показывают по телевидению. Как задизайнить её по уму?

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

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

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

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

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

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

Алексей Бабиев
23 апреля 2013

Здравствуйте, господа советчики!

В категории category есть статья article. Её адрес — http://blog.ru/category/article/. Читатель набирает в браузере: http://blog.ru/article/.

Как поступить правильно по отношению к читателю и поисковикам?
1) редиректить сразу на http://blog.ru/category/article/
2) дать страницу 404, где предложить перейти по ссылке http://blog.ru/category/article/
3) вывести статью по адресу http://blog.ru/article/, несмотря на то, что она живёт по вышеуказанному адресу

Я склоняюсь к первому варианту, но сомнения грызут таки.

Александр Сид
16 апреля 2013

Добрый день!

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

Максим Никифоров
9 апреля 2013

Грамотно ли использовать радиокнопки взамен чекбоксам несмотря на то, что это реклама?

Саша Кириков
2 апреля 2013

Будущее или утопия?

Марина Зайцева
26 марта 2013

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

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

Виталий Кузнецов
19 марта 2013

Как правильно должна идти нумерация?

1 2 3 … 268 269 270
или
270 269 268 … 3 2 1?

Заметил на одном сайте обратную, очень понравилась, сразу понял как много страниц.

Книги ведь читают с 1 по N, но новую главу всегда в конец добавляют.

Юрий
12 марта 2013

Здравствуйте!

Как правильно писать адреса сайтов в офлайновом мире? Скажем, на упаковке товара.

    Есть ли среди этих вариантов правильный, или оформлять надо иначе?
  • example.com
  • www.example.com
  • http://example.com
    Можно ли в адресах, состоящих из нескольких слов выделять начало слов заглавной буквой?
  • ExampleSite.com

Спасибо.

Константин Когут
5 марта 2013

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

КУС
26 февраля 2013

Итоги конкурса уважаемых советчиков «Как улучшить интерфейс Третьяковской галереи».

КУС
19 февраля 2013

Как улучшить интерфейс Третьяковской галереи?

Конкурс уважаемых советчиков и приглашение на собеседование в бюро для победителя.

Александр
12 февраля 2013

Добрый день!

Я давно знаком с Фотошопом. Но за время нашего знакомства мне так и не открылся один инструмент: не могу понять смысл кривых и принцип их использования. Известно, что Фотошоп – редактор, в котором одного и того же результата можно добиться разными методами. Пожалуйста, объясните на наглядном примере, в чём преимущество кривых, и как ими пользоваться.

Андрей Тонконогов
5 февраля 2013

Какую вы методику используете при оформлении стандартной текстовой страницы на сайте (например «О компании») и что включаете в стандартный набор?

Поясню на примере. Обычную текстовую страницу я делаю одним слоем. Напечатал текст, а потом в этом слое разбиваю его на h1, h2, h3, h4, добавляю списки (цифровой и пунктами), цитату, посещённую и не посещённую ссылку, а потом назначаю заголовкам шрифт, размер, отступ, интерльяж, прочее.

Хотелось бы от вас услышать как вы подходите к созданию обычной текстовой страницы, в чем плюсы и минусы моего / вашего подхода, добавляете ли вы таблицу и т. д.

Алексей Станко
29 января 2013

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

Алексей Лебедев
22 января 2013

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

Лоран
15 января 2013

Здравствуйте, товарищи!

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

Спасибо.

Тимур Юсупов
8 января 2013

Здравствуйте!

Меня интересует вопрос, связанный с системой регистрации и входа без пароля.

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

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

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

R. Schweppes
1 января 2013

Необходимо ужать эту таблицу до ширины в 600 пикселей. Как это лучше сделать?

Виталий Кузнецов
25 декабря 2012

Как более правильно показать пользователю, что он может заполнить оба поля «email» и «телефон» или только одно из них?

Ирина Куликовских
18 декабря 2012

Добрый день!

Данная форма будет использоваться в основном на планшетных устройствах и, возможно, на нетбуках. Посоветуйте, пожалуйста, как её можно улучшить. Стоит ли делать вкладки для разделения информации или лучше сделать очень длинную прокручиваемую вниз форму?

Максим Софронов
11 декабря 2012

Что нужно сделать, чтобы фотографии раскладывались красиво в хаотичном порядке и размере как на Яндекс.Музыке?

Макс
4 декабря 2012

На картинке экзаменационный лист с результатами теста по вождению в Британской Колумбии (Канада).

    Водитель оценивается по пяти навыкам (A-E). За каждую ошибку экзаменуемый получает 1 очко, а за ошибки, выделенные зелёным цветом — 0,5. Экзамен не сдан, если:
  • по каждому навыку в одной из 4 зон набрано определённое количество очков (error cut-off).
  • водителю не засчитали больше 3 одинаковых манёвров на перекрёстке (манёвр в свою очередь не засчитан, если в нём было больше 1 ошибки).

Было бы интересно узнать ваше мнение про эту форму. Можно ли её сделать понятнее при данных правилах теста?

Роман Кирьяков
27 ноября 2012

Как бы вы изменили вёрстку схемы линий метро, не изменяя конструкцию?
Александр Сорокин
20 ноября 2012

Я сделал схему трамваев Краснодара.

Посоветуйте, как сделать её компактнее? А может не это главная проблема?

Спасибо.

Иван Клименко
13 ноября 2012

Здравствуйте, уважаемые советчики!

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

Евгений Стариков
6 ноября 2012

Здравствуйте, уважаемые советчики!

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

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

Игорь Калашников
23 октября 2012

Здравствуйте!

В некоторых интернет-магазинах натыкаюсь на такое окошко. При нажатии кнопки «Купить» или «В корзину» появляется окно, в котором мне предлагается сразу оформить заказ или продолжить покупки.

Лично мне кажется, что это уместно лишь в магазинах с очень дорогим товаром, когда к нему уже всё идёт в комплекте и пользователь пришёл конкретно за ним. Но зачем делать такое окно в магазинах где пользователю нужно купить сразу несколько товаров и приходится постоянно жать «продолжить покупки»?

Тут есть свои за и против, хотелось бы узнать ваше мнение.

Никита Никитин
16 октября 2012

Расскажите, пожалуйста, как делать подобные обводки в Фотошопе.

Алексей Попов
9 октября 2012

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

Максим Софронов
2 октября 2012

Откуда пошла мода ставить цветные плашки под кнопку сабмита?

Павел Вакуненко
25 сентября 2012

У нас в интернет-магазине есть форма заказа. Подскажите, как её можно упростить, чтобы не потерялась её функциональность? Поля и радиокнопки блокируются в зависимости от выбора пользователя, чтобы не заставлять его набирать ненужное и не подписывать «не обязательно».

Семён Перепелица
18 сентября 2012

Нужно ли подчёркивать точку в конце ссылки?

Андрей Якушев
11 сентября 2012

При регистрации часто есть поле выбора пола. В большинстве случаев оно реализовано дропдауном из пунктов: Не указан, Мужской, Женский. В моём понимании, если можно выбрать пол «Не указан», то это необязательное поле и спрашивать его не нужно. Если же пол нужно узнать, то логично сделать две радиокнопки, которые по умолчанию пустые. Такая реализация например на Рамблере.

Расскажите, как правильно спрашивать пол у пользователей, если это поле обязательное.

Тимур Пожитонов
4 сентября 2012

Есть комплекс продуктов для оптимизации процессов, мониторинга, инсталяции, планирования. Интерфейс и технологии, на которых базируются приложения — разнородные. Это около 7-10 продуктов разрабатываемых уже более 20 лет без дизайнеров. Общее количество экранов — больше 1000.

Руководством поставлена задача: разработать концепцию и гайдлайны по приведению продуктов компании к единым стандартам, единому дизайну, единым принципам. Концепция должна решить проблемы юзабилити, дизайна. За основу предлагается взять микрософтовский стиль «Метро» как новое современное направление в области интерфейсов. Также сделать прототип одного приложения в этом стиле.

Конечная цель заказчика — использование концепции и гайдлайнов для редизайна всех продуктов.

Срок: 9 недель.

По опыту бюро, насколько это выполнимая задача? Правильно ли я считаю, что задача некорректно поставлена, не учитывает разнородность продуктов, данных, пользователей, бизнес-задач?

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

Кто прав?

Евгений Грибодёрчев
28 августа 2012

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

Айдар Беляев
21 августа 2012

Здравствуйте!

    Имеется таблица с текущими проектами, в которой каждой строкой отображается отдельный проект. Строка проекта включает в себя:
  1. Номер договора.
  2. Название проекта. Под названием также выводятся 4 строки с информацией и ссылкой на документы.
  3. Заказчик.
  4. Руководитель, которому в фирме поручен данный проект.
  5. Этапы. Максимальное количество этапов равно 8, однако, в некоторых проектах определённые этапы могут отсутствовать (на рисунке заштрихованы серым).

Текущий этап выделяется красной рамкой, у успешно завершенного этапа название меняет цвет на зелёный. У каждого этапа есть крайний срок окончания (например, у этапа ПИР первая строка с датой), рядом с которым отображается иконка текущего состояния (успешно завершён, в процессе, просрочен, отменён). Вторая дата (строка) в каждом этапе — это крайний срок сдачи отчёта. Также имеет иконку состояния (сдан, не сдан). Обе даты меняют свой фон в зависимости от количества дней до окончания этапа/времени сдачи отчёта (жёлтый — осталось 5 дней или меньше, красный — просрочен).

Подскажите, как лучше отображать этапы?

Никита Вилков
14 августа 2012

Часто встречаю в вакансиях веб-дизайнера, что тот должен уметь верстать, то есть знать ХТМЛ и ЦСС. Так должно быть на самом деле? Что должен уметь веб-дизайнер?

Рома Турбо
7 августа 2012

Как рисуют волнистые линии?

Часто видел, что шаблоны сайтов в портфолио как бы «обрезаются» волнистой линией.

Сергей Николаев
31 июля 2012

Во время изнурительного путешествия в поезде на глаза постоянно попадалось расписание движения.

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

Интересует ваше мнение.

Егор Петров
24 июля 2012

Здравствуйте!

Нужно показать текущую температуру в вакуумной камере в четырёх точках. Сначала я выводил это вертикальными полосками. Однако линейной зависимости, для которой хороши группы вертикальных элементов, между температурами всё равно нет, и потому я решил отдать место под точные показания текстом и информацию о расположении датчиков, соединив их линиямии с «аналоговой» шкалой. То есть на снимке четыре точки расположены как и на самом деле. Хорош ли такой элемент для решения задачи? Какие у него есть проблемы?

Спасибо!

Алексей Беликов
17 июля 2012

Здравствуйте, уважаемые советчики!

Скажите, пожалуйста, откуда пошла тенденция делать подчёркивания ссылок блёклыми? Полноценное подчёркивание — того же цвета, что и сам текст ссылки — отмирает?

Максим Никерман
10 июля 2012

Как вы относитесь к вайрфрейм-прототипам?

Сергей Фёдоров
3 июля 2012

График отражает процесс заливки нефтескважины. Строится в реальном времени (также после окончания работы вставляется отчёт о заливке).

Параметр «объём» считается на основании параметра «расход». Это график одной линии заливки (с одной трубы). Может быть 2 линии заливки. Как можно улучшить вывод при одновременном работе двух линий (т. е. кол-во параметров удвоится)?

Стоит ли переместить легенду? Можно ли как-то улучшить соотношение графиков с вертикальной шкалой значений?

Валерий
26 июня 2012

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

Рома Шавня
19 июня 2012

Как вы считаете, чем обосновано дублирование основного меню в «подвале» корпоративного сайта и интернет-магазина? Когда уместно его добавлять в «подвал», а когда нет?

Сергей Саржевский
12 июня 2012

Требуется сделать форму для подбора эвакуатора по Москве и области.

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

И есть дополнительные параметры, такие как грузоподъёмность эвакуатора и его тип.

В идеале, конечно, разметить карту с Яндекса и дать возможность показать точно, где находится нуждающийся, но это технически не будет реализовано из-за бюджета, как и «умный поиск».

Можно ли сделать форму более удобной для восприятия, не сильно утяжеляя технически?

И можно ли использовать в одном столбце иконки как дополнительный ориентир (метро, шоссе) и как замену слову (метро)?

Игорь Балицкий
5 июня 2012

К «Евро-2012» в харьковском метро появилась новая навигация.

    Несколько вопросов:
  1. Стало ли лучше?
  2. Как вам идея нарисовать каждой станции иконку вообще и насколько хороши харьковские иконки в частности?
  3. Как вы думаете, не обескуражит ли иностранцев слово imeni?
  4. Некоторые говорят, что написали мелко, некоторые — что по-европейски. Кто ближе к истине?

Спасибо.

Руслан Лобарев
22 мая 2012

Делаю сайт оценки стран по разным критериям (facenations.com). Посоветуйте как улучшить главную страницу — сделать более понятным процесс оценки. Некоторым не сразу понятно, что можно выбрать несколько стран; что для оценки нужно нажать кнопку «Поделиться мнением»; кажется, что выбрав страну должна сразу занестись оценка и автоматически перейти к следующему критерию.

Никита Никитин
15 мая 2012

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

Виктор Лобанов
8 мая 2012

Как можно сделать схему понятнее и проще?

Можно ли что-то сделать с «перепутанными» днями 26—29 июня?

Ещё интересует, как можно поступить с матчем за третье место, чтобы смотрелось органично и понятно.

Денис Атясов
1 мая 2012

Можно ли иногда всё-таки использовать в таблицах разделение строк линиями или делать чересполосицу?

Анатолий Карасов
24 апреля 2012

Есть некий инструмент быстрой закупки множества товаров из интернет-магазина. У каждого товара может быть до трёх цен (розничная, оптовая и акционная, то бишь со скидкой). Товар в корзину можно добавить с каким-то одним условием. В корзине условия менять можно, оптовая цена начинает действовать при определённом количестве товара. Суть в том, чтобы дать возможность закупщикам из списка товаров быстро собрать заказ, при этом сразу выбирая с каким условием (и соответственно начальным количеством) добавить товар в корзину. Натыкал в списке → нажал кнопку → список в корзине.

Так вот, что в таком случае логичнее поставить возле цен — чекбоксы или радиокнопки? Проблема в том, чтобы дать пользователю возможность снять выбор. Выбрать можно или что-то одно, или ничего.

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

Если использовать чекбоксы (я за этот вариант), то тут, с одной стороны, логика «включен/выключен», но с другой, ребята считают нелогичным такое поведение, когда включение одного выключает другой, типа это инструмент множественного выбора.

Что по вашему мнению будет логичнее?

Михаил Богданович
17 апреля 2012

Хороша ли идея привнесения тачскринов в повседневный мир, или тут проще оставить механический выключатель? Что можно улучшить в интерфейсе?

Арнольд Сахнов
10 апреля 2012

Данный «попап» — таблица спряжений глагола. Таблиц три, по одной на формы каждого времени: прошедшего, настоящего и будущего.

Какими иконками лучше всего проиллюстрировать кнопки времён? Есть ли какой-то способ наглядно изобразить грамматическое «прошлое», «настоящее», «будущее»?

Был бы рад любым другим советам по улучшению этого элемента интерфейса с точки зрения юзабилити.

Спасибо.

Александр Карпов
3 апреля 2012

Задумал сделать простенький магазин игрушек без регистрации, с заказом в 3 клика (в корзину → номер телефона → получить, спасибо разработчику этой крутой штуки). Извлёк из себя картинку этого всего.

Вопрос в том, как можно ещё упростить процесс общения с сайтом для пользователя (добавить иконки платёжных систем, с которыми можно работать — это понятно, но как избавиться от мусорных пунктов «доставка» и т. д.., но при этом сохранить какие-то элементы доверия по этому поводу)?

Эрнесто Оливио
27 марта 2012

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

Егор
21 марта 2012

Есть такой вопрос по фильтрам.

Например, на известном Звуке.ру, когда несколько фильтров объединены в категорию, при выборе подкатегории общее обозначение не меняется. Если выбирать Tech House, всё равно активен фильтр House, а выбранная подкатегория видна внизу в дублирующей навигации.

Вопрос — уместна ли это логика? Можно ли как-то её улучшить?

Дмитрий Томась
20 марта 2012

Добрый день! Подскажите, как правильно оформить на сайте раздел с корпоративными / тематическими обоями?

    Варианты превью:
  • с разрешениями в строку?
  • с маской и разрешениями в столбец?
  • с бликом и разрешениями и размерами в столбец?
  • с реалистичным видом на мониторе?
Саша
13 марта 2012

Привет!

Возникла трудность с отображением категорий продуктов. Иконками делать нельзя — их получится слишком много на сайте. Как укомплектовать эти группы чтоб пользователь интуитивно понимал что где искать? И чем заменить слово «изделия»? Слишком длинное словосочетание получается.

Михаил Шамин
6 марта 2012

Помогите разобраться, всё ли хорошо, всё ли правильно, всё ли современно?

Антон Иванов
28 февраля 2012

В приложении для Айфона есть экран, где необходимо выбрать ставку НДС. Это обычный список, полная аналогия выпадающего списка из веба. По умолчанию всегда выбран пункт «НДС не облагается», это бизнес-требование. Также есть поле «ввести НДС вручную», при его выборе появляется поле ввода для суммы НДС, которая включена в платёж.

Сейчас это список отсортирован по возрастанию, но есть предложение отсортировать его по частоте использования. Так как чаще всего встречается ставка 18%, при этом первым пунктом оставить «НДС не облагается», потому что он выбран по умолчанию.

    Получается так:
  1. НДС не облагается
  2. Включая НДС 18%
  3. Включая НДС 10%
  4. Включая НДС 0%
  5. Ввести сумму НДС вручную

Правильно ли так сортировать такие списки? Если нет, то как лучше сделать это?

Шамиль
21 февраля 2012

Здравствуйте!

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

Если для 12 городов-миллионеров сделать красивый и наглядный рейтинг было не сложно, то с крупнейшими городами (на скрине) уже начались проблемы. Мой вопрос: как можно было бы увеличить наглядность и информативность рейтингов (учитывая, что список городов возрастает, а их масштаб уменьшается)?

Заранее большое спасибо!

Дима Коразза
15 февраля 2012

Здравствуйте!

Недавно закончил свой сайт студии ландшафтного дизайна. Нужен свежий взгляд! Оцените концепцию и логотип! Жажду критики!

Валерий
14 февраля 2012

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

Сейчас смущает надпись «выбрано 5», т. е. интерфейс недостаточно информативен — для того чтобы вспомнить выбранные продукты, следует снова заходить в комбобокс. Конечно, хотелось бы разместить выбранные показатели в несколько строк, но тут имеются некоторые сложности.

Во-первых, комбобоксы участвуют в операции перетаскивания между строками и столбцами. Во-вторых, некоторые показатели могут быть достаточно длинными (5-7 слов), а таких в комбобоксе может быть много. В-третьих, самих показателей может быть много (сейчас они добавляются кнопкой «+»).

Собственно вопрос в том, как повысить информативность этой части интерфейса? Или вообще нужно полностью пересматривать структуру интерфейса?

Олег Малета
8 февраля 2012

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

Валентин
7 февраля 2012

Как можно улучшить форму?

Александр Лунев
1 февраля 2012

Здравствуйте!

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

    У меня два вопроса:
  1. Стоит ли заменять полнотекстовый поиск облаком? Или оставить все как было (каталог ссылок справа), но без строки.
  2. Как считаете, допустимо выносить логотип вправо (мол привычно, что он слева, туда смотрят и т. д.)? Я считаю, что да, но вдруг я ошибаюсь.
Денис Шведюк
31 января 2012

Хочу оформить простую схему из конспекта.

    Искусство:
  1. Музыка.
  2. Танцы.
  3. Литература.
  4. Кино.
  5. Пластичность:
    • изобразительное: а) живопись; б) графика; в) скульптура;
    • неизобразительное: а) архитектура; б) дизайн; в) ДПИ.

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

Евгений Решетнев
25 января 2012

Во всём тексте сноски оформлены цифрами (сверху). В стихотворении можно ли дать сноску сразу после него, и обозначить её звёздочками? Как правильно поступить? Или, может, около каждого из четырёх слов оставить одну и ту же цифру, и сноску сделать внизу, как обычно?

Семён Перепелица
24 января 2012

На многих сайтах, которые я посещаю, разными способами скрываются адреса эл. почты. Либо их вообще не показывают, как здесь, либо показывают в виде картинки или как «someone собака example точка com» (англ. someone at example dot com).

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

Антон Казаков
18 января 2012

Здравствуйте, хотел бы обсудить интерфейс ПО для просмотра изображений — «Ирфанвью» компании «Ауслоджикс». Бесплатное, очень лёгкое и функциональное ПО, но, на мой взгляд, с не самым удачным пользовательским интерфейсом.

    Проведя небольшой юзабилити анализ, составил список изменений по степени важности:
  1. Необходимо правильно сгруппировать иконки в панели инструментов (по степени важности и контексту использования). Так, Open и Save as... в одну группу, особенно неудачно расположен инструмент Delete, который находится рядом с Save as..., причём при удалении файла Undo не работает. Cut, Copy и Paste в другую, Undo и Redo (которое отсутствует, но могло бы помочь при редактировании) в 3-ю, Zoom In и Zoom Out в 4-ю (неплохо бы сделать между ними выпадающее меню с процентами зумирования, т. к. при большом увеличении не удобно много раз клацать «Zoom out»), далее перелистывание изображений и остальные инструменты.
  2. Некоторые иконки непонятны (выручают лишь подписи), особенно последние; About IrfanView вообще лишняя, только засоряет интерфейс.
  3. Стоило бы перерисовать иконки в одном стиле и сделать их более интересными и современными.
  4. Возможно, стоит меню инструментов переместить вправо за главным меню, как это сделано в Фотошопе ЦС5, что позволит увеличить поле для просмотра изображений.

Просьба прокомментировать мои изменения и предложить ваши, для улучшения удобства использования и внешнего вида ПО. Посоветуйте, на что следует обращать внимание в первую очередь при проектировании интерфейсов? Заранее спасибо!

Никита Прокопов
17 января 2012

Иногда очень хочется кардинально улучшить интерфейс продукта, у которого уже есть своя сформировавшаяся пользовательская база. Например, пресловутая лента (ribbon) из Офиса или недавние новые комментарии в ЖЖ.

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

Максим Пономарёв
11 января 2012

Здравствуйте!

Который день подряд борюсь с формой добавления информации о новой программе в нашу БД. После недавних изменений архитектуры форму пришлось дополнить двумя пунктами: «Состоит из» и «Входит в состав». Тут выбираются зависимости — программа может входить в состав какого-то комплекса и может содержать в себе уже существующие компоненты. Они мне режут глаз, но я не знаю, что с ними можно поделать. Прошу совета.

Заранее благодарю за ответы.

Вячеслав Ильинский
10 января 2012

Всем привет!

Почему на Айфоне при нажатии шифта не меняется регистр на самой клавиатуре, а на Андройде — меняется?

Алексей Мальцев
4 января 2012

Можно ли назвать верным решением прокрутку таблицы при наличии большого числа наименований и при отсутствии свободного пространства?

Лёша
3 января 2012

Подскажите, пожалуйста, как сделать форму выбора города наиболее удобной?

Сергей Будяков
28 декабря 2011

Разнесите в пух и прах интерфейс оформления заказа в интернет-магазине.

Саша Гречанный
27 декабря 2011

Добрый день!

На сайте пиццерии есть меню, сортов пиццы много, и поэтому показываем только списком.

В разных филиалах, разные размеры пиццы. Например, только в филиале 2 есть пицца 26 см. Как показать это в одном списке?

Кирилл Жуковский
21 декабря 2011

Здравствуйте!

В свободное время проектирую каталог программ, объединённых по определённому принципу. Никак не получается сделать приятный вывод однообразной информации, чтобы у пользователя возникло желание пролистать всё до конца, или по крайней мере, чтобы поиск нужной информации не был неприятным и утомительным для пользователя. Сейчас пришёл к варианту оформить вывод в несколько колонок. Следует также учитывать, что скриншоты и картинки будут далеко не для всех программ, скорее всего не больше чем 1/3.

Может быть, есть какие-то идеи?

Григорий
20 декабря 2011

Вместе с открытием 2 декабря участка Марьино — Зябликово Люблинской линии, на станциях появились схемы нового дизайна. Очевидно, что использованы многие решения, предложенные в схемах Лебедева и Бирмана: появились засечки, строчные буквы, больше изгибов, а линии стали тоньше. Как результат? Куда посоветуете двигаться дальше?

Никита Лихачёв
14 декабря 2011

Мы публикуем в твиттере заголовки новостных статей (анализируются роботом и публикуются автоматически) и заголовки статей от редакции (пишутся нами и публикуются вручную).

Для того, чтобы их визуально можно было различить, первые обрамляются кавычками, а вторые — нет. Несколько раз столкнулись со случаем, когда заголовок новостной статьи начинается с кавычек, и тогда в начале получается две кавычки, как на иллюстрации. Что делать с кавычками в этом случае, чтобы избежать некрасивого повторения? Есть ли какое-то правило для вложенных кавычек?

Можно ли писать цитату такого вида:
«Только массовые расстрелы «агентов Запада» спасут Родину!» — заявил глава партии чекистов.

Никита Прокопов
13 декабря 2011

Здравствуйте!

В каких случаях в интерфейсе нужно добавлять «спасибо», «пожалуйста»?

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

И так далее. Можно ли здесь придумать какое-то правило? Где вежливость помогает, где мешает? Где неуместна, где ожидаема? Спасибо!

Валерий Попов
7 декабря 2011

Я не знаю, что отвечать, когда на предложение отказаться от текстов для роботов, клиент отвечает «Ну так без продвижения в поисковиках мы завтра же закроемся». Как быть, если мои представления о прекрасном тексте действительно могут обойтись клиенту дорого?

R. Schweppes
6 декабря 2011

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

Как лучше обозвать подразделы категории «Запчасти»?

Сначала было так, как слева. Сеошники дали рекомендацию сделать так, как справа, потому что, например, пункт «Сотовые телефоны», взятый отдельно, действительности не отражает. Но и батарея из «Запчасти для» и «Дисплеи для» меня несколько смущает.

Игорь Скляревский
30 ноября 2011

Здравствуйте, Илья и советчики!

Я сделал карту скоростного транспорта Киева (крупно).

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

Спасибо большое!

Стас Хромов
29 ноября 2011

Здравствуйте!

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

Скажите, пожалуйста, допустимо ли такое решение? Что можно улучшить? Спасибо!

Антон
23 ноября 2011

Здравствуйте!

Для учёта успеваемости студентов мы ведём сводную ведомость на бумаге.

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

Спасибо.

Александр Богданов
22 ноября 2011

Здравствуйте, Илья!

В Эгее страница с предыдущими, то есть более старыми, заметками находится правее:

Заметки  ← следующие  Ctrl  предыдущие →

На странице самой заметки более старая заметка находится левее:

Заметки  ← Название предыдущей  Ctrl  Название следующей →

Артём в совете от 19 февраля 2009 пишет: «Более старые записи должны жить“ левее или ниже». Уверен, что вы не ошиблись, поэтому хочется понять, почему навигация устроена именно так?

Борис Горячев
16 ноября 2011

Делаю каталог для магазина корма. Вопрос — не слишком ли напичкано мелкими деталями, и понятен ли механизм добавления в корзину. Стоит ли как-то сильнее выделить это?

Николай Грачев
15 ноября 2011

Здравствуйте, советчики!

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

Объявление в любом случае публикуется на общих условиях, но в верхнем случае «галочку» можно убрать (и все равно будет публикация на тех же общих условиях), а в нижнем — она статически установлена.

Является ли нижний вариант приемлемым? Необходимо, чтобы подающий объявление если не заказал эти услуги, так просто ими поинтересовался.

Благодарю.

Дмитрий Алмазов
9 ноября 2011

Приветствую!

Есть человек, который с Фотошопом на «Вы» и шёпотом. Из более-менее книг по дизайну им была прочитана книга Круга «Веб-дизайн». При этом он позарился на концепт Айфона 5 исключительно из общих тенденций, при этом с кучей технических ошибок. Мои аргументы не воспринимаются, поэтому очень интересно знать мнение профи: выпустила бы Эпл в таком виде Айфон 5?

Спасибо.

Дмитрий Зелинский
8 ноября 2011

Здравствуйте, Илья. Удобны ли такие схемы маршрутов?

Крупнее: на Ярославском вокзале, в Шереметьеве.

Миша Болдов
2 ноября 2011

Делаю приложение для смарт-телевизора. На экране — лента новостей из разных социальных сетей. Место позволяет разместить два блока параллельно.

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

Как скомпоновать блоки так, чтобы было удобно читать и разместить на экране максимум полезной информации?

Дмитрий Бочаров
1 ноября 2011

Хотелось сделать лаконичную форму регистрации. Имя, почта, возможность регистрации через социальные сервисы и OpedID — обязательны.

Насколько правомерен такой вывод ошибок? Что можно улучшить?

Илья Харитонов
26 октября 2011

Здравствуйте, уважаемые советчики!

Есть форма, и есть поле ввода, куда пользователь вводит контактный телефон. Вроде бы можно засандалить туда маску типа 8 (___) ___-__-__. Но сложность в том, что телефон может быть как мобильный, который обычно записывается в формате 8 950 123-45-67 либо со скобками 8 (950) 123-45-67, так и городской, который обычно выглядит как (3462) 23-45-67.

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

Константин Стихе
25 октября 2011

Мы с другом спорим о том, где должна быть настройка программ на Ай-ОСе: в одином приложении «Настройки», или внутри самой программы. Как вы считаете?

Александр С
19 октября 2011

Всем привет, на сегодняшний день имеется одна проблемка.

Есть большое количество разных графиков, которые в минимально возможные сроки нужно привести к одному формату. С чего лучше начать, какие программы могли бы помочь? В какую строну двигаться? Буду рад любому совету.

Графиков около двух сотен, пример на рисунке.

Ярослав Патрикеев
5 октября 2011

Добрый день!

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

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

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

Спасибо.

Денис Фадеев
4 октября 2011

Илья, подскажите, как можно улучшить таблицу? На узорчики прошу не обращать внимания: заказчик их не хочет убирать, во всем прайс-листе такие.

Юлия Яковлева
28 сентября 2011

Здравствуйте, очень нужен ваш совет. Мы с коллегой спорим. Я считаю, что в таблице вместо «нет ускорения» нужно поставить просто прочерк. Он считает, что надписи «нет ускорения» и «нет бонуса» понятнее для клиента. Мне не нравится это выражение, грубовато оно, кажется. Что скажете?

Равшан Сабиров
27 сентября 2011

Получилось ли улучшить схему? И какие выводы можно из неё сделать зрителю?

Аркон Елизаров
21 сентября 2011

Уважаемые советчики, этот вопрос тревожит меня уже не первый год!

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

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

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

Павел Супрунюк
20 сентября 2011

Здравствуйте, советчики!

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

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

Вадим Бородин
14 сентября 2011

Нарисовал шаблоны для станции техобслуживания. Если вас не затруднит, то раскритикуйте в хлам, пожалуйста.

Задачи перед сайтом стояли самые стандартные для сайтов подобного типа — показать, что есть такая компания; рассказать, чем она занимается, сколько всё стоит, где находится и куда звонить. Всё это следует навесить на вордпресс.

Самому мне результат скорее нравится, смущает только пустырь в шапке страницы с описанием услуги. Знакомые же в один голос твердят, что «серенько», «скучновато» и «да нужно было оранжевых анимационных кнопок на черном фоне заколбасить».

Хотелось бы услышать авторитетную критику, так как это одна из моих первых работ.

Александр Каимов
13 сентября 2011

Добрый день!

Прежде всего, спасибо за рубрику.

Задача стояла следующая: отобразить на карте георафию перевозок транспортной компании (один из разворотов в корпоративной брошюре).

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

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

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

А как вы считаете, какой из этих вариантов более информативен?

Сергей Иванов
7 сентября 2011

Здравствуйте!

Недавно выполнял тестовое задание для товарищей из Ауслоджикс. Хотелось там поработать. Результат им не понравился, причины мне не объяснили, поэтому всё для меня это осталось «нерешённой задачей». Хотя результат мне лично нравится. Задачей было улучшить существующий интерфейс и заодно повысить конверсию.

Интересно ваше мнение по этому моему результату. В правильном ли вообще направлении я двигаюсь, и вообще по-существу: что и где неправильно.

Спасибо :-)

Равшан Сабиров
6 сентября 2011

Как посоветуете облегчить табло курса валют, не отказываясь от фирменных цветов?

Сергей Родин
31 августа 2011

Здравствуйте!

Таблица (краткий и подробный вид) будет использоваться на сайте местной теплосети, в ней — выписка из лицевого счёта абонента. Правомерны ли внесённые изменения? На скриншоте исходная таблица уменьшена в размере, но в реальности она не вмещается в ширину 1000 пикселей. Стояла стандартная задача более компактно и человечно представить данные.

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

Что ещё можно допилить и что улучшить?

Воспользуюсь случаем и задам ещё вопрос. Есть мнение, что людям привычнее (и якобы такая бухгалтерская традиция) видеть в одной строке «Долг на начало месяца» и «Долг на конец месяца», хотя фактически одно дублирует другое со сдвигом в месяц. Но мне кажется проще и понятнее один столбец с долгом. Кто прав?

Спасибо.

Никитос
30 августа 2011

Ребята, посоветуйте как удобно и компактно показать большую иерархию товаров на сайте. Желательно не нарушая структуру сайта (слева довольно узкая колонка с каталогом, справа вывод товаров).

Чтобы не городить кучу выпадающих меню и при этом не прятать от покупателя все категории, мы сделали вот так.

Идея хорошая, но реализация хромает. Всё, конечно работает на аяксе.

Глеб Ревков
24 августа 2011

Сначала данные, потом фильтры. А почему у Гугля и Амазона фильтр слева?

Марат Вышегородцев
23 августа 2011

Илья Бирман, подскажи, как можно улучшить эту и без того замечательную карту-схему железнодорожной станции «Токио» (ПДФ побольше)?

Владимир
17 августа 2011

Здравствуйте! Не могли бы вы рассказать о сглаживании шрифтов в веб-дизайне? В каких ситуациях его стоит применять, в каких нет. Недавно столкнулся с этим вопросом, хотелось бы знать мнение профи.

Юра Останин
16 августа 2011

Илья, что скажете о такой схеме?

Игорь Скляревский
10 августа 2011

Делаю плакат-справочник для турагентств. Предназначен для сотрудников (посмотреть рейтинг отеля и сайт) и клиентов — порадоваться тому, в какое большое количество отелей он может купить тур, и в каком из них сотрудники агенства бывали лично (а значит, могут порекомендовать). На плакате будет 1—1,5 тыс. отелей — чем больше, тем лучше, т. е. плотность информации важна.

Я сделал три варианта оформления списка отелей. Пожалуйста, помогите мне найти правильные ответы на вопросы:

1) Stacked Bars. Сделать ли их одноцветными, тем самым увеличив читаемость, но потеряв информативность (нельзя будет сравнить, где лучше сервис, а где — питание) или оставить, как есть? Может быть, есть способ визуализировать это лучше, не теряя ни читаемость, ни информативность?

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

3) Адреса сайтов размещать под названием отеля (уменьшает компактность и становится труднее находить нужный отель по алфавиту, глаз «спотыкается» об адреса) или справа от названия (на вид «грязнее»)?

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

Есть ли ещё какие-то грубые ошибки?

Слава
9 августа 2011

Здравствуйте!

Объясните, пожалуйста, почему первый вариант правильный, а второй — нет. По возможности конструктивно, нужно защитить дизайн.

Илья Миськов
3 августа 2011

Привет, Илья!

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

Почему полосочки? Неужели они выполняют какую-то технически важную роль? Или можно спокойно и кружки использовать?

Спасибо.

Юра
2 августа 2011

Добрый день.

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

Спасибо.

Денис
27 июля 2011

Как быть с копирайтами на страницах сайта? Например, я запустил сайт в 2000 году, на всех страницах указал в подвале © 2000—2011. Посетитель заходит на одну из страниц, посвящённых моей работе, и видит там эти годы, а работа на самом деле сделана, например, году в 2006. Получается дезинформация. Как быть?

Максим Кучер
26 июля 2011

Доброй ночи. Что считать «висячей пунктуацией» во второй строчке этого текстового блока: скобку или скобку со знаком «+»? Что выносить за линию набора? Если выносить только скобку, то левый край не будет таким ровным из-за очень светлого плюса. А если выносить и скобку и плюс, то получится слишком длинный «вынос». Как быть? Спасибо.

Владимир Коршунов
20 июля 2011

Как грамотнее сделать переходы по ссылкам на сайте и правильнее сделать интерфейс сайта, где есть необратимые операции с данными?

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

Павел Быстрай
19 июля 2011

Илья!

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

Спасибо.

Алексей Пащенко
13 июля 2011

Имею огромное желание программировать на ПХП (именно веб-программирование хочу). Подскажите как люди бывалые, с чего начать?

Из начальных навыков: могу написать ХТМЛ-страницу в блокноте (в смысле, без всяких подсказок и сниппетов Дримвивера) в принципе любой сложности, ЦСС тоже не дурак, работаю с Джумлой, ну вот и захотелось на каком-то этапе расширить функциональность некоторых компонентов, возможно заиметь свои компоненты.

Начал читать Котерова, всё круто, но без примеров и начальных навыков программирования на 190-й странице мозг поплыл. По большому счёту, там с функциями, методами и операторами всякими понятно. Но вот как и куда реально чо запихнуть-вписать, чтобы было счастье?

Какой метод обучения лучше выбрать?

Карвеев
12 июля 2011

Удобна ли такая схема?

Максим Маренков
6 июля 2011

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

Спасибо.

Никита Прокопов
5 июля 2011

Здравствуйте, коллеги!

Можно ли делать такой логин с комбобоксом для внутрикорпоративных сайтов, где круг пользователей заранее известен и ограничен? Лучше ли это, чем традиционные k_s_petrov_78?

Максим Кучер
29 июня 2011

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

Спасибо!

Павел Рябов
28 июня 2011

Здравствуйте!

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

Скажите, какие есть недочёты и что можно было бы сделать по-другому, а что сделано неправильно.

В процессе разработки было много вариантов, от которых я по той или иной причине отказался. Но, возможно, в некоторых вариантах и там были светлые мысли :)

Серёжа Переверзев
22 июня 2011

Карта сайта показалась мне нудной и неинтересной для восприятия, я решил её обновить. Иконки перенесены из заголовков тематических разделов (сайт — что-то вроде новостного блога).

Может ли такой быть карта сайта? Стало ли лучше? Уместно ли цветовое кодирование? Что можно улучшить? Отдельно хотел бы попросить совета о том, как быть с галереей: в ней представлены фотографии по темам из других разделов; можно ли как-то избавиться от повторов в колонке «галерея»?

Евгений Мухамеджанов
21 июня 2011

Здравствуйте, сейчас разрабатываю сайт для учебного заведения, клиент хочет, чтобы на главной непременно была какая-либо анимация. Я объясняю, что она будет только мешать посетителям и отвлекать от основного контента; клиент утверждает, что она, наоборот, привлекает внимание к контенту и удерживает на сайте. Что мне ответить, чтобы переубедить? Спасибо.

Максим Кучер
15 июня 2011

Какой здесь должен быть радиус?

Максим Кучер
14 июня 2011

Здравствуйте! Как вы считаете, что нужно писать в «выпадайке»?
Никита Прокопов
8 июня 2011

Почему на Ютюбе регулятор громкости не показывается сразу, а выплывает только при наведении на иконку? Объясняется ли это с точки зрения какой-либо теории?

Александр Смердов
7 июня 2011

Как представлять недоступные для пользователя функции?

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

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

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

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

Владимир
1 июня 2011

Подскажите, пожалуйста, как лучше: использовать просто выпадающий список для включения / выключения или использовать отдельную кнопку для этих целей? Может есть ещё какие-нибудь варианты решения данной задачи?

Сам я склоняюсь больше ко второму варианту, так как считаю его более наглядным и простым.

Спасибо.

Егор Стремоусов
31 мая 2011

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

Я считаю, что надо использовать ссылку «Выход», поскольку при этом, как правило, изменятся адрес в строке браузера и пользователь переходит на другую страницу (страницу авторизации). Мой оппонент считает, что при разлогинивании пользователь отдаёт системе команду «Выйти», поэтому нужно использовать кнопку.

Рассудите, кто из нас прав?

Саша Югославов
25 мая 2011

Почему подвал киноплакатов всегда набирают сплющенным шрифтом одними заглавными буквами?

Алексей Кучеров
24 мая 2011

Добрый день!

Интересует ваше мнение касательно довольно холиварного спора о том, какой должна быть вёрстка сайта — резиновой или фиксированной. Мнение Тёмы Лебедева я знаю — он однозначно за резиновую. Если вы придерживаетесь позиции «в зависимости от типа сайта», по приведите, пожалуйста, примеры сайтов где, на ваш взгляд, адекватно использовать фиксированную вёрстку, а где — резиновую.

Заранее спасибо.

Кирилл
18 мая 2011

Здравствуйте!

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

Буду благодарен совету или эскизу, что делать с этой страницей… На скрине «dirty» вариант.

Кирилл Мещеряков
17 мая 2011

Привет!

Я совсем не дизайнер, но разработчик. И у меня часто возникают вопросы, ответы на которые не так и легко найти в интернете. Вот, например, такой:

Все видели формы для ввода логина/пароля на Яндексе. Интересно, почему текст центрирован? Ответа я так и не нашёл. Лично мне нравится, но я не знаю почему.

Когда эту идею можно использовать, а когда нельзя? Можно ли её использовать для интерфейса обычных не-веб-приложений? Например, для формочки на иллюстрации?

Заранее спасибо за ответ.

Сергей
11 мая 2011

Доброго времени суток!

Меня интересует профессиональная оценка данного сайта. А именно, насколько он отвечает стандартам веб 2.0, и что в нём можно было бы улучшить. Спасибо.

Николай Грачёв
10 мая 2011

Здравствуйте!

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

В примере указаны иконки из набора. Правильно ли так разделить эти две иконки? Характеризуют ли они два типа отображения карты?

Благодарю.

Тимофей Слепченко
4 мая 2011

По ссылке размещён обзор Веб-ОС 3 от Эйч-пи/Палма. В целом, всё понятно и красиво.

Но вопрос по картинке: почему Delete — зелёным, а не красным (как предупреждение)?

Ярослав
3 мая 2011

Насколько я понимаю, выпуклые полоски на кнопках F и J на клавиатурах существуют для того, чтобы было проще определить положение пальцев. Для чего эти полоски присутствуют на виртуальной клавиатуре Айпада?

Игорь Балицкий
27 апреля 2011

Вот вы мне объясните. С каких это пор перемотка в плеерах стала необязательной опцией? Что заставляет людей сокращать количество кнопок до трёх, а на зажатие кнопок «вперёд»/«назад» ставить громкость?

Максим Кучер
26 апреля 2011

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

Дмитрий Петухов
20 апреля 2011

Уважаемые советчики, здравствуйте!

Я хороший веб-программист. Пишу на ПХП и Питоне. Программирование доставляет мне истинное удовольствие и легко даётся. Но дизайнер из меня никакой. Помню, я ещё со школы часто честно пробовал создать красивый дизайн, вдохновившись чем-либо. Я мог несколько дней провести у компьютера, перебирая пиксели, цвета и расстояния в макете. И всегда получался такой результат, созерцать который было тошно. Всегда.

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

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

Как мне не тратить энергию и заниматься тем, что нравится? Как ваши знакомые программисты делают дизайн? Если вы программист, поделитесь, у вас всё так же?

Александр Шелудько
19 апреля 2011

Здравствуйте. Как вы считаете, стоит ли отказаться от кнопки «Найти» в поиске?

Алексей
13 апреля 2011

Здравствуйте!

Есть такая идея. Посмотрев всяческие фотографии метро северной столицы и поняв, что для иногороднего оно более дружелюбно, нежели родное, решил сделать концепт для московского метро. По идее эта табличка должна висеть перпендикулярно платформе. То есть, когда человек спускается по лестнице/эскалатору, он видит всю линию, а также на какой стороне платформы надо садиться.

Как вам идея? Перспективно, или стоит доработать?

Волк
12 апреля 2011

Марк Цукерберг. Его фамилия на английском произносится как Закерберг. Почему на русский язык его перевели как Цукерберг? Это так должно быть по правилам языка, или это ещё один бессмысленный перевод одного члена Справедливой России?

Алексей Рогулин
6 апреля 2011

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

Может ли, например, в интернет-магазине кнопка «Купить» находиться не на первом экране? Исходя из того, что писал Артём, я сделал вывод что ничего страшного в том чтобы в магазине эту кнопку сразу не показывать, а просто сделать её очень заметной на втором экране.

  • а) Пользователь заинтересован прокрутить страницу дальше и найти эту кнопку «Купить», если ему интересен товар.
  • б) Он понимает, что находится в интернет-магазине, и где-то здесь есть возможность купить или положить в корзину.

Как думаете, не слишком рискованное решение?

Глеб Ревков
5 апреля 2011

Почему на Яндексе такие графики?

Сергей Сурганов
30 марта 2011

Как правильно оформлять подписи в письмах?

Роман Ковбасюк
29 марта 2011

Здравствуйте!

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

Насколько уместна такая форма подачи информации (без названий полей, объединение нескольких параметров в один смысловой блок)? Как сделать ещё проще и чище? Заранее всем спасибо!

Сергей Пряда
23 марта 2011

Задача: сделать красивое и понятное расписание для всех, кто знаком с режимом обучения в этом вузе, т. е. для студентов.

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

Главное — сделать лёгкое считывание предметов в текущую неделю. Решил эту проблему цветом: без заливки — нечётная, бледно-серая заливка — чётная недели. Планируется печатать на обычном ч/б принтере, поэтому в цветах и оттенках сильно ограничен.

Бывает, что одну и ту же пару ведут разные преподы (ин. яз., лаба по физике), поэтому перечисляются оба препода через запятую, и соответствующие аудитории через точку с запятой. Очень важно какая будет пара, поэтому выделил в отдельный столбик лабараторные, практики и лекции.

Пробовал делать расстояния между днями недели: смотрится лучше, но тогда не влезает на формат А4. Делал всё в Ворде 2010 обычной таблицей.

Что можно улучшить? Другие шрифты (использовал ПТ Санс и Камбрию)? Вообще убрать все линии? Нафиг цвета? Перевернуть?

Руслан Якубович
22 марта 2011

Добрый день. Данная схема отображает работу системы (сайта). Что тут можно улучшить? Доступно ли отображено, что отрабатывает на стороне браузера, а что на стороне сервера?

«Старт» — старался показать, что происходит при попадании на сайт. Другими словами, мы просто грузим с сервера нужные файлы.

Пунктирные стрелки обозначают условие.

Все обращения (после загрузки файлов) между браузером и сервером происходят через ajax.

«Вывод» — обновление информации на страницы. Без перезагрузки страницы.

Не пинайте сильно за стиль, сделано силами Паверпоинта.

Павел Т.
16 марта 2011

Приветствую.

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

    Категории разбиты трехступенчато:
  • в первой ступени 3 позиции (включая позицию «все категории»),
  • во второй и третей около 10 позиций.
    У меня есть два варианта, и оба меня смущают:
  • первый, на мой взгляд, достаточно масштабный и не подходит для планшетников,
  • второй неудобен большим количеством кликов.
  • Вы можете мне что-нибудь посоветовать?

Иван Горностаев
15 марта 2011

Привет!

Какие можно сделать выводы глядя на карту кликов? Смущает, что на кнопках «Посчитать» почти нет активности, при этом на остальных элементах везде красный или жёлтый (Яндекс.Метрика). Зачем люди пытаются кликнуть на цену? Зачем люди кликают на само окно (крупное)? Стоит ли показывать цену сразу после заполнения обязательных полей (без кнопки «Посчитать»), а в ходе заполнения необязательных — изменять её в реальном времени?

Оконный калькулятор на сайте. Спасибо.

Дмитрий Пивоваров
9 марта 2011

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

    То есть понятно, что существует два вида таблиц:
  • первые, где данные не имеют значения или непонятны без привязки к заголовку (на рисунке таблица А);
  • вторые, где данные сами по себе понятны и без заголовка (B и C).

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

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

Что вы думаете по данному вопросу?

Алексей Рогулин
8 марта 2011

Как вы относитесь к ссылке «наверх» или «back to top» внизу страницы? Одно время они были довольно распространены, но потом, судя по всему, их вытеснили стандарты Студии Лебедева.

Дмитрий Пичугин
2 марта 2011

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

    Я выделил следующие задачи, которые можно решать через эту интранет-систему:
  1. Обязательные платежи за квартиру. Просмотр счёта, задолженности.
  2. Заказ услуг, включенных в плату за квартиру (сантехник, электрика). На сайте можно выбрать время и ознакомится с чётким списком того, что клиент может требовать без дополнительной платы.
  3. Заказ коммерческих услуг. Замена входной двери, заказ пиццы или вызов такси.
  4. Возможность наблюдения за территорией дома и подъезда через установленные камеры.
  5. Общая информация об управляющей компании (кто работает, кто за что отвечает и т. д.).

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

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

Кирилл Иванский
1 марта 2011

Привет! Слушайте, я понимаю, что вопрос идиотский, но у клиента сцепились по этому поводу директор по юридическим вопросам с маркетингом и половиной совета директоров.

Вот мы пишем в бланке адрес:
ул. Улица, 112 М, г. Екатеринбург, Россия, 620000.
112 М, Ulitsa str., Ekaterinburg, Russia, 620000.

  1. Верна ли последовательность данных в разных языках («Почта России», вроде как, ввела новые стандарты)?
  2. Что мы делаем с буквой «М»? В уставе компании адрес написан именно так. Или «112-М»? Или?
  3. Нужна ли в конце адреса точка? — здесь вообще нашла коса на камень.

Беглое гугление с поверхностым яндексованием не сильно помогли.

Азамат Хасанов
23 февраля 2011

Здравствуйте, уважаемые советчики!

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

Михаил Шарапов
22 февраля 2011

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

Что ещё во внешнем виде сайта может заставлять пользователей нервничать и как это можно исправить?

Валерий
16 февраля 2011

Что можно улучшить?

Константин Янковский
15 февраля 2011

Для сайта заказа товаров сделать авторизацию по номеру телефона.

Телефон у всех один, край два, у параноиков — три. Ок. Не велика беда подобрать телефон, да и номер телефона новый не просто так заводят, а с какой-то целью. У меня, например, два. Один — мой номер, второй — рабочий. Я не буду регистрироваться, чтобы заказать цветочки, на рабочий номер, скорее всего — на свой. И в голову мне не придёт вводить рабочий номер при авторизации на сайте заказа цветочков.

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

Позволит упростить регистрацию при оформлении заказа, пользователю будет предложено только ввести секретное слово (пароль), чтобы система заказов его уже знала.

Хорошо получается? Или всем раздавать логины?

Николай Петренко
9 февраля 2011

Приветствую!

Приучили себя и пытаемся приучить заказчиков к тому, что контакты (адрес и телефон) размещаются в футере сайта. При этом клиент часто просит добавлять раздел «Контакты», который фактически дублирует информацию из футера, ссылаясь на то, что посетители сайта по привычке ищут этот раздел.

Как быть?

Спасибо.

Никита Шеховцов
8 февраля 2011

Добрый день. Интересует расположение дефиса при наборе телефонного номера. Ведь дефис отцентрован по вертикали для строчных букв. Получается, при наборе цифр он всегда ниже, и это выглядит не очень. Как делать правильно, выравнивать или оставлять как есть?

Илья Д.
2 февраля 2011

Здравствуйте.

Как вы считаете, почему до сих пор в браузерах нет возможности навигации по уровням в адресной строке (как это реализовано в Виндоусе 7)? И вообще, нужно ли это в браузерах?

Артур Валиуллин
1 февраля 2011

Артём, Илья, уважаемые советчики.

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

Спасибо.

Александр Баев
26 января 2011

Здравствуйте, стоит задача на сайте недвижимости показать иконками действия «сдать» и «продать».

Подскажите, как лучше изобразить их. На картинке лучшее, что пришло мне в голову, но меня этот результат не совсем удовлетворяет.

Сергей Сурганов
25 января 2011

Как вам интерфейс Виндоус-фона?

Саша Тихонов
19 января 2011

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

Как поступают в бюро?

Дмитрий Ачкасов
18 января 2011

Неужели невозможно создать такую иерархию веб-страницы, чтобы при копировании-вставке только текста сохранялась логическая структура отображаемого? В идеале с дополнительными текстовыми пометами. И если возможно, то почему никто этим не озадачивается?

Антон Ловчиков
12 января 2011

Вопрос по регулярным структурам в вебе.

Как быть, когда есть довольно большой список чего-то с одинаковыми кнопками управления? Например, в Твиттере у каждого твита есть кнопки «Ретвит» и «Ответ». Разработчики решили их спрятать, чтобы не рябило в глазах, и показывать только при наведении на твит. Мне кажется, что скрывать и проявлять кнопки управления неправильно, и поэтому в своих работах (вторая картинка) я просто их «дизейблю». Да, это тоже неправильно, но кнопки хотя бы видно. Какой выход видите вы? Чекбоксы?

Тимофей Слепченко
11 января 2011
    Если в стране всё плохо в плане дизайна, то почему:
  • те, кто хорошо зарабатывает, не сделают, как меценаты, брендбук для поликлиник, остановок и т. д.?
  • есть студенческие строительные отряды, но нет оформительских?
Олег Окулов
5 января 2011

Здравствуйте. В этой таблице отражаются основные показатели футляров под коммуникации на проектируемой трассе. Часть трассы не имеет пикетажа. Таблица была сделана в Экселе. Ниже её вариант для факса и ещё ниже — окончательный вариант, на котором настоял начальник. Мне интересна критика моего варианта.

Андрей Сидоров
4 января 2011

Здравствуйте!

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

Представление собеседников — не самое важное. Вид беседы — гораздо важней и история переписки. Есть вопрос: как сделать, чтобы история сообщений читалась лучше? Мы придумали несколько вариантов представления беседы.

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

2 вариант. Этот вариант будет привычен любителям контактика, коих у нас хватает. Он позволит отказаться от постраничной прокрутки и показывать всю историю переписки на странице. Тут есть два минуса: всё перевёрнуто + навигация по истории будет затруднена (трудно будет придумать навигацию по неделям, месяцам, дням, годам).

3 вариант. Программист предложил засовывать всю историю переписки в блок с прокруткой. Этот вариант я зарисовывать не стал.

Подскажите, пожалуйста, правильный вариант для представления беседы и истории переписки. Можно ли как-то удобней это представить?

Виктор Гринчик
29 декабря 2010

Каким образом показывать правильную индикацию на кнопках? Нужно показывать текущее состояние кнопки или то, с которое перейдёт система после нажатия?

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

Как правильно делать?

Андрей Ржанников
28 декабря 2010

Здравствуйте!

Скажите, в каких ситуациях предпочтительней использовать тот или иной вариант выравнивания. Предполагается, что в левом столбце — заголовки, в правом — значения (текстовые или числовые)?

Андрей Андреев
22 декабря 2010

Уважаемые советчики, как и что можно улучшить в схеме?

Андрей
21 декабря 2010

Здравствуйте.

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

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

Заранее спасибо за помощь.

Тимур Казьмин
15 декабря 2010

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

В списке при этом будут отображаться только те позиции которые, попадают под фильтр. (а может и все данного радиуса, но те, которые не попадают под доп. фильтр, будут «серыми и неактивными»?)

Виталий Золотой
14 декабря 2010

Здравствуйте! Что скажете по поводу такого выбора категорий товаров для интернет-магазина?

Александр Борисов
8 декабря 2010

Здравствуйте, уважаемые советчики!

Подскажите, как лучше поступить с таким большим списком ссылок в ситуации, когда нужно показывать список подкатегорий без перезагрузки страницы: подчеркнуть пунктирной линией все ссылки, или оставить как есть, или подчеркнуть dotted-линией?

Евгений Филатов
7 декабря 2010

Когда хочется писать по-русски, как стоит поступать с расширениями файлов? Пока я взял себе такой формат: «МП3», «ПДФ» и т. д., то есть прописные в кавычках.

Равшан
1 декабря 2010

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

Сергей Стрельцов
30 ноября 2010

Я думаю, что условной привязки к географии (например, только река) достаточно в схемах наземного транспорта. Бывают ли случаи, когда необходимо использовать точную схему, как на варианте справа? Какую из этих схем лучше повесить в трамвае/троллейбусе?

Олег Данилов
24 ноября 2010

Уважаемая команда бюро и уважаемые советчики, как вы думаете, можно ли перенести Главную Кнопку наверх, не озадачивая при этом пользователя сервиса?

Женя Эспо
23 ноября 2010

В каком лице формулировать ссылки и баблы на сайте? Например, ссылка с текстом «Узнать о подробностях акции» или же «Узнайте о подробностях акции»?

Алексей Чижов
17 ноября 2010

Здравствуйте. Что думаете по поводу таких штук? Нужно их делать или нет? Заметил, что, например, на артлебовских сайтах они то есть, то нет.

Булат Альмухаметов
16 ноября 2010

    Клиент попросил переделать схему проезда. Загвоздка в том, что проезд нужно показать в двух масштабах:
  1. Въезд в город, причем с противоположных сторон
  2. Движение в самом городе

Задача усложняется тем, что под рукой есть только спутниковые карты Гугля или Яндекса, а сам я никогда в этом городе не был.

Как бы эту задачу решили в Бюро?

Сергей Сурганов
10 ноября 2010

Стоит ли задавать в интерфейсах прямой вопрос пользователю?

Роман Баранов
9 ноября 2010

Здравствуйте, уважаемые советчики!

Дело в том что я уже несколько лет работаю разработчиком программного обеспечения, и чем больше я этим занимаюсь, тем больше понимаю что по-настоящему тяготею к проектированию пользовательских интерфейсов. Я чувствую в себе способности и потенциал в этой сфере и решил попробовать себя в этом.

Я знаю с чего мне начать, но не знаю к чему мне стремиться. К сожалению в организациях, где я работал, не уделялось должное внимание пользовательскому интерфейсу. Не могли бы вы мне рассказать, какими навыками должен обладать и какими инструментами (программами) должен владеть проектировщик интерфейсов? Что является продуктом его деятельности внутри команды: какой-то документ, описывающий интерфейс или полностью готовые макеты или, возможно, что-то ещё? Должен ли такой человек уметь полностью «отрисовывать» то что спроектировал, или этим занимаются другие люди?

Понятно, что в разных организациях обязанности такого человека могут отличаться. Какие они в Бюро?

Буду вам очень благодарен за подробный ответ!

Андрей Волков
3 ноября 2010

Здравствуйте, Артём, Илья!

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

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

Спасибо!

Александр Циркулевский
2 ноября 2010

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

Тимур Дададжанов
27 октября 2010

Здравствуйте, уважаемые советчики!

Я занимаюсь интерфейсом системы фильтров товаров для сайта по продаже измерительных приборов elizpribor.ru. Различных приборов на сайте несколько тысяч, они объединены в группы-разделы. Хотелось создать удобную посетителям и при этом универсальную в реализации, подходящую под любой раздел, систему фильтров приборов.

    Изучил параметры приборов в различных группах, и выделили четыре типа фильтров:
  1. Простой диапазон.
  2. Сложный диапазон.
  3. Множественный выбор.
  4. Простой вариант «неважно / есть / нет».

Плюс два постоянных фильтра «Производитель» и «Цена», которые есть по умолчанию везде.

Основной идеей работы фильтров было то, что пользователь может выбирать только из существующих, заранее заданных значений фильтров, чтобы не было возможности указать несуществующие значения с нулевым результатом фильтрации, т. е. никаких полей для ввода (кроме фильтра «Цена»).

После реализации задуманного выяснилось, что система все-таки не универсальна — есть параметры, которые не укладываются ни в один из заранее заданных фильтров. Например — «диапазон температур», который имеет для разных приборов значения, вида –18…315 °С или –32…+1650 °С. Если занести этот параметр в фильтр «множественный выбор», то число значений для выбора будет практически равно количеству приборов в группе (около 100). Фильтр «сложный диапазон» не подошёл, т. к. имеет на шкале только плюсовые значения и значения до 1000.

Пробовал разделить этот параметр на два, отдельно для плюсовых и минусовых значений, и использовать простой диапазон – не помогло, плюсовых значений около 30, и линейка выбора не поместилась на экран.

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

Пример работы фильтров

Аскольд Львов
26 октября 2010

Здравствуйте. Сигарный дом «Фортуна» проводит дегустации сигар, на которых витолье предлагает клиентам компании заполнить дегустационный лист. Что скажете о содержании и дизайне этого документа?

Заранее благодарю за ответы.

Сергей Король
20 октября 2010

Здравствуйте!

Читал замечательнейшую книгу Rework и заметил, что в качестве выносок используются вот такие крестики. Выглядит это замечательно, но настолько это оправданно с точки зрения книжного дизайна?

Спасибо.

Сергей Сурганов
19 октября 2010

Как можно улучшить внешний вид билета на поезд, чтобы не приходилось читать инструкции вроде этой?

Александр Пичугин
13 октября 2010

    Здравствуйте. Форма включает в себя 3 этапа:
  1. Открытие данных.
  2. Выбор валюты, суммы и срока займа, инструмент (мёрчант или выписка счёта).
  3. Отображение посчитанных результатов

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

Ренат Газизуллин
12 октября 2010

Здравствуйте.

Задача: сделать одностраничный сайт для небольшой сургутской компании по продаже и ремонту ТНВД. Что скажите, справился? Что получилось хорошо, а что плохо?

Константин Янковский
6 октября 2010

Есть блок, ограниченный по ширине; по высоте максимальный размер такой, как на иллюстрации. Там может располагаться несколько элементов, и они могут быть как длинными, так и короткими (например, Jasba или «Ковровое покрытие Agnella»). Выпадающих списков делать нельзя, все элементы должны быть наглядны и все показаны. В текущем варианте смущает, например, то, что Aparici и Jasba стоят неровно относительно друг друга.

Если сделать столбиками, тогда всё будет гладко и ровно, но может быть длинное название с коротким, и место ограничено, максимум 3 колонки получается. Не вариант.

Подскажете вариант решения?

Илья Харитонов
5 октября 2010

Вопрос скорее к Илье. На этой визитке интересуют знаки препинания — нужны ли, и какие?

Артур Валиуллин
29 сентября 2010

Уважаемые советчики, если банкомат может работать только с одной стороной карты, почему дизайнеру не сделать простую, но, как мне кажется, эффективную вещь — нанести стрелку?

Сергей Спектор
28 сентября 2010

Здравствуйте. Очень нужен совет относительно схем движения электротранспорта.

По решению городских властей на каждой остановке в нашем городе должна находится некая схема. Конкретнее задачу никто не ставил, поэтому нам пришлось это делать самим.

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

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

Мы не учли одного важного момента. Задача будет иметь продолжение. И тут мы столкнулись сразу с несколькими проблемами.

На новом плакате нужно было разместить сразу несколько маршрутов. Если полностью разместить их все, придется на схеме охватить практически весь город, а размер плаката ограничен (80×70 см). При этом, ухудшается и понятность, и читабельность, и информативность. Да и зачем туристам остановки в промышленных и спальных районах?

Если давать их частично, то какую конкретно часть выделять? И что делать с остановками, «не попавшими в кадр»?

Мы решили всё-таки ограничиться центром города, а не попавшие на схему остановки дать списком. Но, по-моему, схема всё-таки вышла перегруженной.

В данный момент возникла новая задача. Построено 8 новых остановок. Уже не в центре города. Они соединены только одним маршрутом. (все, кроме одной, на которой пока вообще нет электротранспорта). Маршрут достаточно длинный. Давать его целиком или частично?

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

В связи со всем сказанным, вопросы к знатокам:

  1. Для чего и кому вообще нужны схемы маршрутов трамваев и троллейбусов?
  2. Какими принципами следует руководствоваться при их создании?
  3. Что на схеме действительно необходимо, а что лишнее?
  4. Какие удачные схемы движения городского электротранспорта существуют в мире? Желательны картинки или ссылки. Метро не предлагать :-)
  5. Какие недостатки и достоинства, по-вашему у нашей схемы?
  6. Как правильно изобразить несколько маршрутов на одной улице?
  7. Как правильно обозначить остановки?
  8. Как правильно писать название остановки?
  9. Допустимо ли частичное изображение маршрута на схеме?
  10. Может быть, следует просто сделать толковую схему для всех маршрутов троллейбусов (трамваев)?

Но нужна ли такая полная схема пассажирам? И как это должно выглядеть? Мне лично подобная схема не попадалась.

Станислав Саранчин
22 сентября 2010

Расписание автобусов между офисами компании. Как его можно упростить, чтобы было понятно простому смертному, а не только создателю?

Артур Валиуллин
21 сентября 2010

Можно это как-то улучшить?

Никита Прокопов
15 сентября 2010

Здравствуйте!

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

Что посоветуете?

Илья Харитонов
14 сентября 2010

Вот такой прайс-лист прислал заказчик для размещения на сайте.

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

Нутром чую, что можно её упростить, или хотя бы сделать понятнее и читабельнее, но пока не знаю как. Уважаемые советчики, буду рад услышать ваши предложения.

Руслан Якубович
8 сентября 2010

Добрый день советчики.

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

Может, форму переверстать? Подскажите, как быть?

Денис Алимов
7 сентября 2010

Как сделать селектор (dropdown) в котором можно добавить новый элемент, и как в нём быстро выбрать никакой элемент?

Андрей Кутырев
1 сентября 2010

Добрый день!

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

Основной проблемой стал ввод спецсимволов вроде знака градуса и пр. для пользователя. Родилось не очень удобное решение (на рисунке), которое вроде бы и работает, но очень перегружено элементами и не очень понятно.

Часть ТЗ:
«Контрол должен понимать следующие форматы координат:
36°14'12.25''
36°14'12'‘
45°14.1234’
45°14'
56.124567°

Вводить можно не более 8-9 цифр. При вставке из буфера обмена автоматически определять формат. При вставке из буфера контрол должен понимать все форматы, описанные выше (включая пару координат широта-долгота), плюс координаты в виде N65°15'56.36'' E61°57'58.5''. При нажатии на кнопку Найти на карте” перемещаться в указанное место.»

Вопрос. Как сделать ввод более удобным и понятым для пользователя? Заранее благодарен

Максим Авдеев
31 августа 2010

Вот такое большое описание к лого Webmanufactory (ВебМануфактура) — системы менеджмета Вашего e-business. Что за логотип? Такой запоминающийся, но такой мистический?

    Объясняю ход мыслей:
  1. Начинаем играть со словами, «веб», на ум приходят пиксели… фигачим пиксели, склеиваем некоторые…
  2. Играем со всем названием, «вебмануфактура», к ней приходит человек, который хочет построить свой бизнес, поэтому фигачим пиксели в фигурки тетриса, как бы строим бизнес в сети.
  3. Если откинуть самый левый блок, то в центре увидим такую букву Т — это столики, а по бокам стулья — идёт разговор заказчика с менеджером вебмануфактуры, а самый левый — работник :-)
  4. Если покрутить головой или повернуть логотип на 90˚ вправо, будет число 25, а влево — 52…
  5. Почему 5 блоков? Потому что это 5 моментов менеджмента фирмы: 1) выбор категории заказа; 2) выбор ценовой политики заказа; 3) ввод контактной информации; 4) ожидание; 5) связь.

Вот так-то вот! Не просто так :-) Такой знак смотрится круто на визитках, рекламе, туалетной бумаге.

Как улучшить лого? Или его полностью перерисовать?

Евгений Радомский
25 августа 2010

Здравствуйте!

Являются ли теги приемлемым способом рубрикации пользовательского контента? Что лучше, задать пользователю жёсткий список возможных рубрик (с пунктом «Разное») или дать ему возможность придумывать названия меток самостоятельно?

Сергей Леньков
24 августа 2010

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

Дима Аркатов
18 августа 2010

Здравствуйте, уважаемые советчики!

Как думайте, нужно ли демонтировать старые таблички номера дома, когда вешаются новые (выше фото Александра Зайцева)? Ведь они как бы лишние, но могут нести и некую историческую и культурную ценность.

Марат Вышегородцев
17 августа 2010

Уважаемый Илья Бирман!

Вот над Пермью сейчас много работает разных дизайнеров, включая Артемия, который создаёт различные продукты городского интерьера, вызывающие много споров в интернете (на фото выше).

Илья, а какие три улучшения бы вы сделали в Челябинске (или в любом другом провинциально-индустриальном городе) при аналогичной возможности? Что бы вы создали, установили или поменяли?

Виктор Никитин
11 августа 2010

Добрый день, советчики.

Всевозможные рейтинги и голосования (за комментарии, статьи, всё что угодно) уже давно стали неотъемлемой частью многих современных сайтов.

    Два вопроса:
  1. В какой последовательности правильнее и логичнее располагать элементы голосования? Плюс слева или справа? Рейтинг сбоку или посередине?
  2. Как правильнее показывать состояния до голосования и после него?
Павел Карасёв
10 августа 2010

Здравствуйте!

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

Вопрос: как можно было бы представить связанные поля «Заказ» и «Товар», которые являются связанными с соответствующими таблицами и выводят дополнительные поля из связанных записей?

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

На карточках выбранных записей я не указываю, что они относятся к таблице «Перечень», но интуиция подсказывает что указать все-таки нужно. Нужно?

Антон Корягин
4 августа 2010

Здравствуйте.

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

Кирилл Курашев
3 августа 2010

Не так давно одному банку сделали новый сайт. По виду сайта я думаю, что делали его фрилансеры.

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

Тимур Казьмин
28 июля 2010

Как лучше (т. е. как правильнее и понятнее) для посетителя сайта отображать список комментариев: нужно ли пунктирное подчёркивание чтобы сказать что комментарии кликабельны? Или же просто при наведении мышкой, была «лапа»? Насколько приемлемо решение с уходом текста в «прозрачность»? Что лучше использовать — многоточие или «прозрачность»?

Заранее благодарен!

Сергей Асанов
27 июля 2010

Здравствуйте, интересно ваше мнение, удобен ли и понятен ли такой вариант.

Рома Шавня
21 июля 2010

Стояла задача улучшить форму экспресс-заказа продукции одного предприятия. Можно было бы как-то иначе сделать добавление одного и того же товара в другом цвете? Что получилось хорошо, а что плохо?
Рустам Шакиров
20 июля 2010

Подскажите пожалуйста, как правильно писать на двери магазина: «на себя» или «к себе»?

Глеб Ревков
14 июля 2010

Привет!

В Википедии на странице XX века есть таблица со ссылками на каждый год. Переделанная таблица стала лучше? Особо значимые года можно выделить.

Максим Пономарёв
13 июля 2010

Здравствуйте!

  • Столкнулся с такой проблемой: необходимо сделать выбор номера из очень большого диапазона чисел, например, 1—29999 или 60000—99999 и т. п. Надумал два варианта:
  • выпадающий список — как меню в Виндоусе (на рисунке сверху);
  • ввод каждой цифры отдельно — при наведении курсора циферка выделяется, при нажатии на правый нижний квадратик выезжают возможные для ввода циферки от 0 до 9 (на рисунке, соответственно, снизу).

Светло-серым выделены цифры, которые выбрать нельзя (номер уже занят).

Оба варианта мне не очень нравятся. Первый — громоздкий. Второй, наверное, не очень понятный. Хочется услышать ваши советы, как улучшить или изменить это. Или как вообще грамотно сделать выбор из огромного диапазона. Заранее благодарю.

Денис Богомолов
7 июля 2010

Здравствуйте, уважаемые советчики!

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

Сергей Половинкин
6 июля 2010

В кассовый аппарат необходимо ввести информацию: товары, отделы, оформление чека и т. д. Это можно сделать с помощью специальной программы, подключив аппарат к компьютеру через КОМ-порт. Но в программе нужно указать номер порта и скорость обмена с устройством.

Цитата из книги А. Купера «Об интерфейсе»:

Существуют действия, в которых не нуждается никто — ни новички, ни специалисты. Это и есть наглые налоги. Операции, связанные с настройкой аппаратной части, например указание программе, какой КОМ-порт она должна использовать, компьютер мог бы выполнить и самостоятельно. Подобные аспекты следует убирать из пользовательского интерфейса и заменять интеллектуальным поведением программы, скрытым от пользователя.

Т. е. нужно убрать настройку порта. Как читатель книги я согласен с Купером, а как программист — не согласен. Почему?

  • В некоторых кассовых аппаратах весьма гибко настраивается скорость обмена. Возможные значения: 4800, 9600, 14400, 19200, 38400, 56000, 57600, 115200. Более того, некоторые ПК после установки блутуса имеют запредельное количество КОМ-портов, например 18. Так вот, мне как программисту чтобы определить на какой же порт подключен кассовый аппарат, придётся выполнить следующее:
  • получить все существующие порты;
  • открывать каждый порт;
  • установить скорость обмена (каждую по очереди: 4800, 9600, 14400…);
  • послать пакет устройству и ждать ответа.

Как правильно спроектировать интерфейс программы? Оставить всё как есть или использовать «интеллектуальное поведение» (и иногда терять до 5 минут на определение)?

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

Роман Шамин
30 июня 2010

В тестовом задании одной студии просили «разобраться с графиком с сайта Ау92». Получилось ли разобраться?

Вот Аркадий Эммануилович пишет, что в таблице должны быть приведены данные за одинаковые периоды времени. В данном случае это сложно сделать: есть цифры на июнь 2006 и цифры за все прошедшее время. Корректно ли такое сравнение? Если нет, то как быть?

Игорь Ильин
29 июня 2010

Вопрос, казалось бы, простой. Как отобразить стадии выполнения заказа? На картинке показана текущая реализация. Простая таблица с процентом выполнения по каждой стадии.

Однако есть ряд нюансов: 1. Ужасная шапка. 2. Нет ощущения стадийности

Как вариант — вертикальная черта с блоками, изображающими кажду. стадию (а-ля инсталятор МСДН). Но этот вариант избит. Подскажите, какие ещё есть способы показать выполнение заказа?

Евгений Тартаковский
23 июня 2010

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

Дмитрий Ачкасов
22 июня 2010

А как бы вы описали смену часовых поясов в некоторых субъектах России?

Владимир
16 июня 2010

Здравствуйте!

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

Спасибо.

Денис Богомолов
15 июня 2010

Здравствуйте! Это схема трамвайных маршрутов Ростова-на-Дону. Задача — повысить удобочитаемость путём отделения линий друг от друга. Какие достоинства, недостатки и пути их устранения вы можете указать?

Схема в большом размере

Ренат Газизуллин
9 июня 2010

Друг попросил сделать сайт для одной компании, хоть я этим и не занимаюсь. Макет сделал. Интересует: есть ли ошибки, что хорошо и что плохо, можно ли отправлять макет на утверждение или надо дорабатывать?

Руслан Якубович
8 июня 2010

Добрый день!

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



© 2007—2017

Запрещённые слова
Пишите: mail@artgorbunov.ru