Советы Артёма Горбунова

10 дизайнерских товаров японских студий. Часть 1

Принцип последней мили в интерфейсах

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

Я родом с юго-востока Украины, где в данный момент у власти находятся так называемые ДНР-ЛНР. Для жителей региона это фактически государство, с которым тоже необходимо взаимодействовать (документооборот, справки, разрешения). Я и сам столкнулся с этим госаппаратом. Сейчас взаимодействие с государством на уровне 90-х: медленная работа служащих, тонны ненужных бумажек и бюрократической волокиты. Я не поддерживаю политику этих «государств», но хочу помочь гражданам упростить получение необходимого документа и справки. Я бы с радостью собрал команду и создал проект электронного документооборота с хорошим ЮИкс . Меня останавливают два нюанса: я не хочу попасть под статью «пособничество терроризму» (на Украине ЛДНР считаются террористами и любое сотрудничество с ними — это уголовка) и незнание, с какой стороны подойти к этой задаче.

Если опустить первое, как убедить руководство так называемых республик создать проект упрощения взаимодействия и создать аналог Госуслуг, хоть и с совсем небольшим MVP? Как это сделать, не раскрывая имени? Как подобные проекты получились в России? Или забить и пустить всё на самотёк?

Уважаемый Артём, подскажите, сочетаются ли между собой шрифты заголовка и текста, возможно, у меня уже замылился глаз, но не могу никак понять, вроде всё устраивает, но есть ощущение какого-то подвоха. Шрифты в заголовках — PF Din Text Cond Pro и Gill Sans Nova, шрифт в тексте — Anselm Sans.

Спасибо.

Помогите разобраться.

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

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

На просьбы скинуть .svg вместо .cdr отвечают отказом — «мы можем только Корел». А когда отправляешь им .svg — «отправьте в Кореле». Приходится конвертировать самостоятельно и потом, скрипя зубами, ручками править косяки конвертации. Объяснять всем подряд, что Корел умеет в .svg уже нет сил.

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

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

Джеф Раскин в книге «Интерфейс» вскользь говорит: «большинство людей из той культуры, на которую этот интерфейс ориентирован» (Глава 3.4. Видимость и состоятельность). Я знаю, что при планировании интерфейса дизайнер должен иметь в виду возраст и социальный статус пользователей, а вот о различиях в культуре не задумывалась. Значит, нужно учитывать разницу между американцем, русским и немцем при планировании банковского приложения, интерфейса беговой дорожки или интерфейса для покупки билета на метро?

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

Здравствуйте!
Не могу разобраться: фото находится в левой подмышке? Или название колонки на плашке не относится к композиции блока?

Практика: формулировка полезного действия

На сайте Антропогенез.ру есть плакат эволюционной родословной человека. Интересно ваше мнение о том, как можно улучшить этот плакат.

Бюро, без вас не справлюсь.

Как в русскоязычном письме писать названия типа «Beec», «Hopa» (это выдуманные названия на латинице). В голову приходит писать как в бюро — Биц, Хопа. Как быть, если нужно написать на латинице?

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

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

​​​Первое, что пришло в голову — плеер с разметкой и комментированием отдельных отрезков и точек. Чтобы было, от чего оттолкнуться, набросал небольшой эскиз. Комментарии, естественно, могут быть псевдоссылками. Подчёркиваю, это только первая мысль, начало пути. Параллельно решил спросить совета у вас, как решить задачу элегантно и просто :-)

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

Здравствуйте, как оформлять инструкцию к продукту? Книжечка в 30 страниц А5. Где разместить содержание? В начале или в конце? Можно ли делать развёртки? Как правильно выделять главное?

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

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

Цена над указателем самая важная — это последняя цена на текущую дату.

Есть минимальная цена и максимальная.

Есть ещё разница с последней ценой (красная или зелёная у названия, в процентах).

Проблема в том, что иногда текущая цена прижимается или к правому, или к левому краю, получается кучность — например у Лукойла.

Этот вариант я придумала, но клиенту не нравится, что название акции не заметно.

Добрый день!

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

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

Другой дизайнер нарисовал ему элемент дизайна. Ещё на этапе обсуждения, без оплаты. Заказчик просил меня, чтобы я тоже нарисовал. Я ему отказал. И обосновал отказ.

И знаете, он выбрал меня. И тут Кемп, как говорится, зашёл :-)

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

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

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

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

P. S. Читать снизу.

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

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

• Варианты:
• 1. Холодильники от 50 000 до 100 000 ₽
• 2. Холодильники от 50 000 ₽ до 100 000 ₽
• 3. Холодильники 50 000 – 100 000 ₽
• 4. Холодильники 50 000 ₽ – 100 000 ₽

• 5. Холодильники от 50000 … 100000 ₽
• 6. Холодильники от 50000 ₽ … 100000 ₽
• 7. Холодильники 50000 … 100000 ₽
• 8. Холодильники 50000 ₽ … 100000 ₽

• 9. Холодильники от 50 000 … 100 000 ₽
• 10. Холодильники от 50 000 ₽ … 100 000 ₽
• 11. Холодильники 50 000 … 100 000 ₽
• 12. Холодильники 50 000 ₽ … 100 000 ₽

• 13. Холодильники от 50000 до 100000 ₽
• 14. Холодильники от 50000 ₽ до 100000 ₽
• 15. Холодильники 50000 – 100000 ₽
• 16. Холодильники 50000 ₽ – 100000 ₽

Можете предложить свой вариант :-)

Для примера возьмём сервис, который показывает основные цвета в фотографии.

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

Почему так?

Добрый день!

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

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

Буду благодарен за помощь в выборе.

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

Но ведь всё не так буквально. Расскажите о тонкостях. Есть ведь блоговые движки, они и не позволяют по-другому оформлять статьи. Та же Эгея. Что же, их под нож?

Или я что-то не так понимаю?

Артём!

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

Правило внутреннего и внешнего, контраст, ширина текстовой колонки — это лишь то, как кажущемуся большинству проще воспринимать мир.

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

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

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

Проблема — я объясняю клиенту условия работы, до того как мы подпишем договор. Проговариваю важные для меня пункты. Даю время на то, чтобы клиент изучил договор. Отвечаю на вопросы, пишу понимание задачи. Повторяю условия три раза (без шуток). Но клиенты забывают договоренности.

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

Что делать?

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

Добрый день!

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

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

Поделитесь советом, как сделать график информативнее?

Была задача создать визуализацию для панели управления: отображать три значения, которые варьируются от 0 до 100, с привязкой к дате. Раздел с результатами тестов — всего лишь часть панели управления. Я выбрал гистограмму как средство отображения, полагаясь на знания из вашего совета и заметки Лебедева.

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

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

Как бы выглядело приглашение, если бы его делали в бюро?

• Как правильно указывать разделы сайта, если они упоминаются в тексте? С маленькой буквы, с большой, в кавычках? Например:
• „Добавляйте любимые товары в избранное“,
• „Добавляйте любимые товары в Избранное“,
• „Добавляйте любимые товары в «Избранное»“
А. Г.

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

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

Спасибо!

Нашла в одном узкопрофильном софте такую красоту. Фиксированная ширина окна, полное название тарифа не влезает, при этом первые несколько слов повторяются в каждой строке и увидеть различие тарифов невозможно. Хинта с полным текстом ячейки тоже нет — пользователь ориентируется исключительно на код.

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

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

Вопрос в следующем: есть ли какие-то правила использования иконки крестика для «Отменить». Или я просто выдумываю себе проблемы?

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

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

• В итоге в голову пришло два варианта:
• голова ключа оригинальной формы;
• вариант комбинаций выпуклостей на голове ключа.

А что ещё можно здесь придумать?

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

Если возможно, поделитесь шаблоном ответа.

Есть задача отобразить в индикаторе/диаграмме «больше 100%».

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

Еще надо, чтобы было легко понятно, сама информация.

Невозможно перевыполнить план на 200%, но могут изначально вбить неверные данные, поэтому надо предусмотреть такое. Поэтому вариант с полосой отпал. Вариант когда есть просто цветовое деление (меньше плана — красный / больше или равно — зелёный) тоже недостаточный.

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

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

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

Скажите, будет разбор вступительных работ в Школу дизайнеров? Очень хочу услышать вашу обратную связь по своей :-)

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

Почему в главном меню на сайте бюро вы не подчёркиваете ссылки?

Какие этапы у решения дизайнерской задачи?

(Часть вторая: этапы)

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

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

Вопрос: правильно ли подобран контраст? Разве не надо выделять рабочее состояние строки сильнее, чем состояние «выбор между»?

Какие этапы у решения дизайнерской задачи?

(Часть первая: ошибки)

Расскажите об эффектах.

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

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

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

Я права или это предрассудки?

Что такое горизонтальное и вертикальное развитие продуктов?

Расскажите об эволюции и революции продуктов.

(Часть вторая: стратегии)

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

Вопрос тебе как владельцу бизнеса и ценителю кофе.

Почему эспрессо стоит 100 рублей, а американо 150? Ведь американо — тот же эспрессо, но с добавочным кипятком. Неужели за него и добавляется 50% стоимости?

P. S. Кофе в Коворкафе люблю и обязательно пью по две чашки на советах Ильяхова.

Расскажите об эволюции и революции продуктов.

(Часть первая: опасности)

Добрый день!

Постоянно встречаю разные варианты написания слова «соцсеть». В основном вижу написание «соц. сеть». Сама пишу «соцсеть» — мне кажется, это как «зарплата», которую никто уже не пишет как «зар. плата». Как всё-таки правильно?

Расскажите о переходе к би- и полисистеме

Что такое согласование в дизайне?

(Часть третья: структурирование)

Традиционно для пропущенного текста, например в цитате, используются угловые скобки с многоточием внутри <…>

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

Можно ли чем-то заменить эти символы, чтобы было понятно и эстетично?

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

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

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

Что такое согласование в дизайне?

(Часть вторая: согласование взаимодействия)

Что такое согласование в дизайне?

(Часть первая: согласование элементов)

Поясните, пожалуйста, насчет Школы менеджеров.

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

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

Расскажите об управляемости.

(Часть восемнадцатая: инструмент дизайнера)

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

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

Я считаю, что обо всём можно договориться, а что думаете вы? (Также там интересны и комментарии к его вопросу)

Расскажите об управляемости.

(Часть семнадцатая: экосистема)

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

• Сейчас значительную часть дня спят, выпивают бомжи.
• 1) Мусорят. Если делать замечание про мусор — убирают, но не всегда кто-то есть рядом.
• 2) Пахнут и рядом неуютно сидеть.

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

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

Расскажите об управляемости.

(Часть шестнадцатая: самоуправление)

У нас возник спор с коллегами. В модуле есть три абзаца. Строки примерно одной длины. Должен ли изменяться интерлиньяж абзаца в зависимости от количества строк в нём? Сейчас во всех абзацах интерлиньяж 26 п. Размер шрифта 18 п.

Расскажите об управляемости.

(Часть пятнадцатая: интерфейс)

Отступ от первой строки режет глаз. Не нарушается ли здесь правило внутреннего и внешнего?

Добрый день. Помогите мне разобраться с собой. Мой клиент заказал фирменный стиль у другого дизайнера. Вот этот вариант был выбран и утверждён. Теперь у меня «рвёт пукан» :-) Не могу понять — это от зависти и логотип действительно крутой и он в тренде или он отстой, как я думаю.

Расскажите об управляемости.

(Часть четырнадцатая: программа)

Артем, привет!

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

За основу были взяты цифры из шрифта Oswald. Шрифт имеет сжатые пропорции и относительно нейтральную форму символов. Контуры всех цифр были переработаны и на их основе был нарисован знак рубля — ₽, а также потом дополнили знаками евро, доллара и гривны.

Основное предназначение этикетки, ценники.

Что скажете?

Расскажите об управляемости.

(Часть тринадцатая: обратная связь)

Мильчин в «Справочнике издателя и автора» говорит, что разряды в числах нужно отделять пробелом, приводя в качестве примера число 5 825.

Лебедев в Ководстве говорит, что «…разряды лучше всего разделять простым пробелом <…>, но только начиная с пятизначных чисел».

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

Расскажите об управляемости.

(Часть двенадцатая: сигнал)

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

Расскажите об управляемости.

(Часть одиннадцатая: воздействие)

Артём, давно слежу за работами бюро, читаю советы.

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

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

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

Артём, давно слежу за работами бюро, читаю советы.

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

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

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

Артём, давно слежу за работами бюро, читаю советы.

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

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

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

Артём, давно слежу за работами бюро, читаю советы.

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

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

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

Что вы думаете о дебатах Лебедева и Навального?

Расскажите об управляемости.

(Часть десятая: динамизировать, согласовать, перейти к би-поли-)

Как защищать ОЧЕНЬ простые дизайнерские решения?

Расскажите об управляемости.

(Домашнее задание)

Магазин бюро предлагает сначала зарегистрироваться где-то в другом месте и блокирует кнопку купить. А как же «интерфейс — зло?»

Вопрос Артёму Горбунову. Что вы думаете о недавнем ребрендинге молочных продуктов «Активиа»?

Расскажите об управляемости.

(Часть девятая: использовать спецэффекты)

Как договориться с коллегой?

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

Что посоветуете?

Расскажите об управляемости.

(Часть восьмая: использовать спецэффекты)

Расскажите об управляемости.

(Часть седьмая: замена взаимодействия)

Добрый день! Помогите с немного дилетантскими вопросами:

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

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

Расскажите об управляемости.

(Часть шестая: параллельная формула)

Расскажите, пожалуйста, о точке, которая выступает разделителем между словами.

Заметила, что с помощью неё оформляют списки или разделяют пункты меню, которые идут в строку. Откуда пришёл этот приём? Насколько уместно её использование в вебе или печати и как это делать правильно?

Расскажите об управляемости.

(Часть пятая: подчинённая формула)

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

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

Расскажите об управляемости.

(Часть четвёртая: добавить энергию)

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

1. Там написано «При условии наличия»

Расскажите об управляемости.

(Часть третья: добавить элемент)

«Иллюстра­ция под заго­лов­ком отде­ля­ет текст от заго­лов­ка и пре­ры­ва­ет чте­ние. При этом иллю­стра­ция замет­нее рань­ше тек­ста, и чита­те­лю при­дёт­ся пры­гать от неё взгля­дом вверх-вниз к заго­ловку и тексту».

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

Расскажите об управляемости.

(Часть вторая: видоизменить элемент)

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

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

Как в бюро решают такие задачи?

Расскажите об управляемости.

(Часть первая: управляющий и управляемый)

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

Год назад вы раскритиковали наш логотип, похожий на вегетарианское кафе с брокколи.

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

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

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

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

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

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

Посадил на плашку, чтобы сейчас было виднее. А на сайте можно и без плашки — просто светлые буквы на тёмном фоне или наоборот. А может, и с плашкой, все-таки наш корпоративный цвет, и внешне отвечает вебовской эстетике: похоже на кнопку.

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

Что там дальше с решением задач?

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

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

Что такое динамизация?

(Часть шестая: инструмент дизайнера)

Добрый день, уважаемые бюрошники!

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

Вроде бы очевидно, что аккаунт читать это должен.

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

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

Очень наболело. Ответьте, пожалуйста.

Что такое динамизация?

(Часть пятая: динамизация функций)

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

Что такое динамизация?

(Часть четвёртая: динамизация взаимодействия)

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

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

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

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

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

Вы как-то делали сайт для Пэй-апа. Сегодня зашёл на него и удивился, увидев стандартный этажный дизайн.

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

Что такое динамизация?

(Часть третья: динамизация связей)

Помогите разобраться с оформлением УРЛ-адреса в тексте. Нужно ли ставить точку в предложении, которое заканчивается ссылкой? Например вот в таком:

• За дополнительной информацией обращайтесь, пожалуйста, по адресу: www.site.ru.

Насколько я понимаю, точку нужно ставить в конце любого предложения. Или этот момент регулируется каким-то правилом?

Что такое динамизация?

(Часть вторая: предельное дробление)

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

Например, есть организация с названием «Седьмое измерение». У организации есть логотип с надписью «7-ое измерение».

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

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

Что такое динамизация?

(Часть первая: распилить и связать)

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

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

Как правильно писать имена пользователей в списках?

Есть мнение, что последовательность «фамилия → имя → отчество» удобнее, т. к. по фамилии проще найти нужного человека. Насколько такая последовательность уместна? Мне она не нравится, но аргументировать последовательность «имя → отчество → фамилия» в списке я не могу.

Зависит ли такая последовательность от контекста страницы? Прикрепил пример: рейтинг пользователей и список пользователей компании. Стоит ли совмещать два типа написания?

Добрый день!

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

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

Я читаю о признаках FIRE, все примеры по отдельности понятны. А как это использовать всё вместе — не понимаю. Расскажите на каком-то одном примере!

(Третья часть)

Артём!

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

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

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

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

Я читаю о признаках FIRE, все примеры по отдельности понятны. А как это использовать всё вместе — не понимаю. Расскажите на каком-то одном примере!

(Вторая часть)

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

Я читаю о признаках FIRE, все примеры по отдельности понятны. А как это использовать всё вместе — не понимаю. Расскажите на каком-то одном примере!

Артём!

Вы писали, что иллюстрация, которая находится в левой «подмышке», отделяет заголовок от текста. Так почему же на сайтах «Системы Главбух», «Системы Юрист» и «Системы Кадры» на главной странице именно левая «подмышка»?

Зачем образование в работоспособных системах?

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

Расскажите о ресурсах.

Добрый день!

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

• Пришла на работу несколько недель назад в юридическую фирму. И столкнулась с массивом:
• 100%-ая гарантия;
• 100%-ый успех;
• 100%-ый результат.

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

А. Г.2 2

Что такое целостность системы?

Это нумерация шкафчиков в фитнес-клубе. Правильно ли размещать её сверху вниз?

Что такое формула системы?

Д. П.: Поясните, пожалуйста, логику выбора формата электронного учебника Артёма Горбунова «Типографика и вёрстка». Зачем развороты? Это же обычный сайт, который незачем насиловать книжным форматом. Кажется, что «Московский метрополитен» в первой главе удобнее было бы расположить справа, а поясняющий текст слева.

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

Признаки работоспособной системы

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

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

Надеюсь на ответ.

От чего зависит успех продукта? Продолжение.

Здравствуйте. Разрабатываю лого для рекламного агентства Альбион. Из буквы «А» пыталась изобразить банер. Хочу поинтересоваться, как можно его улучшить? Может, сделать текст вдаль? Или разместить элементы, связанные с рекламой, на самом банере (например смартфоны, ручки, ТВ, журналы)?

Что там дальше с решением задач?

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

Почему в одних блоках на вашем сайте точка ставится, а в других, с виду таких же — нет? (см. скриншот)

И должны ли заканчиваться точкой предложения в ячейках таблицы?

От чего зависит успех продукта?

А что за «взгляд новичка» такой? Вы его везде упоминаете.

Как время и место связаны с разрешением противоречия?

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

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

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

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

Что делать в такой ситуации? Возможна ли такая вёрстка?

Как разрешать противоречия без компромиссов? Часть третья.

Как вы прописываете «Ресурс» в трудовом договоре?

Как разрешать противоречия без компромиссов? Часть вторая.

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

Как разрешать противоречия без компромиссов?

Что вы думаете о Рейтинге Рунета? Почему не участвуете?

Расскажите о методе грубой силы.

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

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

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

Что такое капитуляция?

Почему в бюро пишут «Гугль», а не «Гугл»?

Расскажите о компромиссах.

Нет ли проблем с информационными слоями на клавишах?

Как разрешать противоречия?

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

Что посоветуете почитать, посмотреть? Спасибо!

Что такое минимизация конструкции?

Добрый день!

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

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

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

Как решать дизайнерские задачи?

Расскажите, на что опереться русскому дизайнеру.

Что такое выход из прямоугольника?

Расскажите об ушках, цитатах и фактоидах.

Расскажите о вёрстке главной страницы.

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

Как собрать страницу из модулей: с иллюстрациями.

Как собрать страницу из модулей: без иллюстраций

Как собрать страницу из модулей: зачем нужна сетка?

Расскажите о вёрстке доминирующих и вспомогательных иллюстраций.

Как форма текста влияет на порядок чтения?

Как верстать текстовые блоки с иллюстрациями?

Расскажите о формате и выборе полей.

Что такое модульная вёрстка?

Как вам вступительные задания в Школу стажёров? Какие тенденции? Общий уровень?

Как верстать модули с лентами?

Как верстать текстовые блоки?

Что нужно знать о подписях в вёрстке?

Расскажите о ссылках в вёрстке.

Расскажите, как работают элементы управления в вёрстке.

Расскажите об иллюстрациях как базовом элементе.

Что нужно знать о тексте как базовом элементе?

Расскажите о вёрстке заголовков.

Вопрос по шрифтам.

Я часто делаю макеты афиш, используя Фотошоп и Корелдро. Давно заметил такую деталь: когда пишешь любым шрифтом цифры (к примеру «год 2014»), то его приходится адски кернить.

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

Конечно, я обычно использую бесплатные шрифты, но платные тоже этим недугом страдают. Шрифт Студии Лебедева Пермиан я часто использую, он мне очень нравится, и в нём таких недостатков нет. Если есть, то несущественные — его практически не надо двигать.

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

Вопрос: в чём причина? Почему даже платные шрифты скачут?

Бюро, привет!

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

Что делать?

Артём!

Правила внутреннего и внешнего, якорных объектов, модульности — это универсальные принципы вёрстки. А каковы её базовые элементы?

• В текстах об условиях операций, комиссии, процентах постоянно приходится выбирать между унификацией и отсутствием повторов:
• 10 Гб — 30 рублей в месяц, 300 рублей в год.
• 100 Гб — 100 рублей в месяц, 1000 рублей в год.
• 1 Тб — 900 рублей в месяц, 9000 рублей в год.

Рублей-рублей-рублей, год-год-год.

Что с этим делать?

Уже перепробовал кучу способов сверстать эту информацию. На 100% не устраивает пока ни один. Может, что подскажете?

Как по-вашему, хорошая ли идея для Яндекс-метрики? Мне этого очень не хватает внутри интерфейса.

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

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

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

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

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

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

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

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

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

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

На данный момент у этой страницы конверсия ~1,2%. Что в ней не так? Почему бы вы не сделали покупку на сайте?

Страница в действии

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

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

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

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

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

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

Уважаемые советчики, как вы относитесь к «подкату» для текстов? Тот же Хабр использует тег <habracut />, чтобы делить статью пополам.

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

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

Делаем вот такой шаблон для афиш периодического мероприятия. Двухцветный вариант (А4) для поверхностей с множеством других объявлений, а цветной на белом фоне (А3 и больше) для более свободных поверхностей. Будущий рисунок представлен наброском.

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

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

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

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

Объяснение логичное, и я взял его за правило.

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

Хотелось бы услышать ваше мнение относительно выравнивания текста в контролах. Спасибо.

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

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

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

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

Что же делать?

Биткоин или биткойн?

Решил переделать Ай-ОС, но до этого никогда не занимался дизайном интерфесов.

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

Что делать со словом «дизайн» в России?

Дизайн — это проектирование. У нас в России понимают под дизайном внешний вид и всё что угодно, но никак не процесс.

Как вы доносите своим клиентам, что дизайн — это не внешний вид, а совершенно иная деятельность?

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

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

• Переход фокуса
• Переход фокуса — 2

Что вы думаете об этом эффекте?

Что можно добавить/изменить в оранжевой части или калькуляторе в целом?

Спасибо.

Во многих организациях есть информационный стенд, как, на ваш взгляд, можно сделать его красивее и полезнее?

Как в бюро ставят задачи?

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

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

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

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

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

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

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

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

Получилось вот так вот. Решение не требует выхода в надсистему, т. к. размер билета не изменяется, можно даже фон оставить таким же. Чисто служебная информация отделена от нужной пассажиру. У меня возникла проблема с правильным размещением информации о пассажире и об обслуживании. Шрифт — Segoe UI от Майкрософта.

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

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

Что мы сделали не так?

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

Подскажите, пожалуйста, как это сделать технически в Индизайне?

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

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

Как эту задачу решили бы в бюро? Спасибо.

Как написать хорошее резюме?

Надоело работать без сна и отдыха. Что посоветуете?

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

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

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

Как сделать данное расписание работы кафе более понятным?

Посмотрите, пожалуйста, дизайн продукта «Тайминг».

Наша цель — облегчить удалённую командную работу.

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

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

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

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

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

Разыгрался у нас с заказчиком горячий спор. Он человек разумный и пообещал прислушаться к точке зрения незаинтересованного профессионала. Есть у нас сайт продажи винограда, а именно корзина с контактными данными клиента. Целевая аудитория — люди за сорок. Они жутко консервативны и в общении с компьютером не сильны. Именно такой спецификой аудитории заказчик мотивирует необходимость сильно детализировать последующие действия для клиентов. На варианте номер 1 моя версия, номер 2 — заказчика. Мне второй вариант кажется слишком «навязчивым» и «кричащим».

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

Делаю салонную схему автобусных маршрутов. Как удачнее показать, что на общем с 30-м маршрутом участке от Фрунзе до Хромова у 56-го автобуса движение только в одну сторону?

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

Выбранные страны (5): Россия |1.500, Германия|2.000, Франция|1.400, Италия|1.100, Испания|0.900

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

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

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

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

Как правильно размещать водяные знаки на фото?

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

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

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

Спасибо.

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

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

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

Интересен ваш опыт.

Вопросы о системе «Ресурс»:

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

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

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

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

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

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

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

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

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

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

Пересматривать весь интернет и искать похожее? Или так у всех бывает?

• Как правильно писать размерность (допустим, длину и ширину)? Речь именно о знаке между самими величинами:
• 200*300 мм
• 200x300 мм
• 200 x 300 мм

Возник спор с женой, никак не можем аргументированно защитить свою позицию. Гугль, госты и словари не помогли.

Артём, как вам новости о том, что «Бест-бай» отменяет ROWE?

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

Привет, ребята!

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

Скажите, пожалуйста, почему «Таиланд» попал в список запрещённых слов?

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

Мы разрабатываем сайт с бесплатными объявлениями. У посетителя имеется возможность делать отметки для себя о каждом объявлении.

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

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

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

Не могу покреативить над комм. предложением. Тема — грузоперевозки, грузчики. Город и область. Направьте в нужное русло, если можно, набросок.

Добрый день!

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

Спасибо.

Привет! Нужно ли красить запятую?

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

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

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

Помогите выйти из неудобной ситуации!

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

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

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

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

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

Мне часто говорят: этот перфекционизм не продаёт. Пусть так. Как ещё объяснить, зачем быть перфекционистом?

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

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

В ваших проектах я его вообще не вижу. Это уже атавизм? Или только в некоторых случаях можно обойтись?

Спасибо.

Это расписание занятий по фитнесу (для сайта).

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

Недавно появился второй тренер: в четверг, в 9 утра получилось сразу два занятия в одной клеточке. И это только начало :-)

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

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

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

Расскажите, пожалуйста, чем вы руководствуетесь, размещая или, наоборот, не размещая работу в портфолио? Скажем, сайт Т2, как обозначено на нём, спроектирован и оформлен в бюро, но в портфолио его нет.

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

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

Путём размышлений была рождена идея: цена в списке кликабельна, при клике открывается поле с редактированием цены и появляются кнопки, зелёная с надписью Enter и красная с надписью Esc. Это было сделано с учётом разных пользователей: кто-то любит тыкать во всё мышью, кто-то любит хардкорно нажимать на клавиши.

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

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

Привет, Родион.

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

Как вы с этим справляетесь?

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

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

Спасибо.

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

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

Добрый день!

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

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

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

Два вопроса: 1. Думаете, нужна? 2. Если заказчик говорит, что нужна, а вы считаете, что нет, то нужно переубеждать заказчика или себя?

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

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

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

Расскажите, как вы делаете такие «вкусные» кнопки?

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

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

Артём, расскажите, пожалуйста, мою судьбу по этим визиткам.

Спасибо.

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

Около года назад присылали вам ТЗ на разработку сайта поиска деловых контактов в Китае.

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

Спасибо.

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

Привет, Родион!

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

Вам, наверное, приходилось видеть некоторое количество проектов договоров, которые в итоге становились договорами. Те, которые приходилось видеть мне,— «шедевры» оформления текста и вёрстки.

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

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

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

Долго мучали логотип, пока не вымучали следующее. Хотелось бы услышать критику: что плохо, что хорошо, какие типичные ошибки?

Спасибо.

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

Второй вопрос.

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

Мне кажется, или данное формообразование имеет дефекты в указанных местах?

Как можно добиться плавного перехода одной формы в другую? Все дело в микромиллиметраже? :-)

Здравствуйте, Артём! Расскажите пожалуйста, как на сайте бюро реализована разрядка у прописных букв?

Артём!

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

Если раньше я знал, что делать и зачем, и имел отличный инструмент для проверки своих решений — «Метрику», то сейчас я не знаю, что делать дальше. Адвокат хочет выйти на Москву.

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

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

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

В чём особенности стандарта XHTML, как его применяют при создании веб-страниц?

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

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

Как сделать крутящийся прелоадер, независящий от фона?

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

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

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

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

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

Год назад запустил личный проект «Либретто опер».

Артём, покритикуйте, пожалуйста.

Спасибо.

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

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

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

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

Артём, приветствую!

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

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

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

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

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

У меня есть несколько вариантов, но все несколько смущают:

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

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

3 и 4 получаются громоздкими при увеличении интервала до нескольких дней.

Привет! Хочу сделать красивый блог с пошаговыми рецептами. Но удобный и красивый.

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

Спасибо :-)

Как сделать тон кожи одинаковым? Самым качественным способом, что есть! Убрать покраснение, синяки и т. д.

Родион, расскажите про «мемори-колорс».

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

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

Спасибо!

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

Стрелки кривые, а что ещё выглядит плохо? Спасибо!

Как наилучшим образом обеспечить доступность для иностранцев городских табличек с названиями улиц? Перевод или транслитерация? Street или ulitsa?

Основные аргументы в пользу перевода состоят в том, что street, avenue etc. понятны для большинства иностранцев. Но и транслитерация (ulitsa, без сокращения до ul.) при кажущейся уродливости имеет веские аргументы в свою пользу:

Интуристу не нужно осмысливать — улица это или переулок, это не имеет никакой ценности для ориентирования. Ему нужно соотнести то, что он видит в других источниках (например, на электронных картах, навигаторах, слышит от аборигенов), с тем, что может прочесть на указателях. Услышал bulvar — прочитал bulvar. Кроме того, интуристы бывают не только англоязычные. Во всех нормальных странах не стесняются своих rue, Straße, calle — не переводят их.

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

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

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

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

Бюро и советчики!

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

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

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

Есть проблемы с перспективой и соответствием форм в рисовании. На картинке надпись должна идти по форме стакана. Как это сделать, какими инструментами и способами добиваются соответствия форм в Фотошопе? Я использую free transfopm в режиме warp для таких случаев, только у меня всегда получается ужасно.

Спасибо!

Добрый день!

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

Спасибо.

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

В совете за 19 декабря 2011 Артём Горбунов говорил о несочетающихся пропорциях шрифтов.

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

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

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

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

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

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

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

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

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

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

Насколько удачно получилось оформление цитат? Чем длиннее цитата — тем меньше размер шрифта (максимальный — 30 пикселей, минимальный — 20 пикселей).

И как лучше указывать автора?

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

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

Каждому социотипу справа соответствует набор признаков слева.

Основная задача социотипографа — облегчить «типирование» людей. Достаточно выбрать три-четыре признака в левой таблице, чтобы список подходящих типов (правая таблица) сузился до одного-двух.

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

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

Как можно улучшить данный интерфейс?

Спасибо!

Добрый день. Что вы думаете об этой идее?

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

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

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

Скажите, как правильно расставлять ссылки в предложениях? Как бы вы расставили ссылки в этих новостях с сайта glavbukh.ru?

• 11 января 2012
• Получить социальный вычет теперь стало проще
• Детские пособия проиндексированы на 6 процентов
• Иностранцам с их покупок в России предлагают возвращать НДС
• Налогоплательщики украсили новогодние ёлки в ИФНС
• Заплатить налоги через платёжный терминал нельзя
• Последний день для сдачи расчёта 4-ФСС за 2011 год — 16 января
• ФНС напомнила предпринимателям об обязанности соблюдения кассового порядка
• Все самые важные изменения, которые нужно учесть в работе в 2012 году

• 10 января 2012
• Месяц открытых дверей к программам и справочникам специальной поддержки «Главбуха»
• Пока можно оформлять счета-фактуры на прежних бланках: новые формы ещё официально не опубликованы
• До конца следующей недели нужно подать сведения о среднесписочной численности работников
• Инновации и модернизацию в производстве нужно отражать в бухучёте по специальным правилам
• Заработал новый порядок регистрации обособленных подразделений в территориальных органах ФСС
• Переплату по налогам, которую невозможно вернуть, налоговики спишут
• Только в январе! Скидка 20% для всех, кто выписывает «Главбух» за личные деньги
• Утверждён порядок списания безнадёжных долгов граждан
• ФНС составила список характерных налоговых нарушений
• На 2012 год установлены новые КБК

• 28 декабря 2011
• Порядок предоставления скидок и надбавок по страхованию «на травматизм» поменяется
• За контрольно-кассовую технику будут отвечать налоговики
• Налогоплательщики Омска смогут воспользоваться новыми сервисами
• Налог на доходы нужно заплатить с любого выигрыша независимо от стоимости
• Если заём выдан на покупку или строительство жилья, материальную выгоду НДФЛ облагать не нужно
• Поздравляйте всю страну и выбирайте потрясающие рецепты к Новому году и Рождеству!

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

Я сделала пример расписания электричек для одной из веток в Ленинградской области.

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

Показаны только первые несколько рейсов.

• В работе смущает следующее:
• 1) нет единства стилей — минуты не всегда удаётся расположить с одной стороны от линий;
• 2) оправдано ли дублирование часов внизу схемы?
• 3) уместно ли отсутствие в схеме номеров поездов? Направлений пригородных поездов намного меньше, чем междугородних, и пассажиры ищут на вокзале скорее табличку с направлением (СПб — Гатчина), а не номер поезда;
• 4) в какой программе удобнее выполнять подобную работу? Чтобы временным промежуткам точно соответствовал свой угол наклона отрезка. Сейчас во многих местах минуты не совпадают.

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

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

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

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

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

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

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

Как вы считаете, имеет ли значение, каким образом обозначать изменение цены в интернет-магазинах? То есть что показывать первым делом: старую зачёркнутую или актуальную цену?

Спасибо.

Вы часто упоминаете ТРИЗ, в том числе в «вёдрах» своих проектов. Я прочитал первоисточник — книгу Генриха Альтшуллера «Найти идею: введение в ТРИЗ». Насколько мне удалось понять, автор рассматривает ТРИЗ как средство решения инженерных задач, которые касаются физических, материальных объектов.

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

Что даёт вам основания предполагать, будто принципы, сформулированные для материальных систем, можно переносить на информационные? Не шарлатанством ли вы занимаетесь?

Коллеги!

Как вы поступаете в случае, если клиент перед началом переговоров настаивает на подписании договора о неразглашении (NDA)?

Я принципиально не подписываю такие договоры во время переговоров (для этого есть соответствующий раздел в договоре на разработку), т. к. содержание НДА обычно крайне «мутное», а штрафные санкции за разглашение предоставленной клиентом информации описываются суммой с множеством нулей. Вместо этого я веду с клиентом долгую раъяснительную работу, объясняя, почему не стоит бояться рассказать нам всё о своём бизнесе и его инновационной составляющей (которая в 9 случаях из 10 является секретом Полишинеля). Клиенты на это аргументируют: «Раз вы такие честные, то просто подпишите договор, иначе мы работать не будем — боимся, как бы вы не украли нашу идею и не реализовали её самостоятельно» (и тут я начинаю повторять свой рассказ о том, почему мы не будем самостоятельно реализовывать идеи наших клиентов, тратя снова время).

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

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

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

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

Не является ли ссылка на РСС дублированием функциональности браузера?

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

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

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

Способов — море, на какие опереться?