☭Советы

Коллеги!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как будет правильно?

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

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

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

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

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

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

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

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

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

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

Это кусок интерфейса службы поддержки (в примере выдуманные названия). Список состоит из ~ 100-150 записей-сервисов, снабжён фильтром.

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

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

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

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

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

Правильнее будет писать «первый» или «1-й»? Какую форму лучше использовать в статье?

Например, можно ли начать предложение так?

• 21 января в 8:30 компания «Весы» будет проводить субботник.

Ещё варианты:

• 16 % идут на страховую часть, 6 % — на накопительную часть пенсии.
• 16 лет компания работает на рынке финансовых услуг.

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

• С этих сумм будет взиматься 10 % взнос.

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

Добрый день!

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

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

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

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

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

Проведя небольшой юзабилити анализ, составил список изменений по степени важности:
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, что позволит увеличить поле для просмотра изображений.

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

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

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

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

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

• Коллеги,
  во вложенном файле обновлённые списки.
• Маша, привет!
  Во вложенном файле обновлённые списки.
• Добрый день.
  Во вложенном файле обновлённые списки.

• С уважением,
  Имя Фамилия.
• С уважением.
  Имя Фамилия.
• С уважением
  Имя Фамилия

Я встречаю все три варианта в разных письмах.

Что значит запятая или восклицательный знак в конце «Коллеги» или «Привет»? Какой из них правильный?

Спасибо.

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

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

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

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

Вот Тёма в ЖЖ выложил образец договора Студии. Думаю, образец вашего договора, если это не коммерческая тайна, тоже будет многим интересен. Уважаемые советчики, которые работают по ФФФ, могли бы тоже поделиться своим видением вопроса.

Спасибо.

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

Спасибо!

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

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

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

Всем привет!

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

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

Что вы думаете об этой инфографике? Судя по реакции в Твитере, она привлекла очень много внимания.

Крупная версия

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

Чем вы руководствуетесь при отрисовке / правке отражений на такого рода объектах?

Здравствуйте, Максим.

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

• P. S.: Текст с большой буквы.
• P. S.: текст с маленькой буквы.
• P. S. Текст с большой буквы.
• P. S. текст с маленькой буквы.

И второй вопрос — почему эту аббревиатуру не переводят на русский, в то время как, например, RSS принято переводить РСС?

Спасибо.

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

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

Также хотелось бы увидеть вашу визитку (если она есть) и визитки ребят из бюро.

Здравствуйте, ребята!

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

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

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

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

Подскажите, как можно переработать навигацию? Спасибо.

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

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

Привет!

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

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

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

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

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

Добрый день!

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

Что вы посоветуете в нём изменить, чтобы повысить количество обращений на заказ часов или побуждений прийти к нам в салон их померить/купить.

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

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

Добрый день!

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

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

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

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

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

Что делать с точками и запятыми в конце цитаты в кавычках?

• Выносить их за кавычки?
• Оставлять их внутри кавычек?
• Одно оставлять, другое выносить?

Что делать в цитатах с двойной вложенностью?

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

Здравствуйте, хотим спросить вашего совета. Мы около полутора лет назад открыли студию дизайна в провинциальном городе, за это время успели поработать с местными представительствами Ауди, Киа, с ещё парой городских компаний из ряда среднего бизнеса. Однако мы пришли к выводу, что это не приносит удовлетворительного дохода, а наши специалисты зарабатывают (по меркам города) не очень большие деньги — 20-25 тысяч в месяц. Плюс ко всему действительно крупные заказчики заказывают не у нас, предпочитая заплатить миллион за ребрендинг крупным столичным студиям.

Встал вопрос — арт-директор считает, что нам необходимо начать предлагать клиентам сайты на ЦМС с уже готовыми стандартными модулями и стараться делать дизайн быстро (в идеале 1-2 дня). Это позволит нам снизить цены на сайты и делать их больше, получая большие прибыли.

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

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

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

Здравствуйте, уважаемые рецензенты!

Удался ли редизайн игры Flood it?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добрый день!

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

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

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

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

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

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

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

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

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

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

Банкомат:
• Пожалуйста, вставьте карту
• Пожалуйста, укажите сумму
• Пожалуйста, нажмите далее
• Спасибо, ваша операция обрабатывается. Пожалуйста, подождите

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

Вид формы, где подписи находится слева, а инпуты справа.

Как в такой форме размещать чекбокс?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Примечания:

1. Сроки — фиксированные: 15, 30 и 50 дней.
2. Поле для указания даты и времени оплаты решил сделать просто как input type=«text», без свистелок и перделок, потому что кто-то может указать «Вчера примерно в 4 часа дня», а другой — «15.11.2011, ~15:30».
3. При нажатии на «У меня ещё нет аккаунта...», поле аккаунта становится неактивным.

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

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

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

Склоняюсь к варианту «а».

Вообще, есть ли какие-то правила для написания таких вещей в плакатах и печатной рекламе?

Спасибо вам за советы.

Здравствуйте! Расскажите, пожалуйста, как следует поступать с темой письма заказчику. Речь идет об электропочте, конечно.

Действительно, заполнять её автоматически «Re: Трансляция» — скверно. Мало того, что это возможно только в ответном письме,— это ещё и выглядит неуважительно. Словно мне лень набрать там что-то человеческое. Но ведь и поле-то не человеческое! Нормальные люди в нормальной эпистолярике не обозначают письма выжимкой их содержания. Тем более одно письмо может одновременно содержать и вопросы, и уточнения, и предложения, ответы и продолжения мыслей, идеи и дополнения. И что угодно ещё. Что угодно, не укладывающееся в два слова, которые и будут видны получателю в столбце тем.

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

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

P. S. И вытекающий вопрос — что делать с этим неудобным полем, проектируя интерфейс почтового клиента?

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

Добрый день!

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

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

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

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

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

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

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

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

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

Артём, dobrý den!

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

Андрею Тиханову.

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

Жду замечаний, впечатлений и, конечно, советов. Спасибо.

Как правильно: «Подписка по РСС» или «Подписка через РСС»? То же самое интересно узнать и для других случаев, например, эл. почты.

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

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

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

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

Благодарю за помощь.

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

Спасибо.

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

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

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

Спасибо.

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

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

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

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

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

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

Добрый день! Нужен ваш совет.

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

Задание выполнено? Или стоит ещё подумать? Если стоит думать, то в каком направлении?

Андрей, привет!

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

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

Что я имею в виду?

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

Последнее время такие тенденции наметились в интерфейсах Яндекса.

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

Эти все тенденции к заимствованию (мода, так сказать), как мне кажется, не несут никакой полезной информации, а только ухудшают восприятие продукта дизайна.

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

Ты согласен с этим или нет?

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

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

Буду признателен за вашу оценку ситуации.

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

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

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

В результате:

а) проектов стало меньше (необоснованное повышение цен практически на треть явно смутило заказчика);

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

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

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

Спасибо!

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

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

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

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

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

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

Благодарю.

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

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

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

Внизу под полями ссылка на распечатку памятки в ПДФ (открывается в новом окне, форма не закрывается), и условия акции (просто всплывающее окошко, без перехода куда-либо). Ссылка будет подчёркнута точками (на макете ошибка).

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

Есть несколько вопросов:

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

Спасибо за критику!

Андрей!

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

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

Встретил на авторитетном сайте фразу: «псевдо профессиональный жаргон».

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

Добрый день!

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

Как бы вы поступили в данной ситуации?

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

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

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

Спасибо.

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

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

Добрый день! Нужен ваш совет!

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

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

«Добавить в избранное» — тоже не то. Ассоциация с закладками в браузере.

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

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

Как правильно писать Internet service provider по-русски:

• интернет-сервис-провайдер,
• интернет сервис-провайдер,
• интернет-сервис провайдер,
• интернет сервис провайдер?

Склоняюсь к первому варианту. А вы?

Максим Ильяхов1 1

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

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

Спасибо!

Сейчас многие предприятия покупают домены на русском. Для примера возьмём «рогаикопыта.рф». Как вы считаете, насколько ли правильно использовать эти домены только для перенаправления на «правильные» rogaikopyta.ru?

И второй вопрос, как правильно писать на упаковке и наружке? Ведь «www.рогаикопыта.рф» как-то уж больно коряво смотрится, а просто «рогаикопыта.рф» не всем напоминают адрес сайта.

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

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

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

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

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

Добрый день!

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

P. S. Переучиваюсь с одежды на веб, судите строже :-)

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

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

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

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

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

Какое решение для селекта по умолчанию самое приемлемое?

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

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

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

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

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

Некоторый механизм управляется с планшета с тач-интерфейсом (пальцами). Используются кнопки с фиксацией и без (push и toggle button) для перемещения рабочего органа. В случае кнопки без фиксации рабочий орган будет двигаться, пока палец находится на кнопке. В случае кнопки с фиксацией кнопка залипнет и движение продолжится до достижения некоторого заданного предела перемещения. Радиокнопки и кнопки типа iphone switch (on\off) не годятся, поскольку их расположение на экране будет конфликтовать с перемещаемым объектом.

Как визуально можно различить эти кнопки?

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

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

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

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

• «Регистрация» или «Зарегистрироваться»?
• «Добавить товар» или «Добавление товара»?

На мой взгляд, верный вариант: «Регистрация» для заглавия, «Зарегистрироваться» — лейбл для элемента, который завершает процесс (например, кнопка). Соответственно, «Добавление товара» и «Добавить товар».

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

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

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

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

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

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

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

Была задача «уложить» программу выставки в две колонки лифлета А4. Подскажите пожалуйста, стало ли понятнее и проще? Что можно было сделать лучше?

Андрей, привет!

Расскажите, пожалуйста, как сделать «реальную» обложку и тень?

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

Здравствуйте! У меня вопрос.

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

Скажите, может, я чего делаю неправильно?

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

Спасибо!

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

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

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

82 000 руб. — тратим в год на покупку оригинального картриджа для принтера. 21 600 руб. — тратим в год на заправку того же самого картриджа. Как итог — имеем экономию в размере 60 400 руб.

Андрей, как корректно перекрасить одежду на картинках в один цвет?

Правильно ли здесь использованы сложно-составные слова вроде «тушь-дизайнер объёма» или «двусторонний аппликатор-расчёска»?

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

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

Привет!

Готовлю к открытию сайт «Сделкино». (Вся активность пока в Боровичах).

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

Спасибо!

Добрый день!

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

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

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

Спасибо.

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

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

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

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

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

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

Спасибо!

Как правильно писать диапазоны чисел в буквенном представлении? Через дефис (час-два) или через тире (десять—одиннадцать)?

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

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

Приветствую, Андрей!

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

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

И да, какие косяки я не заметил? Благодарю наперёд.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Добрый день!

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

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

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

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

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

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

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

Андрей!

Тень — как настоящая? Как сделать её ещё более настоящей?

Так пишут рубль в наружке. А как правильно писать рубль в вебе? Существуют ли какие-нибудь правила?

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

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

Спасибо!

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

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

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

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

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

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

Спасибо :-)

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

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

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

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

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

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

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

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

Скажите, как вы оправляетесь от финансовых и психологических потерь?

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

На сайте Роспила приводится множество отсканированных документов. При этом эти картинки воспринимаются как текст. Стоит ли это исправить и как?

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

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

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

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

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

Спасибо.

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

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

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

В Японии и некоторых других странах распространены диагональные зебры.

У нас такого ПДД не предусматривают, хотя существует множество перекрёстков с режимом «зелёный для пешеходов во всех направлениях», где пешеходы переходят и по диагонали. Например, в Москве на перекрёстке Литовского бульвара и Ясногорской. Имеет ли смысл узаконить диагональные зебры в наших ПДД?

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

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

Как правильно писать название компании «Pupkin Mega Trade» на русском языке?

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

Но всё есть сомнения, что может писаться и «Пупкин Мега Трейд». Возможно, я что-то упустил.

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

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

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

Здорово, что на канале МТВ у клипов есть прогресс-бар. Если хочется узнать исполнителя или название песни, приходится ждать появления попапа с названиями. Такое окошко появляется два раза — в начале и в конце трека.

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

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

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

Привет, бюро!

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

• Пример такой линии можно увидеть в советах:
• о расположении подписей;
• калькуляторе стоимости двери;
• ну и, конечно же, о форме бронирования туров.

У меня такой вопрос: как оценивать такую линию? Какая линия лучше? Без пересечений? Должно быть меньше изгибов? Больше прямых участков? «Перегоны» не должны быть слишком длинными?

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

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

Андрей, расскажите, как сделать такой фон.

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

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

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

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

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

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

Находите ли вы эту минимализацию интерфеса оправданной?

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

Илья, что скажете о такой схеме?

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

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

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

Огромное вам спасибо за обстоятельные и развёрнутые советы.

Мой вопрос касается кавычек. Из Ководства Лебедева понятно, какие кавычки должны быть в русском тексте («») и в английском (“”). А что делать с кавычками на грузинском, армянском, азербайджанском и узбекском?

Спасибо заранее.

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

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

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

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

Вопрос. Есть ли смысл в кнопке «Вчера» или я заморачиваюсь?

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

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

1) Stacked Bars. Сделать ли их одноцветными, тем самым увеличив читаемость, но потеряв информативность (нельзя будет сравнить, где лучше сервис, а где — питание) или оставить, как есть? Может быть, есть способ визуализировать это лучше, не теряя ни читаемость, ни информативность?

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

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

Мне самому кажется, что сайты отелей — это визуальный мусор, проще погуглить. Никто не будет читать, запоминать (!) и потом набирать вручную. Но это — требование заказчика. Хотя, я попробовал и выяснил, что зачастую найти сайт отеля — не такая тривиальная задача, как кажется.

Есть ли ещё какие-то грубые ошибки?

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

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

Здравствуйте, Артём :-)

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

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

Вот я думал — или это проект-менеджер на сервере, или просто ФТП и каждый туда закидывает своё обновление, или на чьём-то конкретно компьютере есть вся информация, рабочие материалы, исходники и пр.? Или какой-то фреймворк самописный, типа на PHP, который держит все проджект-файлы с веб-интерфейсом?

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

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

Спасибо, если подскажете :-)

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

Добрый день!

• Подскажите, как правильно писать городской номер телефона с добавочным. У меня несколько вариантов:
• Тел.: +375 17 2-911-511 #206
• Тел.: +375 17 2-911-511, доб.: 206 (так очень длинно)
• Тел.: +375 17 2-911-511 (доб. 206)

Спасибо.

У меня вопрос про «деревянного» заказчика.

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

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

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

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

Сейчас в разработке ЦМС. В ней мы решили не ограничиваться выбором шаблона, редактированием статичного текста и вставкой модулей. У нас реализовывается вставка на страницу в шаблон любого количества блоков, которые могут сами содержать любое количество блоков и т. д.

Существуют два типа стандартных блоков: текстовый (только текст, не может содержать ничего больше, на картинке это блоки №4 и №6) и простой блок.

В простой блок администратор может вставлять любые другие блоки, задавать параметры: отступы, ширину, рамки, фон — ну, как style для <div>. На картинке это блоки №1, №2, №5.

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

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

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

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

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

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

Доступ ко всем из них — видимых и невидимых — важен. К примеру, пользователь решит удалить левую колонку (блок №1) или изменить отсуп у блока №2.

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

1. Как показано в пункте 3 — создать для админа плавающую (или не плавающую) панельку на сайте, где все блоки будут отображаться в виде дерева. При наводе мыши на элемент на панельке подсвечивается соответствующий блок. При клике на элементе вызывается меню для блока.
2. Как показано в пункте 4 — при наводе мыши на область блока, у левого верхнего края отображать кнопку. Если под мышью оказываются несколько блоков (они перекрываются), то отображать эти кнопки рядом, но чтобы кнопка верхнего блока казалась выше кнопки нижнего блока (с помощью тени). При наведении на кнопку подсвечивать соответствующий блок и вывод меню. Может, стоит скрывать верхние блоки, если выделен один из нижних — как на картинке в пункте 5.
3. Объединить эти два способа.

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

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

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

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

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

Почему полосочки? Неужели они выполняют какую-то технически важную роль? Или можно спокойно и кружки использовать?

Спасибо.

Добрый день.

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

Спасибо.

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

Прошу совета по оформлению блока подписи картин в каталоге. На трёх языках.

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

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

В третьем «за скобки» выносится и размер. Тоже ведь одинаково.

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

Андрей, расскажите, пожалуйста, как правильно делать «объекты на мокром полу». Особо интересуют «хитрости» (если они есть), позволяющие сократить время создания такого эффекта. У меня есть проект, где очень много подобной работы. Заранее благодарю.

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

Я разрабатываю логотип для фирмы, назовём её «Адександр». Фирма занимается жареными котятами под всевозможными соусами. Логотип состоит из знака, названия «Александр» и надписи «Жареные котята». До этого заказчик использовал следующую версию:

А Л Е К С А Н Д Р
Жареные котята

Первым делом были упорядочены слова:

Жареные котята
А Л Е К С А Н Д Р

Но ведь непонятно, «Александр» — это что, тип котят? Соус? Вид жарки? Отсутствует предлог. Исправляем:

Жареные котята от А Л Е К С А Н Д Р

Не хватает спряжения названия, присущего русскому языку. Улучшаем:

Жаренные котята от А Л Е К С А Н Д Р А

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

Fried kittens from
A L E X A N D E R

Добро побеждает зло, хотя такое написание и непривычно. Если бы название заканчивалось на «о», со спряжением было бы проще.

Теперь, вспоминаем, чему нас учил дядя Тёма в Ководстве (http://www.artlebedev.ru/kovodstvo/sections/114/) и думаем, а нужен ли тут предлог «от»? Остаёмся в замешательстве.

Правильно ли всё сделано?

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

Раз уж интерфейс — зло, нужна ли вообще интернет-магазину корзина? Скажем, интернет-магазину электроники.

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

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

Доброй ночи. Что считать «висячей пунктуацией» во второй строчке этого текстового блока: скобку или скобку со знаком «+»? Что выносить за линию набора? Если выносить только скобку, то левый край не будет таким ровным из-за очень светлого плюса. А если выносить и скобку и плюс, то получится слишком длинный «вынос». Как быть? Спасибо.

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

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

Замучились спорить…

Здравствуйте, Андрей. Это первая проба в техдизайне. Расскажите, как сделать отражение и нормальный асфальт. Спасибо.

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

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

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

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

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

Как грамотнее сделать переходы по ссылкам на сайте и правильнее сделать интерфейс сайта, где есть необратимые операции с данными?

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

Илья!

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

Спасибо.

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

Тогда комбинации типа Ctrl+F можно будет набирать одним пальцем.

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

Интересуют три ситуации и, видимо, три решения:

1. Когда причёска ровная (если обтравлять простым шейпом, получается слишком гладко и неестественно);
2. когда волосы растрёпанные на однородном фоне;
3. когда волосы растрёпанные на неоднородном фоне.

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

Я работаю с североамериканскими клиентами, и часто слышу от них при вёрстке буклетов: «3. do not break words such as: busi- ness and so- cial and net- works and mer- chants».

Т. е. они явно просят «пожалуйста, не используйте переносы».

Почему? Не привыкли? Разве их «переносная» культура как-то отличается от нашей?

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

Как действовать максимально эффективно, и при этом стараться соответствовать принципам Getting Real?

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

Есть несколько вариантов обложек, сделанных разными людьми, для нового украинского журнала «Агрогроші». Ясное дело, что подготовлены они были непрофессионалами. Но выбрать всё-таки что-то нужно.

Журнал будет об аграрном секторе Украины. Соответственно, хотелось бы, чтобы обложка отображала это. Начальство хочет, чтобы «Агрогроши» было созвучно (и похожим образом оформлено), как «Агроши» (А-гроші. А гроші?)

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

Я понимаю, что все они выглядят, мягко говоря, плохо. Но всё же…

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

Очень важно мнение бюро.

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

Имею огромное желание программировать на ПХП (именно веб-программирование хочу). Подскажите как люди бывалые, с чего начать?

Из начальных навыков: могу написать ХТМЛ-страницу в блокноте (в смысле, без всяких подсказок и сниппетов Дримвивера) в принципе любой сложности, ЦСС тоже не дурак, работаю с Джумлой, ну вот и захотелось на каком-то этапе расширить функциональность некоторых компонентов, возможно заиметь свои компоненты.

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

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

Удобна ли такая схема?

Артём, скажите пожалуйста, удобна ли такая «листалка»?

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

Спасибо

Андрей, собрал картинку для сайта. Какие недочёты?

Икеа или Икея? Нокиа или Нокия?

Добрый день.

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

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

Как научиться воспринимать критику от газет, журналов и пр. СМИ, которые унижают то, чему ты посвятил много времени, сил и всего остального.

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

Как вам идея?

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

Спасибо.

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

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

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

Помогите, пожалуйста, разрешить спор и разобраться с проблемой, если она есть.

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

На случай, если мои ожидания о понятности сильно завышены: поле «overtime» не может быть больше общего затраченного времени; нужно не дать ввести неправильное число и проинформировать пользователя о причине невозможности принять его данные. О том, что overtime не может быть больше time spent пользователь знает, но может ошибиться по невнимательности.

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

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

Спасибо.

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

Я бы хотел порассуждать об одушевлении.

• Можно встретить разные варианты отождествления интерфейса:
• с машиной (Ваши заказы, ваш комментарий);
• с пользователем (Мой компьютер, Мои закладки);
• нейтральный вариант (Закладки, Заказы).

Какому варианту вы отдадите предпочтение и почему?

Вопрос возник в проекте персонального сервиса, доступного только после «входа» — т. е. все эти заказы, закладки и тарифы — действительно персональны.

Вот пример из «Вконтакте» — там есть все три варианта. Стоит ли там что-нибудь поменять?

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

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

Где правильнее размещать автора и дату — до поста или после? К слову, блог имеет формат аля-Хабр.

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

Спасибо!

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

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

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

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

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

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

Если это будет нанесение некоего текста или рисунка на изображение товара на «минус»- и «плюс-фоне», то где и как его проще и эффективнее всего размещать?

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

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

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

Тень я собрал из трёх частей:

1. Овальная, сильно размытая по краям область для передачи плоскости, на которой стоит наш предмет.
2. Тень под самим предметом.
3. И, наконец, собственно падающая тень.

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

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

Существует ли некая универсальная последовательность шагов при создании теней такого типа?

Как лучше и правильнее указывать цену товара, если она дана в расчёте на квадратный метр? Например, это ковровое покрытие стоимостью 1670 руб./м2. Допустимо ли в данном случае использовать дробь?

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

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

Почему у Артемия Лебедева студия, а Артёма Горбунова — бюро?

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

Может ли такой быть карта сайта? Стало ли лучше? Уместно ли цветовое кодирование? Что можно улучшить? Отдельно хотел бы попросить совета о том, как быть с галереей: в ней представлены фотографии по темам из других разделов; можно ли как-то избавиться от повторов в колонке «галерея»?

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

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

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

За основу решили взять интерфейс выборки тикетов из системы управления проектами trac — нам он кажется удобным и понятным, хотя, возможно, мы просто к нему привыкли за месяцы использования. Однако этот интерфейс не в состоянии полностью решить стоящую задачу (также, как и аналоги, которые нам известны, например Яндекс.Маркет). А именно: поля в фильтре объединяются логическим оператором ИЛИ (повседневным «и»), т. е. каждый добавленный фильтр сужает выборку. А в нашей системе возможны ситуации, когда, скажем, нужно выбрать «все телефоны nokia, а также все телефоны в корпусе синего цвета» (телефоны, естественно, просто как пример). В траке или у Яндекса это решается только последовательным созданием двух выборок. Единственная идея, которая пока у нас есть — дать пользователю возможность продублировать фильтр целиком и объединить результат двух выборок (вариант запроса, когда потребуется объединять больше двух выборок, попадает в 0,1% и не считается).

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

Спасибо.

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

Максим, что делать с названем социальной сети «ВКонтакте» на письме?

Нашёл во «ВКонтакте»? Взял из «ВКонтакта»? Зашёл вКонтакт?

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

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

Спасибо!