☭Советы

Встал вопрос: что выделять — то, что повторяется, или то, что новое? Логически кажется, что выделять нужно новое, но глаз почему-то в первые секунды считает, что подсвечено повторяющееся. Очень надеюсь на ваше более объективное мнение :-)

Добрый день!

В ходе работы над проектом возникла задача написать дополнительный контрол для Гугл-карт, который должен получить пару координат в формате 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''. При нажатии на кнопку „Найти на карте” перемещаться в указанное место.»

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

Вот такое большое описание к лого Webmanufactory (ВебМануфактура) — системы менеджмета Вашего e-business. Что за логотип? Такой запоминающийся, но такой мистический?

Объясняю ход мыслей:
1. Начинаем играть со словами, «веб», на ум приходят пиксели… фигачим пиксели, склеиваем некоторые…
2. Играем со всем названием, «вебмануфактура», к ней приходит человек, который хочет построить свой бизнес, поэтому фигачим пиксели в фигурки тетриса, как бы строим бизнес в сети.
3. Если откинуть самый левый блок, то в центре увидим такую букву Т — это столики, а по бокам стулья — идёт разговор заказчика с менеджером вебмануфактуры, а самый левый — работник :-)
4. Если покрутить головой или повернуть логотип на 90˚ вправо, будет число 25, а влево — 52…
5. Почему 5 блоков? Потому что это 5 моментов менеджмента фирмы: 1) выбор категории заказа; 2) выбор ценовой политики заказа; 3) ввод контактной информации; 4) ожидание; 5) связь.

Вот так-то вот! Не просто так :-) Такой знак смотрится круто на визитках, рекламе, туалетной бумаге.

Как улучшить лого? Или его полностью перерисовать?

Коллеги, рассудите.

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

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

Можно ли как-то исправить эту ситуацию?

Насколько мне известно, для обозначения рубля принято сокращение «руб.» (не считая, конечно, знака рубля, предложенного Студией Лебедева). Но когда требуется написать что-то вроде «руб./м²» возникает вопрос — а нужна ли в данном случае точка? Такое ощущение, что она тут совсем не к месту и портит весь вид, но одновременно появляется ощущение некоторой некорректности.

Так как же быть?

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

Являются ли теги приемлемым способом рубрикации пользовательского контента? Что лучше, задать пользователю жёсткий список возможных рубрик (с пунктом «Разное») или дать ему возможность придумывать названия меток самостоятельно?

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

Сделал себе «рабочий стол» для веб-сёрфинга. Главной идей было избавиться от табов, закладок, всевозможных speed dial и объединить это все в одном интерфейсе.

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

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

Есть смысл в такой подходе?

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

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

Ещё интересно, когда лучше давать визитку: сразу после того, как пожали руки? Когда сели за стол? В конце переговоров перед прощанием?

Какой вариант лучше, на ваш взгляд?

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

Как думайте, нужно ли демонтировать старые таблички номера дома, когда вешаются новые (выше фото Александра Зайцева)? Ведь они как бы лишние, но могут нести и некую историческую и культурную ценность.

Уважаемый Илья Бирман!

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

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

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

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

Как выйти из ситуации?

Я думаю, что повсеместно (например на продуктах питания) нужно использовать формат даты 1 дек 2010, а 01.12.2010 только в отдельных очень редких случаях.

Согласны?

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

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

Два вопроса:
1. В какой последовательности правильнее и логичнее располагать элементы голосования? Плюс слева или справа? Рейтинг сбоку или посередине?
2. Как правильнее показывать состояния до голосования и после него?

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

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

Вопрос: как можно было бы представить связанные поля «Заказ» и «Товар», которые являются связанными с соответствующими таблицами и выводят дополнительные поля из связанных записей?

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

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

Это интерфейс платёжного терминала. Как было и как стало. К сожалению, пока задачей было изменение только «скина» интерфейса без изменения структуры и иерархии разделов (отсюда и кнопка «Разное» в одной упряжке с «Оплатой СтекGSM»). Длиннющие кнопки с логотипами и подписями тоже пока не трогали (подписи, я думаю, нужно убрать).

Ответьте пожалуйста, стало ли лучше?

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

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

Дорогие Артём и советчики, это — фильтр компаний по графику работы. Вариант над чертой: сразу видны востребованные опции (круглосуточно и без выходных), это хорошо. Под чертой: более логичный и гибкий. Интересно, как вы считаете: удобна ли (или избыточна?) возможность выбора дня/времени? Можно ли упростить фильтр? Как организовать его, чтобы засветить две важные опции (сохранив цельность-связность инструмента)? Спасибо!

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

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

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

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

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

При рассмотрении интерфейса навигатора «Штурман» меня зацепила такая деталь, как вертикальное направление текста («Меню» и «Карта»).

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

Илья, не так давно был интересный совет про  «холодные» письма. Посоветуй, пожалуйста, как написать «горячее» :-)

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

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

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

Имеют право на жизнь такие текстовые интерфейсы?

Как лучше (т. е. как правильнее и понятнее) для посетителя сайта отображать список комментариев: нужно ли пунктирное подчёркивание чтобы сказать что комментарии кликабельны? Или же просто при наведении мышкой, была «лапа»? Насколько приемлемо решение с уходом текста в «прозрачность»? Что лучше использовать — многоточие или «прозрачность»?

Заранее благодарен!

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

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

Правда, в Фаерфоксе есть соответствующие надстройки, но их еще надо найти и установить. Единственный мобильный браузер, в котором реализована такая возможность,— Блекберри. Там это выглядит очень логично, так как все приложения (в том числе почта) сильно интегрированы между собой. Догадается ли Гугль в своём браузере сделать такой функционал для пользователей Gmail?

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

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

Здравствуйте, Артём.

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

Ведь если я, например, отложил один айфон, две книги, три аудиокниги и т. д., зачем мне знать количество товаров в корзине? Что оно мне даёт, кроме того, что показывает, что при нажатии «отложить в корзину», действительно что-то в неё попало? Это же так, как если бы тележки в супермаркетах были накрыты чем-то непрозрачным, и только возле кассы нам показывали, что мы туда наложили.

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

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

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

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

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

Одним из способов поиска клиентов в нашей студии является общение с возможным заказчиком посредством электронной почты. Недавно получила в ответ письмо следующего содержания [орфография сохранена]:

«Извините, но Вам еще не кажется что вы предлагаете услугу сродни таким: 
— напишем текст под Вашу диктовку,
— вымоем Вам руки перед едой, 
— переоденем Вас ко сну и пр.

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

Во вторых ни одна серьезная организация или физическое лицо не доверит создание своего сайта посторонним, а сделает его ТОЛЬКО самостоятельно или не будет делать совсем до тех пор пока острая необходимость не возникнет.

Короче, не смешите народ,— займитесь производительным трудом — посейте хлеб, сшейте одежду, изготовьте станок или инструмент… Не садитесь пожалуйста на шею настоящим производителям материальных благ для нужд общества! До тех пор пока мы с Вами массово виртуально-развлекательные и бюрократическо-административные дела не бросим в пользу производительного труда, кризисы экономические так продолжаться и будут!

Еще раз извините, но очень уж раздражает когда в условиях кризиса тебе „белые воротнички“ предлагают ЗА ДЕНЬГИ песенку спеть или сайт написать. Я что сам не в состоянии!!??»

Интересно ваше мнение по этому поводу. Может быть, существуют правила, которые касаются общения с людьми именно посредством электронной почты? Что стоит обязательно написать? А что может повлечь за собой ответ как этот?

Спасибо.

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

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

Привет!

В Википедии на странице XX века есть таблица со ссылками на каждый год. Переделанная таблица стала лучше? Особо значимые года можно выделить.

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

• Столкнулся с такой проблемой: необходимо сделать выбор номера из очень большого диапазона чисел, например, 1—29999 или 60000—99999 и т. п. Надумал два варианта:
• выпадающий список — как меню в Виндоусе (на рисунке сверху);
• ввод каждой цифры отдельно — при наведении курсора циферка выделяется, при нажатии на правый нижний квадратик выезжают возможные для ввода циферки от 0 до 9 (на рисунке, соответственно, снизу).

Светло-серым выделены цифры, которые выбрать нельзя (номер уже занят).

Оба варианта мне не очень нравятся. Первый — громоздкий. Второй, наверное, не очень понятный. Хочется услышать ваши советы, как улучшить или изменить это. Или как вообще грамотно сделать выбор из огромного диапазона. Заранее благодарю.

Артём, как вы относитесь к новому формату форумов — вопросных систем, развившемуся из популярного Стековерфлоу?

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

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

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

Артём, стоит ли учитывать различие регистров букв в адресах страниц? Ведь для пользователя адрес site.ru/blog/first_post и site.ru/Blog/First_post по смыслу одинаковые, но «стандарт» считает, что эти адреса должны рассматриваться как разные. Как быть, слепо следовать стандарту и историческому наследию UNIX-систем и говорить клиенту «404 not found» или просто выдавать содержимое, тем более, что найти его не сложно?

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

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

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

В кассовый аппарат необходимо ввести информацию: товары, отделы, оформление чека и т. д. Это можно сделать с помощью специальной программы, подключив аппарат к компьютеру через КОМ-порт. Но в программе нужно указать номер порта и скорость обмена с устройством.

Цитата из книги А. Купера «Об интерфейсе»:

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

Т. е. нужно убрать настройку порта. Как читатель книги я согласен с Купером, а как программист — не согласен. Почему?

• В некоторых кассовых аппаратах весьма гибко настраивается скорость обмена. Возможные значения: 4800, 9600, 14400, 19200, 38400, 56000, 57600, 115200. Более того, некоторые ПК после установки блутуса имеют запредельное количество КОМ-портов, например 18. Так вот, мне как программисту чтобы определить на какой же порт подключен кассовый аппарат, придётся выполнить следующее:
• получить все существующие порты;
• открывать каждый порт;
• установить скорость обмена (каждую по очереди: 4800, 9600, 14400…);
• послать пакет устройству и ждать ответа.

Как правильно спроектировать интерфейс программы? Оставить всё как есть или использовать «интеллектуальное поведение» (и иногда терять до 5 минут на определение)?

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

Думал, как объединить комментарии и обсуждения по темам. Придумал такую штуку (см. скрин): есть комментарии, а есть теги. Теги при создании комментария не вписываются, а выбираются (но всегда можно создать новый тег). При выборе тега все комментарии с таким тегом подсвечиваются. Так можно с большим удовольствием посмотреть любую конкретную тему, не боясь упустить какой-то комментарий, не помеченный тегом.

Что вы думаете на этот счёт? Хороши ли идея и предложенная реализация?

Сам я не дизайнер и не претендую, цвета и прочее выбирал, фактически, шутки ради :)

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

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

Долго рассказывать — скучно, кратко — неинтересно и непонятно.

Подскажите, как вы проводите свою первую презентацию, что показываете-рассказываете?

Уважаемые советчики, в очередной чемпионат мира по футболу задумываюсь, как правильно писать счёт игры: Германия — Англия 4:1, 4—1 или 4–1?

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

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

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

Однако есть ряд нюансов: 1. Ужасная шапка. 2. Нет ощущения стадийности

Как вариант — вертикальная черта с блоками, изображающими кажду. стадию (а-ля инсталятор МСДН). Но этот вариант избит. Подскажите, какие ещё есть способы показать выполнение заказа?

Пластилиновая инфографика. Имеет право на жизнь?

Интерактивный вариант

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

— Не, ну братьям обидно будет. Размещайте все три логотипа.

Нужен совет.

Я перевожу книгу Эдварда Тафти «Envisioning Information» — и постоянно сталкиваюсь с трудностями по переносу профессиональной терминологии с английского на русский. Если, скажем, термин sparklines ещё можно перевести сходу («искрографики»), то над small multiples приходится крепко задумываться.

Как переводить названия книг Тафти? Display, Envisioning, Explanations, Evidence — всё это, в сущности, обозначает подачу информации… но наберётся ли в русском языке столько синонимов?

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

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

А как бы вы описали смену часовых поясов в некоторых субъектах России?

Я сдаюсь, как с этим бороться?

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

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

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

Стоит добавить, что специфика такова, что чертежи могут быть только формата А4 и только чёрно-белые.

Названия фазных проводов формируются как <название фазы><порядковый номер>, например A1, B3. Названия проводов цепей управления формируются как <номер цепи><порядковый номер>, например 1-15.

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

Если к клемме не подходит никаких проводов — клемма пустая.

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

Артём, уважаемые советчики.

Как вам решение размещать статьи в категориях по схеме: n+1 в левом блоке, n — в правом, если количество статей в категории нечётно и n — слева и справа, если количество чётно?

Спасибо.

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

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

Спасибо.

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

Схема в большом размере

Хороша ли схема?

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

Вопрос по взаимоотношениям с клиентами.

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

Искусство переговоров по-прежнему действует, но больше интересуют организационные моменты. Например, можно ежедневно показывать заказчику ход работ, а можно сначала показать концепт (который покорит заказчика), а потом — конечный результат. Первый подход грозит бесконечными вопросами «А почему здесь красный цвет?» и советами «Поиграйтесь еще со шрифтом!».

Возможно, у кого-то есть особые секреты по составлению договоров, не предполагающие вмешательство клиента в рабочий процесс («Час интерактивной работы с исполнителем — 1000 рублей»), но не приводящие к разочарованию клиента («А на тринадцатой странице договора мелким кеглем написано, что…»).

Даёшь больше хороших дизайнов и счастливых клиентов! Делитесь секретами :-)

Добрый день, Артём и уважаемые советчики.

Смотрю на Burndown chart (впрочем, та же ситуация и у диаграммы Гантта) и вижу, что основное действие разворачивается лишь по диагонали, а остальное пространство пустует. Из-за такой особенности невозможно сжать график (например по высоте, для вывода на дашбоарде и т. п.) — он становится нечитабелен. Основная задача графика — предвидеть отставание или перевыполнение плана еще задолго до намеченного срока.

Можно ли решить эту задачу более компактно? Желательно, конечно, не менее визуально :-)

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

Добрый день!

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

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

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

Из головы не выходит один вопрос. С макетами сайтов все более-менее понятно — прямая дорога в Индизайн.

А вот в чём вы делаете макеты интерфейсов? Например Эмгизмо, The bat, сайты? Не сразу же в IDE ваяете?

P. S. Что посоветуете почитать на эту тему?

Здравствуйте, Артём.

Если не ошибаюсь, вы принимали участие в разработке интерфейса Яндекс-погода.

Краткий вариант, безусловно, паттерн.

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

На ваш взгляд, справился?

Спасибо!

Здравствуйте, Артём, хотелось бы узнать ваше мнение об использовании всплывающих окон. Спасибо.

Здравствуйте, Артём.

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

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

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

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

Добрый день!

Очень хотелось бы услышать ваше мнение по поводу навигации на сайте kinofilms.com.ua.

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

На рисунке снимки трёх вкладок html-интерфейса «Предложений» — одного из наиболее популярных сервисов ВКонтакте, который ежедневно использует до миллиона пользователей.

Задача: перенести этот сервис во flash-приложение.

Вопрос: как можно улучшить интерфейс этого сервиса, с учётом переноса его во flash?

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

Стоит задача сделать форму для заполнения времени работы компании. Какой из видов формы лучше? Шаг времени выбрали полчаса.

Артём, вы согласны с тем, что интуитивный интерфейс есть только у соски, всё остальные нужно изучать?

Под впечатлением от вашей статьи про псевдокривые и гистограммы перерисовал графики для страницы «Реклама на сайте».

Больше всего сложностей возникло с возрастом посетителей: в статье вы не даёте ответа на вопрос, как же всё-таки наглядно его показать. Не нашли ли вы с тех пор какого-то решения?

Здравствуйте, Артём и коллеги.

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

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

Здравствуйте, Артём.

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

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

Спасибо!

Мы поспорили с руководителем вот на какую тему.

Существует задача: нарисовать схему проезда для московских гостей к гостинице в Нижнем Новгороде от трассы М7. Гуглевские или яндексовские карты заказчик не любит по своим причинам.

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

Вопрос: действительно ли без стрелочек задача не будет выполнена?

Расскажите пожалуйста, насколько хорошо свёрстана данная картинка и стоит или не стоит так же делать.

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

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

• Есть форма из нескольких десятков полей. Часть полей обязательна для заполнения. Правильность заполнения части полей проверяется Яваскриптом. Как лучше всего сообщить пользователю о том, что поле:
• должно быть заполнено;
• заполнено правильно;
• заполнено неправильно?

Итоги конкурса уважаемых советчиков «Сургут».

Здравствуйте, Артём.

Такие таблички висят у нас в городе на остановках. Список из маршрутов бывает короче, но не длиннее, чем этот. Ширина таблички около 60 см.

Скажите, что нужно сделать, чтобы «стало» стало не хуже, чем «было»? Или я так перемудрил, что нужно совсем по-другому?

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

Привет!

Можно ли как-то улучшить таблички с расписанием маршруток? Расположение на остановках, исполнение в один цвет.

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

Здравствуйте, Артём.

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

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

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

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

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

Как это может работать: 1) мы не говорим, а подразумеваем, что при всех снятых чекбоксах пользователь увидит всё; 2) мы вводим искусственный чекбокс «Любой», который снимается при активации исключающего чекбокса.

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

Уважаемые советчики!

Скажите, мне одному кажется, что в новом дизайне Яндекса появились под стрелкой три колонки, озаглавленные «В Харькове», «Погода» и «Пробки» (две последних, кстати, подчеркнуты дважды), что не имеет никакого смысла?

Итоги конкурса уважаемых советчиков «Таблица оценок КВН».

Здравствуйте, Артём!

Сейчас существуют два варианта ввода пароля в регистрационных формах — скрытый с повтором и открытый.

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

Но сейчас, когда компьютеры стали полностью персональными, показывать пароль при регистрации можно (при авторизации, конечно, скрывать). Но вот многие люди испытывают дискомфорт, наблюдая свой пароль в виде символов, а не звездочек.

Хотелось бы услышать ваше мнение.

Уже лет десять я поражаюсь тому, насколько жутко в КВНе сделан экран с оценками. Не то чтобы там нужны были какие-то серьёзные улучшения, скорее, переделывать надо всё.

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

Как бы вы сделали эту таблицу?

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

Здравствуйте, Артём. Первый раз пользуюсь подобного рода «услугой». Не буду заходить издалека, вопрос следующий: как вам представленный мной дизайн для тюнинг-ателье? Отстой или нет? Спасибо.

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

Сейчас разрабатываем сайт по поиску и продаже авиа- и ЖД-билетов.

Это страница с результатами поиска билетов. Справа располагаются фильтры (столбик). Я намеренно его осветлил, чтобы не отвлекаться на него.

По центру, сверху вниз:
1. Направление, на которое ищем билеты.
2. Модификаторы дат (когда пользователь вводил даты поиска, он мог выбрать ±6 дней для даты отбытия и прибытия).
3. Результаты поиска рейсов (количество найденных вариантов, переключатель в «лучшие варианты», страницы, указание применяемых фильтров к результатам поиска (фильтры справа, как я говорил), а также название столбиков («Перевозчик», «Отправка» и т. д.) с возможностью сортировки по ним.
4. Сами результаты.

Каждый блок с результатом содержит: первая часть блока — ТУДА — дату — иконку «удалить» — указание перевозчика (может быть авиакомпания, может быть авиа+ РЖД или несколько авиакомпаний) — время отбытия (и указание откуда) и время прибытия туда — указание времени перелёта (переезда) и количества пересадок (и их продолжительности) — указание класса билетов (для авиа- и ЖД-билетов).

Вторая часть блока — ОБРАТНО — все те же элементы, что и в части «ТУДА».

Далее цена, ссылка на подробности этого варианта (там будет полная информация о рейсах, пересадках и т. д.), а также кнопка «Купить вариант».

Вопросы следующие:
1. Сейчас заказчик говорит, что цена не очень заметна. Как можно ее сделать более заметной?
2. Цена относится ко всему блоку, её нельзя поместить внутрь (сделать ещё одну колонку с ценой), так как тогда её придётся дублировать и для «ТУДА» и для «ОБРАТНО». Но отсюда возник вопрос — как сделать сортировку по цене? Как, например, сейчас есть сортировка по «Перевозчику» или «Времени в пути». Будет ли правильным куда-то сверху вставить ссылку «Сортировка по цене»?
3. Как можно улучшить функцию, которая показана в виде красного выделения рейса и всплывающей подсказки? Эта функция позволяет выбрать (нажать) на конкретный рейс и найти ВСЕ остальные варианты именно с ЭТИМ рейсом.
4. Как можно улучшить/упростить вывод результатов и шапку? Учитывая то, что всё, что сейчас выведено на экран — должно быть отображено.

Заранее спасибо за советы!

А. Г.9 9

Здравствуйте, Артём.

Меня интересует ваша оценка дизайна маленькой вывески.

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

Например, правильно ли использовано короткое тире в диапазоне времени?

И снова здравствуйте, Артём и советчики.

Скажите, удалось ли мне сделать таблицу программ стирки более наглядной и удобной?

Основное требование — простое и быстрое нахождение нужной программы и её основных параметров. Таблица в формате А3 предназначена для домашнего использования (будет лежать у меня на машинке).

Несколько конкретней: 
1. Допустима ли выключка по правому краю в названиях программ?
2. Как улучшить расположение заголовков в столбцах?
3. Уместна ли такая подмена столбцов «отбеливатель», «стирка», «ополаскиватель»?
4. Что ещё можно улучшить и как?
5. Что хорошего?

P. S. Одной программой стало меньше.

Как вам идея авторизации на сайте через файл-ключ?

Попробовать можно и нужно.

Привет, Артём!

В рамках одной из домашек переделал половозрастной график Пермского края, который выложил в одном из своих постов Олег Чиркунов.

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

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

График крупнее.

Здравствуйте, Артём.

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

Заранее спасибо за ответ.

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

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

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

Добрый день.

Была придумана такая навигация по новостям на сайте. В дизайн вписывается вполне нормально. Много новостей заказчик не планирует добавлять.

Месяц выбирается перелистыванием в верхней части.

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

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

Здравствуйте, Артём!

Предлагается установить такие стенды на все остановки крупных городов России и мира; информаторы в транспорт — также повсеместно. Оцените идею, исполнение и актуальность данного проекта.

Заранее благодарю вас и советчиков за комментарии и советы.

К слову: это моя первая работа в области промышленного дизайна и средств визуальной навигации.

Добрый день, Артём.

По моему мнению, в данном случае ссылка не должна идти со слов «Комеди кафе», потому что получается, что они что-то сделали и дают ссылку на сайт «Комеди кафе». Прав ли я, что второй и третий варианты правильнее?

Здравствуйте, Артём.

Разрабатывали загрузчик файлов различных форматов для CMS, задача была в том, чтобы администратор без нашей помощи мог интуитивно разобраться в работе модуля. Справились ли с задачей? Стоило ли размещать кнопку «Добавить» вверху? И какие ещё пожелания по улучшению вы могли бы посоветовать?

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

Артём, какое вы видите решение или проблемы нет?

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

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

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

Очень нуждаюсь в обоснованных советах.

Если нужны разъяснения — спрашивайте.

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

Недавно потребовалось сделать систему заметок (заданий, пометок, записок) в корпоративном интранете. Долго искал решения для выбора даты, все они сходятся на одном — «выбор года, выбор месяца, выбор даты», но хотелось сделать в один клик и наглядно. Как вы считаете, такой вариант будет удобен?

На странице интранета линейка годов, по клику на неё открывается в новом окошке весь год в таком вот виде, и нам остаётся всего лишь кликнуть в день.

Оправдано ли такое представление календаря? (Отход от разбития на блоки-месяцы?)

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

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

Мой вариант борьбы с IE6.

Здравствуйте, Артём. Подскажите, что делать, если карта выглядит так.

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

Что скажете о работе «Информационных архитекторов»?

Помогите вузу остаться без плохого логотипа. Если вы скажете, что для Харьковского института финансов (http://khif.edu.ua/) этот знак никуда не годится, начну всё сначала.

Рассуждал примерно так: институт финансов = студенты + наука + деньги. Студентов хотелось классических, поэтому в знаке намёк на геральдику. Наука → ученый → магистерская шапочка. Деньги хотел показать в виде двойного столба «Ф», как делают при обозначении валюты.

Фирменный стиль планируется формировать на основании квадрата с оттянутым углом от шапочки и двойной черты от «Ф».

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

Добрый день, Артём.

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

Чем плох такой подход и что можно было бы улучшить? Также необходимо сделать 2-ой и 3-ий уровень вложенности (курорт, отель). Как лучше организовать его? По той же схеме, что и страны, не получится, т. к. на странице страны должны быть ещё описание, фотографии и, собственно, каталог курортов (их гораздо меньше, чем стран). Заранее спасибо за совет.

Хочется сделать простой и удобный (идеальный) конвертер.

Сейчас, мне кажется, интерфейс уже перегружен. Дайте совет в нужном направлении.

Большое спасибо заранее.

Идея агитплаката информационной безопасности в организации.

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

Просто не мог не напроситься на совет: британская линия времени.

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

Требуется критика дизайна. Чем больше, тем лучше. Розовый цвет просто попался первым. Заранее спасибо.

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

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

Здравствуйте. Это первый опыт создания интерфейса. Программа учёта сотрудников. Укажите, пожалуйста, в чём недостатки. Заранее благодарю.

Артём, добрый день.

Почему на artgorbunov.ru курсор над горизонтальным скроллбаром имеет вид «движение во все стороны», а не «движение влево-вправо», хотя крутить можно только в двух направлениях?

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

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

Никаких комментариев, почему в вебе так распространён безабзацный способ набора текста, я не нашёл. Артём, какое объяснение видите вы?

Здравствуйте Артём. Подскажите, при создании сайта что раньше должно быть — дизайн или программирование (ТЗ уже есть)? Шеф считает, что можно весь сайт написать, а дизайн — дело последнее, я же, наоборот, считаю, что пока дизайна нет, делать не стоит.

Приветствую Артёма и всех советчиков.

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

P. S. Хочу также добавить кнопочку «Убрать боковую панель», чтобы у пользователя была возможность смотреть видео покрупнее, но не на весь экран.

Артём, как вам один из последних патентов Эпл — «Magic wand»?

Ничего не напоминает?

Какие плюсы и недостатки видите в сравнении с «Командором»?

Добрый день, Артём.

Интересуют два вопроса: 1) ваше мнение по поводу решения отображённой проблемы; 2) ваше мнение по поводу того, насколько хорошо сделана сама графика, правильно ли и понятно ли она отражает проблему.

Заранее спасибо.

Существует ли какое-нибудь дизайнерское правило по расположению символики на узких вертикальных форматах?

Из-за спора на сайте Дельфимастер.ру пришлось перерисовать форму Т-12.

Задача стояла такая: показать, что в таблицах можно обойтись без сетки.

Справился?

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

Добрый день, Артём.

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

Одна из идей — выкладывать наши месячные планы по открытию и развитию магазина. Единственная проблема: как сделать этот график красивым, удобным и читаемым? Решили спросить совета у вас.

Заранее спасибо.

P. S. Обращу внимание, что график ограничен по ширине дизайном: blog.murrr-shop.ru

Здравствуйте. Наткнулся на такую странную кальку с английского: перед именем доктора ставится сокращение «Др.»

Очевидно, что для русского языка это неприемлемо. Сокращение «др.» — это «другое», «другие». Кто-нибудь когда-нибудь встречался с таким? Насколько это распространено? Как правильно поступать в таких случаях?

Спасибо. P. S.: забудем о типографике на картинке, там и так всё понятно.

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

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

Вот, думаю, может, спецов послушает :-) Какие ошибки я допустил? Какой вариант лучше (1 или 2) и легче для восприятия пользователем? Спасибо. Надеюсь на помощь.

Привет, А.  Г.! Сколько ни пользуюсь переводчиком, всё думаю — а почему не так? Я прав или я не прав? Почему?

Спасибо.

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

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

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

Как вы думаете, имеет ли смысл такой ход?

Артём, очень интересно ваше мнение по поводу случая с множеством вкладок.

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

Спасибо.

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

Как вы относитесь к иконке RSS, что в ней вам когда-либо хотелось улучшить или изменить?

И почему на вашем сайте нет RSS?

Спасибо.

Артём, здравствуйте!

Почти уговорила заказчика, что текст без таблицы будет читаться лучше.

Спасибо за ваши советы! P. S. Сдаю макет 28 сентября.

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

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

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

Может ли, по вашему мнению, уличная навигация, а также такие возможности, как попеременное реверсивное движение сделать Москву немного чище?

Добрый день!

Решив не выносить легенду отдельно, а имплантировать её в описательную часть, столкнулся с дилеммой: в тексте номера деталей идут по порядку (вот у нас деталь 1, другая деталь 2, ещё деталь 3 и т. д.), а на самой картинке — уж как получится; или — на картинке цифры стоят по порядку, а в тексте — вразброс (вот такая деталь 7, другая деталь 3, ещё деталь 15).

Посоветуйте — как лучше сделать?

А зачем, позвольте узнать?

Недавно столкнулся с меганеудобностью в Файндере Леопарда. Проблема в том, что для того, чтобы узнать размер файла, нужно переключить вид окна на список либо вызвать свойства файла по Cmd+i, вместо того чтобы просто увидеть размер в строке состояния.

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

Привычная комбинация вызывает по одному окну свойств для каждого файла (представьте что будет, если выбрано 500 файлов), а для просмотра суммы приходится жать уже Cmd+Alt+i, что совершенно нереально сделать одной рукой, хотя есть вариант вызвать всплывающее меню, кликнув правой кнопкой мыши с зажатой Alt и выбрав там «Показать инспектор». Но это целая куча действий!

Как-то не вяжется всё это с дружественностью остального интерфейса Маков.

Вопросов в общем-то два:

1) Оправдано ли такое решение с точки зрения построения интерфейса, ведь найти нужную функцию очень сложно, не зная о шорткатах и не видя без нажатой Alt этой возможности в контекстном меню.

2) Есть ли у кого-то оригинальные решения по улучшению ситуации?

И ещё один вопрос Артёму — считаете ли вы, что это упущение разработчиков системы или просто нужно привыкнуть?

Здравствуйте, Артём.

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

Заранее спасибо.

Здравствуйте, Артём!

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

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

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

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

Это — новый стартап audme.ru, поисковик музыки. Помимо поиска, я постарался максимально решить проблему хранения найденных песен вне жесткого диска пользователя, дать возможность доступа к ним откуда угодно.

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

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

Я вступил с ребятами в дискуссию по поводу способа написания «копирайта» на сайтах.

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

Мнение ребят: правообладатель важнее временного интервала.

Что вы думаете?

Артём, добрый день!

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

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

Подскажите, пожалуйста, как можно организовать графическое представление следующей информации:

Есть 10 объектов, в каждом объекте 3 зоны, в каждой зоне 2-5 температурных датчиков (всего около 100 датчиков), есть граничные значения (мин/макс) для каждого датчика, зоны, объекта с различными степенями критичности. Считается, что для отслеживания динамики необходимо рядом видеть исторические средние данные за 15 минут, 1 час и 1 день, мне эта идея не очень нравится, но другой придумать не могу. Значимым считается отклонение от 1%.

Все это вместить на один экран, да ещё чтоб наглядно было, пока не получается, думал уже и стрелочные индикаторы рисовать, и розы, и гистограммы, уже идеи закончились :-(

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

Артём, в совете от 11 июня 2009 года есть мечта о полноэкранном режиме для картографических сервисов. Близко ли мы к ней подобрались на zdesnekuryat.ru?

• И верны ли дополнительные ходы для достижения этой цели:
• полупрозрачные поля форм для того, чтобы ненароком не закрыть нужную точку;
• возможность «перетаскивать» карту даже между полями формы?

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

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

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

Это заявка, которая отправляется по факсу. Что можно улучшить?

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

Или делать, как на Вебораме, прикреплять к верху?

Что же делать, когда такая страница? Как правильно?

Мне такое расположение клавиш представляется удобным по трём причинам.

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

Если советчики приведут минимум 3 контраргумента, соглашусь, что традиционное расположение клавиш имеет право на существование.

Хочется разработать удобный интерфейс для ведения учета расходов на ЖКХ (газ, электричество, вода) и побочные нужды (мобильник), а также позволить легко и быстро анализировать данные и делать правильные выводы. В качестве инструмента планируется использовать Microsoft Office Excel 2007. Необходимое условие — расширяемость — возможность легкого добавления новых данных (новый месяц, год).

В текущем примере (см. скриншот) не устраивает повторение данных, одни и те же таблицы (справа) дублируются по три раза.

Из плюсов могу отметить: 1. Зелёными ячейками обозначен минимальный платёж за год, оранжевыми — максимальный. 2. Высокая информативность, пусть и не в очень удобном формате. 3. Для обозначения категорий затрат использовано цветовое кодирование, знакомое нам из детства (вода — голубой, газ — зелёный и т. д.)

Ещё одна особенность — за мобильник приходит счёт раз в месяц, за всё остальное — раз в два месяца.

Интересно было бы узнать ваше мнение и мнение ваших посетителей по поводу решения данного вопроса.

Спасибо.

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

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

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

Далее, по убыванию приоритета — стоимость звонка на телефоны моего оператора (или количество бесплатных минут) — стоимость звонка на обычный телефон — стоимость звонка на номера моего оператора по всей России — количество SMS (или стоимость каждого) — объем трафика GPRS.  Например, абонентсткий тариф Бла-Бла — 1250 руб. (месячная плата) — МТС бесплатно — 100 минут, 3,05 руб. после — 3000 мин. МТС Россия — 50 SMS — 50 МБ.

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

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

Добрый день, Артём и уважаемые советчики!

Помогите понять, насколько хорош этот пагинатор для мобильной версии сайта? Что можно улучшить? Предполагается, что на сайте будет много страниц с текстом и картинками. iPhone и другие touch screen девайсы не учитываем. Изначально это устройства с экраном в 240 на 320 пикселей. Спасибо!

Здравствуйте, Артём!

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

Но проблемы возникли с шапкой — она огромная и бестолковая :( Что нам с ней делать?

Карта не влезает в разрешение 1280 на 800 (по статистике это наши основные посетители). Как сделать так, чтобы и карта на месте была, и пользователю было удобно?

Что не так? Где наши расчёты и просчёты? Просьба, подскажите что не так?

P. S. Читаем-смотрим ваши советы все как один на подбор, а вот где у нас ошибка, не поймём :(

Добрый день!

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

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

Не было бы логичнее использовать обратное расположение названий трасс, как на иллюстрации ниже?

Спасибо!

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

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

Как вам мысль закрытия окна с «Esc» вместо [x]?

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

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

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

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

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

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

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

Операции «отгрузка» и «снятие с отгрузки» можно отменить.

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

Спасибо за внимание!

Здравствуйте, Артём.

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

Заранее благодарен за помощь.

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

Было бы так же интересно услышать советы по улучшению.

Спасибо.

Артем, добрый день!

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

Скажите, всё ли сделано правильно?

Какое управление картой из представленных фрагментов лучше реализовано? И почему Яндекс поступил наоборот, поменяв местами приближение и удаление?

Для чего нужна висячая пунктуация в вебе? Что она дает для текста и читателя?

Добрый день!

Во время разработки дизайна для моей курсовой (небольшая метапоисковая система) у меня появилась пара вопросов:
1) Уместно ли так использовать ссылку «все», особенно так часто и, если нет, то как лучше?

2) Как избавиться от повторов слова «ссылка» в списке новостей (ссылка справа — другая и ведёт на оригинал) при условии отсутствия у новостей заголовков?

Спасибо.

Артём, как вам идея на странице контактной информации сайта какой-то организации показывать на фоне страницы карту проезда? Таким образом, фактически карта становится главным объектом и занимает максимальную поверхность экрана, с ней удобнее работать, удобнее смотреть.

То есть это попытка посмотреть на задачу демонстрации карты, полностью вывернув её наизнанку по сравнению с принятым представлением. На картинке — пример с реального сайта (пока демо-версия), карта Google полностью интерактивна.

Делаем рейтинг сайтов.

Какой вариант правильней?

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

Добрый день.

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

Здравствуйте, Артём!

Меня тоже зовут Артёмом, я из Нижнего Новгорода.

Я делаю сайт — магазин фирменных виниловых пластинок, и решил сделать его со сменой страниц как на вашем сайте (ссылка на учебный центр) или тут: www.work1.xxlonline.ru.

1. Стоит ли использовать такой принцип переключения страниц при большом каталоге?
2. Не потеряется ли посетитель между страницей корзины и каталогом? Не испугается?
3. Как бы сделали вы?

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

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

Попробовал улучшить адресный блок (первый вариант).

Допустим ли второй шаг, работает ли третий, и насколько четвертый лучше третьего и первого?

Что еще можно сделать?

На рисунке представлен прототип визуализации итоговой статистики тестирования: количество заданных и не заданных вопросов; из общего количества заданных вопросов выделены вопросы, на которые даны правильные ответы, вопросы, на которые даны неправильные ответы и вопросы, на которые не даны ответы (пропущенные вопросы).

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

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

Получилось ли представить описанную информацию графически?

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

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

Артём, как, по-вашему, может быть улучшено представление статистики в ЖЖ?

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

Теперешняя диаграмма прироста френдов, к примеру, для простого смертного выглядит как пара столбов в чистом поле.

Здравствуйте, Артём!

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

Наша фирма выпускает микропроцессорные системы для железных дорог. Одним из продуктов является Микропроцессорная централизация для ж/д станции (МПЦ-И) и у него есть АРМ-ДСП (автоматизированное рабочее место дежурного по станции). Это такая программа, с помощью которой дежурный руководит движением на станции: переводит стрелки, открывает светофоры и т. д.

Так вот, сколько работаю, столько не могу спокойно смотреть на это убожество, которое из себя представляет интерфейс этого АРМ-ДСП. И вот недавно отважился и решил его подправить. Не изменить, а просто подправить, чтоб стало хоть чуть-чуть удобнее и приятнее. Сделал. Пока делал, прочитал почти все ваши Советы и Ководство на сайте студии Лебедева. Да и так много всего увидел. И когда смотрю на то, что сделал, меня не покидает чувство, что ка к-то что-то не так. Поэтому и решил написать вам.

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

Дисконтная программа, предназначенная избавить людей от ненужной мелочи. Округляет сумму покупки до 50 копеек в пользу покупателя. Что думаете?

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

Артём, дорогие друзья! Подскажите, пожалуйста, как сделать таблицу лучше. Говорят, она не наглядная и плохо читается.

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

Артём, недавно установил на телефон Opera Mobile. Сама программа достойна отдельного обсуждения, так как кажется мне лучшим браузером для тач-фонов. К Опере доступны ещё виджеты, один из них меня особенно заинтересовал: AccuWeather. Мне кажется, очень удобный и наглядный погодный клиент.

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

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

Шесть тезисов об идеальной электронной книге

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

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

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

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

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

1. Электронная книга должна быть доступна на вебе в хтмл-формате. Только это позволит обеспечить максимально возможный доступ к ней из любых мест и с любых устройств. Любые другие форматы заведомо снижают удобство работы с книгой, потому что снижают её доступность.
2. Электронная книга должна иметь воспринимаемый человеком урл, находиться целиком на одной странице и содержать свое название (то, что её идентифицирует в мире книг — обычно автор+название) в тайтле страницы. Это связано с удобством поиска книги в сети и оперирования с ней как с самостоятельным объектом. Единицей операторики в сети является урл, следовательно, книга должна совпадать с урлом, чтобы на нее можно было кинуть ссылку, положить в закладки или найти через поисковик.
3. Электронная книга должна быть опубликована черным шрифотом на белом фоне, и не должна содержать на странице никаких элементов, не относящихся к книге. Исключением могут являться только навигационные шапка и подвал (но и их следуется стараться уменьшить или избежать вовсе). Ни в коем случае никакой навигации или посторонних объектов по ходу текста или по сторонам от него. Ничто не должно отвлекать внимания читателя от самого текста. Ничто.
4. Электронная книга должна быть оформлена и размечена в соответствии с правилами типографики на вебе (для примера – версия Тёмы Лебедева от 2000 года, очевидно далеко не полная). При распечатке книги она должна выглядеть так же, как на экране (страницы и контекстная информация — название, урл, дата — проставляются средствами браузера).
5. Электронная книга должна предоставлять читателю персональные инструменты обращения с собой, такие как:
   • возможность дать ссылку на конкретный абзац текста (пример);
   • возможность поставить закладку в произвольном месте текста;
   • возможность выделить/пометить некоторый произвольный кусок текста (например, в качестве цитаты);
   • возможность оставить комментарий к произвольному месту в тексте (наиболее близким к этому функционалу на сегодняшний день являются поабзацные комментарии, как на drive.ru или translated.by);
   • возможность поставить ссылку на другую страницу в интернете с произвольного куска текста.
   Все эти функции аналогичны чтению обычной бумажной книги с карандашом, но только с учётом особенностей электронной среды.
6. Электронная книга должна предоставлять возможность коллективного или публичного чтения книги, то есть возможность сделать весь набор инструментов из предыдущего пункта доступным группе читателей или вообще любому читателю. Интернет — в первую очередь коммуникационная среда, книги здесь можно и нужно читать как коллективно, так и публично.

М703, М704, МТ705 — модификации, корпус чайника, нагреватель и т. д.— блоки. Модификаций может быть много, блоков — ещё больше!

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

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

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

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

Спасибо!

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

Переделываю дизайн сайта, стиль информационный.

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

Спасибо.

Здравствуйте. Я нарисовал свой вариант схемы мск метро. Мне интересно ваше мнение. Спасибо.

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

Задача: толково объяснить с какой стороны двери «на себя», а с какой «от себя».

Решение: cо стороны «от себя» просто убрать ручку у двери, кроме как толкать больше ничего и не сделаешь — проблема решена.

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

А как бы вы решили задачу? Просто мозговой штурм.

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

• Усложняем:
• чем меньше места это все будет занимать, тем лучше (не сильно ведь важная колонка);
• не хочется менять цвет текста/фона строк таблицы, это порой используется для других целей (неважные/нередактируемые ячейки, подсветка измененных, зебра и т. п.)
• чекбоксы подошли бы, но они обычно уже заняты для групповых операций (перемещение, удаление и т. п.)

Какой способ выбрали бы вы?

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

Уважаемый Артем.

Уже долгое время на сайте Лебедева выложен проект «Люксофор». Если отбросить изыски визуализации, то, на мой взгляд, Лебедев не предлагает ничего нового. Мне кажется что светофор будущего мог бы выглядеть вот так.

А что вы думаете по этому поводу?

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

Уважаемый Артем, дорогие друзья!

Есть одна задача, которая давно тревожит мой мозг.

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

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

Что бы вы предложили?

Артем!

На базе Гугль-докс реализовал систему бронирования кабинетов несколькими арендаторами (коллективный доступ к документу).

На ваш взгляд, что можно улучшить? (я ни разу не дизайнер).

Алексей.

В школе ученика (меня) попросили переделать обычные диаграммы.

Вот что получилось. Хорошо ли?

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

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

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

Артем и другие посетители, здравствуйте!

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

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

Ссылки, подчеркнутые _ _ _ _ , открываются без перезагрузки страницы.

За визуальное исполнение просьба не пинать, т. к. доведением до идеала буду заниматься не я. Моя задача — грамотно раставить все тексты, формочки и пр.

Интересуют, в частности, следующие вопросы:

1. Насколько допустимо совмещение стандартных html форм (чекбоксы, выпадающие списки) с рисованными, индивидуальными элементами (крестик удаления, кнопки «Включить», «Готово»).
2. Насколько удачно расположены элементы, понятно ли, что после выбора раздела выбранное отображается справа? Может, стоит с цветами шрифтов поэкспериментировать?
3. Уместно ли использовать ссылки без перезагрузки, до открытия ссылки будет отображаться только верхняя часть (название со ссылкой, статус: «Активен», «Не активен»).

Спасибо!

Здравствуйте, Артем!

Пишу вам, как отчаявшийся человек: начальство требует представить динамику изданий по шаблону (Эксель, кривые с опорными точками), а я вижу, что график совершенно беспомощный — кроме лидера никого не различишь (а на второй оси его делать еще хуже) Часть данных за 2005 отсутствует, из-за чего внизу разрыв…

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

Собирать аудиторию «наименьших изданий» в одну линию — не хотят. Разносить на несколько графиков — соглашаются неохотно («Вот, если не будет другого выхода, но и так нормально…»).

А что нормально? Оптимизация тут возможна?

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

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

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

Это страница каталога товаров. Вложенность рубрик небольшая, максимум три уровня. Интересует ваше мнение:

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

2. Приемлем ли представленный способ фильтрации товаров? Пользователь видит, какие фильтры включены, при нажатии на «Изменить параметры» раскрывается форма с параметрами. 

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

4. Стоит ли сворачивать каталог на странице товара и показать только хлебные крошки?

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

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

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

Эта таблица содержит информацию о том, в какое время лучше всего перевариваются и действуют на тело различные продукты и специи. Такие таблицы часто используют в аюрведической кухне, где нюансов очень много, и, особенно на первых порах, трудно ориентироваться во времени. 1 2 3 4 … 21 — это время на часах. В исходнике продукты были разбиты также по времени начала и конца оптимального периода их приема, однако, если посмотреть на диаграмму, то вполне ясно, где начинается тот или иной отрезок.

Источник — сайт доктора Торсунова.

Хотел бы узнать ваше мнение по поводу размещения двух логотипов на визитке.

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

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

Спорим с арт-директором по поводу подачи ленты новостей.

Это — список. Насколько корректно делать его в виде абзацев, без буллитов?

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

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

Первое тире — буллит, второе — выполняет свою главную функцию. Неэстетично.

Здравствуйте, Артем.

Хочу предложить свой вариант ввода границ диапазона пользователем. Во-первых, ползунки вместо полей ввода, все равно точные значения границы при поиске такого рода не интересуют никого. Ну и, во-вторых, отображается сразу распределение «элементов поиска» по шкале параметра. Таким образом, мы сразу можем исключить поисковые промахи, когда во введенные границы диапазона не входит ни один из «элементов поиска». Здесь даже кнопки «Применить» не требуется, просто через некоторое время простоя (0,5-1 сек) текущие значения границ передаются серверу.

Какие недостатки вы видите?

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