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

 

ПН

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


ВТ

Илья Бирман
Дизайн продуктов и услуг, интерфейс, представление информации


СР

Родион Жабрев
Рекламная ретушь: психология, обработка, подача


ЧТ

 

Артём Поликарпов и Коля Митин
Дизайн и технологии: вёрстка, скрипты, браузеры


ПТ

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


СБ

Иван Богданов
Логотипы и фирменные стили


ВС

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

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

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

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

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

В архиве

Виктор Лобанов
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—2012

Запрещённые слова
Пишите: artgorbunov@artgorbunov.ru