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


ПН

Артём Горбунов
Решение задач


ВТ

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


СР

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


ЧТ

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


ПТ

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


СБ

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


ВС

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

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

Дизайн продуктов и услуг

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

Навигация в общественных местах

Максим Семенов
20 февраля 2017

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

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

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

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

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

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

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

В архиве

Максим Семенов
13 февраля 2017

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

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

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

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

Максим Семенов
6 февраля 2017

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

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

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

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

Леша
30 января 2017

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

Артём
23 января 2017

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

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

Вадим
16 января 2017

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

Артём
9 января 2017

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

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

Никита Прокопов
2 января 2017

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

Алек Тос
19 декабря 2016

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

Артём
12 декабря 2016

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

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

Дмитрий Данилов
5 декабря 2016

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

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

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

Артём
28 ноября 2016

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

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

Артём
14 ноября 2016

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

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

Андрей Жандров
7 ноября 2016

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

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

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

Артём
31 октября 2016

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

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

Алина Атаманенко
24 октября 2016

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

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

Артём
17 октября 2016

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

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

Иван Таранов
10 октября 2016

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

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

Артём
3 октября 2016

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

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

Антон Ловчиков
26 сентября 2016

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

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

Артём
19 сентября 2016

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

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

Виталий
12 сентября 2016

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

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

Артём
5 сентября 2016

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

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

Роман Федоров
29 августа 2016

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

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

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

Артём
22 августа 2016

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

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

Богдан Руденко
15 августа 2016

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

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

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

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

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

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

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

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

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

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

Артём
8 августа 2016

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

Михаил Иванов
1 августа 2016

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

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

Артём
25 июля 2016

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

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

Наталья Пирожникова
18 июля 2016

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

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

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

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

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

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

Артём
11 июля 2016

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

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

Павел Вакуненко
4 июля 2016

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

Артём
27 июня 2016

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

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

Алексей Шкляр
20 июня 2016

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

Полина
13 июня 2016

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

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

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

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

Алексей Петрик
30 мая 2016

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

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

Артём
23 мая 2016

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

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

Михаил
16 мая 2016

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

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

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

Артём
9 мая 2016

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

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

Наталья Артемьева
2 мая 2016

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

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

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

Антон Лях
18 апреля 2016

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

Артём
11 апреля 2016

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

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

Максим Бородин
4 апреля 2016

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

Артём
28 марта 2016

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

Никита Л
21 марта 2016

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

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

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

Илья
14 марта 2016

Добрый день!

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

Жанна Руденко
7 марта 2016

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

Артём
4 января 2016

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

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

Михаил Озорнин
28 декабря 2015

Артём!

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

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

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

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

Артём
21 декабря 2015

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

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

Владимир Задорожный
14 декабря 2015

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

Артём
7 декабря 2015

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

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

Артём!

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

Артём
9 ноября 2015

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

Соломон Шаич
2 ноября 2015

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

Артём
26 октября 2015

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

Александра Демч
19 октября 2015

Добрый день!

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

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

Артём
12 октября 2015

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

Марина Евсеева
5 октября 2015

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

Артём
14 сентября 2015

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

Дима Плотников и Денис Дрожжов
7 сентября 2015

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

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

Артём
31 августа 2015

От чего зависит успех продукта? Признаки работоспособной системы.

Богдан Руденко
24 августа 2015

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

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

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

Артём
17 августа 2015

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

Аня Медведева
10 августа 2015

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

Артём
3 августа 2015

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

Роман Кузнецов
27 июля 2015

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

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

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

Артём
20 июля 2015

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

Женя
13 июля 2015

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

Артём
6 июля 2015

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

Айдар Шакиров
29 июня 2015

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

Эльмира
22 июня 2015

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

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

Никита Половец
15 июня 2015

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

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

Артём
8 июня 2015

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

Илья Сидорчик
1 июня 2015

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

Артём
25 мая 2015

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

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

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

Артём
27 апреля 2015

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

Константин Евстратенко
20 апреля 2015

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

Артём
13 апреля 2015

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

Константин Константинопольский
6 апреля 2015

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

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

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

Артём
30 марта 2015

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

Евгений Виноградов
23 марта 2015

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

Артём
16 марта 2015

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

Андрей Гуляс
9 марта 2015

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

Артём
2 марта 2015

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

Евгения Ивашура
23 февраля 2015

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

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

Артём
16 февраля 2015

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

Дмитрий Волков
9 февраля 2015

Добрый день!

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

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

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

Артём
2 февраля 2015

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

Артём
1 декабря 2014

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

Артём
24 ноября 2014

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

Артём
17 ноября 2014

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

Артём
10 ноября 2014

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

Артём
3 ноября 2014

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

Артём
27 октября 2014

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

Артём
20 октября 2014

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

Артём
13 октября 2014

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

Артём
6 октября 2014

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

Артём
29 сентября 2014

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

Артём
22 сентября 2014

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

Артём
8 сентября 2014

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

Артём
1 сентября 2014

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

Павел Моисеенко
25 августа 2014

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

Артём
18 августа 2014

Что такое «правило внутреннего и внешнего»?

Артём
11 августа 2014

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

Артём
4 августа 2014

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

Артём
28 июля 2014

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

Артём
21 июля 2014

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

Артём
14 июля 2014

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

Артём
7 июля 2014

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

Артём
30 июня 2014

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

Артём
23 июня 2014

Что такое профессиональная этика?

Артём
16 июня 2014

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

Денис Воробьев
9 июня 2014

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

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

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

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

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

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

Никитка
26 мая 2014

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

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

Что делать?

Артём
19 мая 2014

Артём!

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

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

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

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

Евгений Игнашов
5 мая 2014

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

Данил Трапезников
28 апреля 2014

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

Артём
21 апреля 2014

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

Евгений Арутюнов
14 апреля 2014

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

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

Константин Когут
7 апреля 2014

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

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

Андрей Селиверстов
31 марта 2014

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

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

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

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

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

Сергей Краснов
24 марта 2014

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

Сергей Хорошилов
17 марта 2014

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

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

Антон Куликов
10 марта 2014

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

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

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

Павел
3 марта 2014

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

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

Паша Омелёхин
24 февраля 2014

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

Алексей
17 февраля 2014

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

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

Андрей Коржиц
10 февраля 2014

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

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

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

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

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

Игорь Г.
27 января 2014

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

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

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

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

Ольга Иванова
20 января 2014

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

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

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

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

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

Илья Бирман
13 января 2014

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

Джони Айв
6 января 2014

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

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

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

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

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

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

Женя Волков
23 декабря 2013

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

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

Никита Васильев
16 декабря 2013

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

Михаил Аксёнов
9 декабря 2013

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

Спасибо.

Рашид Садыков
2 декабря 2013

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

Артём
25 ноября 2013

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

Никита Прокопов
18 ноября 2013

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

Александр Чернов
11 ноября 2013

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

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

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

Сергей Педан
4 ноября 2013

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

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

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

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

Камиль Миндубаев
28 октября 2013

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

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

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

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

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

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

Владимир
30 сентября 2013

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

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

Захар Кириллов
23 сентября 2013

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

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

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

Дмитрий Шишкин
16 сентября 2013

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

Артём
9 сентября 2013

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

Максим Шалимов
2 сентября 2013

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

Антон Ахатов
26 августа 2013

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

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

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

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

Саша Комаров
12 августа 2013

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

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

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

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

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

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

Светлана Влашич
5 августа 2013

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

Лилия Кавлюк
29 июля 2013

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

Артём
22 июля 2013

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

Эдуард Фомин
15 июля 2013

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

Елена
8 июля 2013

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

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

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

Валентин
1 июля 2013

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

Артур
24 июня 2013
  • У меня несколько вопросов:
  • Расскажите пожалуйста, вносят ли клиенты свои правки в макеты сайтов?
  • Каким образом это происходит?
  • Как нужно вносить их в макеты?
  • Как после прототипов регламентировать правки, их количество и их характер?
Максим Никифоров
17 июня 2013

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

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

Денис Овсяников
10 июня 2013

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

Александр Сорокин
3 июня 2013

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

Спасибо.

Алексей
27 мая 2013

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

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

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

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

Евгений Бойков
20 мая 2013

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

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

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

Алексей
6 мая 2013

В бюро есть «ведущий дизайнер» и «дизайнер». Как распределяются обязанности между ними при работе над одним проектом? Где грань между «ведущим» и «просто» дизайнером?

Стася Данилова
29 апреля 2013

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

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

Роман Кирьяков
22 апреля 2013

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

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

Никита Кожин
15 апреля 2013

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

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

Остап Штай
8 апреля 2013

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

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

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

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

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

Сергей Конаков
25 марта 2013

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

Валерий
18 марта 2013

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

Евгений Агасьянц
11 марта 2013

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

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

Андрей Ржанников
4 марта 2013

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

Тимур Арефьев
18 февраля 2013

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

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

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

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

Ольга Ковалева
11 февраля 2013

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

Иван Иванов
4 февраля 2013

Добрый день!

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

Спасибо.

Антон Лапин
28 января 2013

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

Наталья Смирнова
21 января 2013

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

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

Артём Гуслов
14 января 2013

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

Артём Мельников
7 января 2013

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

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

Максим Ильяхов
31 декабря 2012

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

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

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

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

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

Лоран
24 декабря 2012

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

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

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

Спасибо.

Иван Титов
17 декабря 2012

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

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

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

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

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

Никита
10 декабря 2012

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

Павел Моисеенко
3 декабря 2012

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

Дмитрий Устюгов
26 ноября 2012

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

Александр Отважный
19 ноября 2012

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

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

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

Дмитрий Васильковский
12 ноября 2012

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

Макс Черкашин
5 ноября 2012

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

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

Спасибо.

Константин
29 октября 2012

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

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

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

Добрый день!

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

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

Игорь Балицкий
15 октября 2012

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

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

Никита Самохвалов
8 октября 2012

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

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

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

Макс Фостер
1 октября 2012

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

Олег Громов
23 июля 2012

Артём!

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

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

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

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

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

Никита Никитин
16 июля 2012

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

Олег Фесенко
9 июля 2012

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

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

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

Ренат Газизуллин
2 июля 2012

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

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

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

Спасибо.

Арсений Селицкий
25 июня 2012

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

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

Вероника Николаева
18 июня 2012

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

Ваня Семенов
11 июня 2012

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

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

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

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

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

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

Андрей
4 июня 2012

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

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

Спасибо :-)

Евгений Панов
7 мая 2012

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

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

Игорь Скляревский
2 мая 2012

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

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

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

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

Андрей Пасечный
30 апреля 2012

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

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

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

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

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

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

Артем Бедный
23 апреля 2012

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

Фёдор Фёдорович
18 апреля 2012

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

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

Спасибо!

Евгений
16 апреля 2012

Добрый день!

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

Спасибо.

Антон
11 апреля 2012

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

Станислав Васильев
9 апреля 2012

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

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

Сергей Фефилов
2 апреля 2012

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

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

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

Екатерина
26 марта 2012

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

Николай Скоробогатько
19 марта 2012

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

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

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

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

Артур С.
14 марта 2012

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

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

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

Михаил Жилкин
12 марта 2012

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

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

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

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

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

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

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

Спасибо!

Артём Геллер
5 марта 2012

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

Миша Болдов
27 февраля 2012

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

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

Мария
26 февраля 2012

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

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

Спасибо.

Николай Товеровский
20 февраля 2012

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

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

  • 11 января 2012
  • Получить социальный вычет теперь стало проще
  • Детские пособия проиндексированы на 6 процентов
  • Иностранцам с их покупок в России предлагают возвращать НДС
  • Налогоплательщики украсили новогодние ёлки в ИФНС
  • Заплатить налоги через платёжный терминал нельзя
  • Последний день для сдачи расчёта 4-ФСС за 2011 год — 16 января
  • ФНС напомнила предпринимателям об обязанности соблюдения кассового порядка
  • Все самые важные изменения, которые нужно учесть в работе в 2012 году
  • 10 января 2012
  • Месяц открытых дверей к программам и справочникам специальной поддержки «Главбуха»
  • Пока можно оформлять счета-фактуры на прежних бланках: новые формы ещё официально не опубликованы
  • До конца следующей недели нужно подать сведения о среднесписочной численности работников
  • Инновации и модернизацию в производстве нужно отражать в бухучёте по специальным правилам
  • Заработал новый порядок регистрации обособленных подразделений в территориальных органах ФСС
  • Переплату по налогам, которую невозможно вернуть, налоговики спишут
  • Только в январе! Скидка 20% для всех, кто выписывает «Главбух» за личные деньги
  • Утверждён порядок списания безнадёжных долгов граждан
  • ФНС составила список характерных налоговых нарушений
  • На 2012 год установлены новые КБК
  • 28 декабря 2011
  • Порядок предоставления скидок и надбавок по страхованию «на травматизм» поменяется
  • За контрольно-кассовую технику будут отвечать налоговики
  • Налогоплательщики Омска смогут воспользоваться новыми сервисами
  • Налог на доходы нужно заплатить с любого выигрыша независимо от стоимости
  • Если заём выдан на покупку или строительство жилья, материальную выгоду НДФЛ облагать не нужно
  • Поздравляйте всю страну и выбирайте потрясающие рецепты к Новому году и Рождеству!
Артём Горбунов
19 февраля 2012

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

Екатерина Кузьмина
16 февраля 2012

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

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

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

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

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

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

Радомир Купфер
13 февраля 2012

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

Михаил Озорнин
10 февраля 2012

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

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

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

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

Вік Ватаманюк
9 февраля 2012

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

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

Спасибо.

Ростислав Чебыкин
6 февраля 2012

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

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

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

Захар Кириллов
3 февраля 2012

Коллеги!

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

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

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

Денис Братчук
2 февраля 2012

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

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

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

Андрей Маслов
30 января 2012

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

Дмитрий Денисов
27 января 2012

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

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

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

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

Стас
26 января 2012

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

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

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

Сергей Тищенко
23 января 2012

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

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

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

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

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

Александр Штейников
19 января 2012

Добрый день!

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

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

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

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

Максим Софронов
16 января 2012

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

Олег Томенко
13 января 2012

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

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

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

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

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

Спасибо.

Дмитрий Поздеев
12 января 2012

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

Спасибо!

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

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

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

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

Александр Новиков
5 января 2012

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

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

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

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

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

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

Игорь Алексеенко
2 января 2012

Привет!

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

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

Карл Выберг
30 декабря 2011

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

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

Вадим Тарасенко
29 декабря 2011

Добрый день!

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

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

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

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

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

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

Никита Литвинков
23 декабря 2011

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

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

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

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

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

Антон Лихой
22 декабря 2011

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

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

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

Равшан Собиров
19 декабря 2011

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

Алексей Артеменко
16 декабря 2011

Добрый день!

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

Павел Левин
15 декабря 2011

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

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

Григорий Перетяка
12 декабря 2011

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

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

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

Максим
9 декабря 2011

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

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

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

Джимми Уэйлс
8 декабря 2011

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

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

Андрей Ковалевский
5 декабря 2011

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

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

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

Примечания:

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

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

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

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

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

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

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

Тимофей Залевски
1 декабря 2011

Добрый день!

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

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

Борис Ч.
28 ноября 2011

Артём, dobrý den!

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

Рома Кривенко
25 ноября 2011

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

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

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

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

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

naiko.michail
24 ноября 2011

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

Спасибо.

Игорь Семиохин
21 ноября 2011

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

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

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

Сергей Дмитрович
18 ноября 2011

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

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

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

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

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

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

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

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

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

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

Спасибо!

Дмитрий Иванов
17 ноября 2011

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

Алексей Шалин
14 ноября 2011

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

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

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

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

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

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

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

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

Сергей Петров
11 ноября 2011

Добрый день!

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

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

Олег
10 ноября 2011

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

Владимир
7 ноября 2011

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

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

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

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

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

Денис Новиков
4 ноября 2011

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

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

Спасибо!

Евгений Константинович
3 ноября 2011

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

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

Александр Новолоков
31 октября 2011

Добрый день!

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

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

Олег Дубровский
28 октября 2011

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

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

Антон Ловчиков
27 октября 2011

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

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

Константин
24 октября 2011

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

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

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

Дмитрий Денисов
21 октября 2011

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

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

Диляра Медведева
17 октября 2011

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

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

Илья Миськов
14 октября 2011

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

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

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

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

Спасибо!

Бари Бетткер
13 октября 2011

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

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

Макс Черкашин
10 октября 2011

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

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

Никита Буч
7 октября 2011

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

Сергей Дроганов
6 октября 2011

Привет!

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

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

Спасибо!

Ольга Иванова
3 октября 2011

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

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

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

Игорь Балицкий
12 сентября 2011

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

Александр Борисов
9 сентября 2011

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

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

Спасибо!

Илья Харитонов
8 сентября 2011

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

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

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

Евгений Филатов
5 сентября 2011

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

Павел Плотников
2 сентября 2011

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

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

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

Алексей Афанасович
1 сентября 2011

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

Иван Демидов
29 августа 2011

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

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

Rubbergun
26 августа 2011

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

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

Алексей Елисеев
25 августа 2011

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

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

Женя Бакст
22 августа 2011

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

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

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

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

Андрей Д
19 августа 2011

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

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

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

Павел Власов
18 августа 2011

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

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

А. К.
15 августа 2011

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

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

Дмитрий Денисов
12 августа 2011

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

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

Владимир Морочковский
11 августа 2011

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

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

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

Егор Черепин
8 августа 2011

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

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

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

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

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

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

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

Рома Шавня
5 августа 2011

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

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

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

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

Евгений Мухамеджанов
4 августа 2011

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Федот Березной
1 августа 2011

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

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

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

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

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

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

Игорь Кононученко
29 июля 2011

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

Кирилл Горбань
28 июля 2011

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

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

Яна
25 июля 2011

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

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

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

Сергей Киселёв
22 июля 2011

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

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

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

Евгений Агасьянц
21 июля 2011

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

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

Дмитрий Линов
18 июля 2011

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

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

Артём Таныгин
15 июля 2011

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

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

Александр Рослов
14 июля 2011

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

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

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

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

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

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

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

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

Дмитрий Зелинский
11 июля 2011

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

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

Спасибо

Pablo
8 июля 2011

Добрый день.

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

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

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

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

Иван Петропольский
7 июля 2011

Как вам идея?

Евгений Колесников
4 июля 2011

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

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

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

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

Сергей
1 июля 2011

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

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

Лёша Рева
30 июня 2011

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

Дмитрий Бойцов
27 июня 2011

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

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

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

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

Саша Старк
24 июня 2011

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

Кирилл Олейниченко
23 июня 2011

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

Георгий Иванкин
20 июня 2011

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

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

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

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

Спасибо.

Иван
17 июня 2011

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

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

Спасибо!

Антон Ловчиков
16 июня 2011

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

«2.1.5. Набирайте инициалы без пробела или с минимальным пробелом

В таких именах, как У.Б. Йитс и Й.К.Л. Прильвиц, после промежуточных точек надо применять однопунктовые пробелы или тонкие шпации или вообще не делать пробелов. За последней точкой следует нормальный межсловный пробел».

И примечание:

«5. По действующим правилам набора на русском языке все инициалы отбиваются от последующих тонкой шпацией. […], чтобы при переносе инициалы случайно не были оторваны от фамилии. Иначе надо использовать неразрывный пробел».

Так как же правильно писать инициалы в русском языке?

Сергей Беляков
13 июня 2011

Вчера посмотрел в новостях. Премия имени Олега Янковского вручается 32 мая (см. фильм «Тот самый Мюнхгаузен»).

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

Rubbergun
10 июня 2011

Приветствую, уважаемые!

Бью челом, прошу совета!

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

Ой какие речи-то медовые в уши мои в те дни лились, какие картины радужные пред очами вставали… Да только вот оно как всё обернулось-то.

Год 2010-й закончился, сменился состав органа государственного и оказалось, что сайт наш гостам государственным-то не соответствует, шрифт джустифаем не выровнен, псевдоссылка почему-то как псевдоссылка обозначена, а использованные изображения не соответствуют друг другу и взглядам товарищей на наш бренный мир (почти точные). Ну и так далее, ещё около 40-ка пунктов, включая упоминание о том, что «сайт не помещается на экране 14'' монитора, коими оборудованы все государственные организации, и ради просмотра нашего сайта новая техника покупаться не будет» — и смех и грех!

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

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

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

Вот давайте теперь думать, как честь дизайнерскую-то нам отстоять, да не пойти на поводу у супостатов!

Максим Кучер
9 июня 2011

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

Как вы лично относитесь к брендам с таким написанием: КамГЭС, КуМир, БлагоДать, ПиктоМИР — когда буквы скачут?

Роман Шавня
6 июня 2011

У меня вопрос про таблицы результатов футбольных матчей.

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

Павел
3 июня 2011

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

Я устроился на работу в небольшую полиграфическую контору. Меня взяли, чтобы решить вопросы с тремя текущими сайтами компании, один из которых внутренний сайт + CRM. Хозяин конторы принимает все решения относительно любого дизайна и вообще. Он очень сложный человек, отчасти из-за того, что имеет проблемы со здоровьем, в частности со зрением. И постоянно пользуется «колёсиком» для увеличения необходимой области сайта. Ещё он очень критичен к любым сайтам в целом, и интерфейсным сайтам в частности (сам пользуется Яндекс-почтой 2003 года, а новые версии для него просто неприемлемы, т. к. он не может ими пользоваться). При этом человек полагается в основном на свою интуицию, и мало читает тексты, в силу зрения. И, соответственно, объективно не может воспринять дизайн сайта в целом.

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

Максим Ильяхов
2 июня 2011

Как быть с вёрсткой и высотой строки, в которой встречаются такие дроби?

Николай
30 мая 2011

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

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

Максим Месилов
27 мая 2011

Добрый день!

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

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

Поискал методики расчёта в Интернете, но ничего вменяемого, увы, не нашёл.

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

  1. Сколько стоит час дизайнера в «среднем по больнице». За больницу считаем Москва-Киев.
  2. Как оценить уровень дизайнера и его соответствие заявленным ставкам?
  3. Какой процент могут составить затраты на дизайн от общего бюджета проекта?
  4. Лучше стараться оплачивать целые страницы или отдельные функциональные элементы?

P. S. Я понимаю, что ответ на эти вопросы будет развёрнутым, но считаю что он будет полезен не только мне. Заранее спасибо.

Валентин Силютин
26 мая 2011

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

И ещё вопрос про заголовок: «Май 2011» или, может всё-таки лучше «Май, 2011»?

Пётр Москалёв
23 мая 2011

Время от времени встречаю такую букву «И». Её вид несколько озадачивает. Откуда она такая взялась? Когда её целесообразно использовать, и можно ли использовать вообще?

Дмитрий Т.
20 мая 2011

А этично ли это?

Артём, подскажите, можно ли предлагать компании, с которой никогда не работал, оптимизировать их код, например, с 416 строчек до 41?

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

Дмитрий Макаревич
19 мая 2011

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

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

Максим Авдеев
16 мая 2011

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

Очень нужен ваш совет!

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

Как вам? Удобно ли? Понятно ли? Что улучшить?

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

Максим

Сергей Сурганов
13 мая 2011

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

Никитос
12 мая 2011

Добрый день!

Подскажите пожалуйста, насколько уместно прятать view all sizes, view slideshow и view exif info в кнопку с противным через раз всплывающим окошком. Лучше ли вариант справа — кнопка репоста в соц. сети. И можно ли убрать view из этих пунктов.

Рамиль Шайхутдинов
9 мая 2011

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

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

Сергей Сурганов
6 мая 2011

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

Алексей Карлюга
5 мая 2011

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

Джеймс Смит
2 мая 2011

В процессе создания интерфейса административной панели сайта фирмы я решил попробовать себя в создании иконок, одна из которых — добавление партнёра.

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

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

Родион Жабрев
29 апреля 2011

Мне неловко торговаться, неловко просить денег за свою работу — с детства так воспитывали. Как это в себе перебороть?

Мика Нежданов
28 апреля 2011

Дорогие советчики, объясните, что значат знаки после стоимости 999,—

Александр Сушко
25 апреля 2011

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

Спрошу отдельного совета про стрелки, уж очень интересно. На картинке все разновидности, что я нашёл на странице советов.

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

Мой вариант ответа: это настроение советчика (как на Вебораме). А правильный ответ какой?

Дмитрий Макаревич
22 апреля 2011

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

Какие основные вопросы вы задаёте клиенту?

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


P. S. А что значит цвет указателя под именем советчика? :-)

Артём
21 апреля 2011

Добрый день. Подскажите, пожалуйста, как правильно называть header и footer на сайтах по-русски? Это «шапка» и «подвал» или «верхний колонтитул» и «нижний колонтитул»?

Дмитрий Пленкин
18 апреля 2011

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

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

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

Иван Клименко
15 апреля 2011

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

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

Никита Мельников
14 апреля 2011

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

Какого мнения о данном логотипе?

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

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

Вячеслав Игоревич Ильинский
11 апреля 2011

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

Кирилл Олейниченко
8 апреля 2011

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

Почему «бриф» у вас запрещённое слово? Чем он плох? Как поступаете вы?

Никита Прокопов
7 апреля 2011

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

Нравится ваша (первый вопрос — ваша?) плашка под кнопками отправки формы. Второй вопрос — как вы для себя её объясняете, зачем она, почему? Спасибо!

Саша Цебро
4 апреля 2011

Артём!

А почему ты открыто не пользуешься своей рубрикой и не спрашиваешь сам совета у народа? Ведь каждый может советовать каждому :-)

Валерий
1 апреля 2011

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

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

Приходилось ли вам сталкиваться с похожей ситуацией?

Роман Валуев
31 марта 2011

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

Слава Гергерт
28 марта 2011

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

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

  • Два вопроса к вам и экспертам:
  • как организовать программный день на развороте издания формата 280×200, при условии что он занимает до 50% площади и вмещает 18 каналов (РТФ, 217 КБ);
  • как повысить читаемость программы, по возможности, сократив её объём, не жертвуя информацией (фрагмент).

Большое спасибо за любые мнения.

Сергей
25 марта 2011

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

Волк
24 марта 2011

А куда потерялись шрифты, которые видим на старых плакатах и в фильмах? Если их нет в цифровом виде, почему никто не занимается этим?

Евгений Фоксайл
21 марта 2011

Здравствуйте! Посоветуйте, как составить правильный путь развития для дизайнера?

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

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

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

Я чувствую, что не развиваюсь и теряю время, деградирую даже в какой-то степени — этакое стремление к примитивности. А я хочу развиваться, узнавать новое, получать звездюлей от хороших дизайнеров, узнавать «почему не так» и «как надо». Читаю литературу, блоги… но этого мало. Сейчас параллельно начал заниматься академическим рисунком, подал заявку в БВШД на ДПО «Дизайн в интерактивной среде».

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

Сергей Сурганов
18 марта 2011

С какими клиентами вы не работаете?

Илья Техликиди
17 марта 2011

Артём, здравствуйте! Помогите, пожалуйста, в выборе лого для нашей арт-студии. Или всё шлак? Слоган — «Думаем головой».

Стас Ованесов
14 марта 2011

Добрый день!

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

Спасибо.

Сергей
11 марта 2011

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

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

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

Волк
10 марта 2011

Раньше я, к сожалению, не знал, что такое сетка, что сайты легче и лучше рисовать по сетке. Сейчас пользуюсь 12-колонной сеткой, 960 пикселей.

Не могли бы вы поделиться сеткой, по которой вы рисуюте сайты? Вообще вы строго по сетке рисуете? Что можете по этому поводу посоветовать?

Сергей Сурганов
4 марта 2011

Должен ли дизайнер присутствовать на первых переговорах?

Волк
3 марта 2011

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

Настя
28 февраля 2011

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

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

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

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

Спасибо.

Сергей Бондарь
25 февраля 2011

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

Выход?

Александр Баев
24 февраля 2011

Здравствуйте, у нас возник такой вопрос: как правильно писать телефонный код к нескольким номерам при условии, что он повторяется?

Дмитрий
21 февраля 2011

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

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

Спасибо.

Александр Кравчук
18 февраля 2011

Добрый день, коллеги.

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

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

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

Буду признателен за пример от Артёма Горбунова.

Спасибо.

Роман М.
17 февраля 2011

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

Сергей Сурганов
14 февраля 2011

Чем арт-директор отличается от дизайнера? Арт-директор — это супердизайнер или талантливый менеджер? Все ли хорошие дизайнеры становятся арт-директорами? Должен ли арт-директор самостоятельно рисовать макеты или с него хватит «идей на салфетках»?

Елена Шамсиева
11 февраля 2011

Что делать, если клиент смотрит на готовый вариант дизайна сайта и говорит: «Всё аккуратно, симпатично, но это не тот уровень, который нам нужен»?

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

Павел
10 февраля 2011

Вы набираете аббревиатуры капителью с разрядкой, а как бы вы набрали названия, например, магистральных трубопроводов «СРТО — Торжок», «Грязовец — КГМО», «ВСТО — Тихий океан»?

Андрей Милькота
7 февраля 2011

Артём, что не так с формой обратной связи?

Спасибо.

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

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

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

Нежелание пользоваться системой управления проектами, постоянные заплатки из Фаербага и книжек для чайников, игнорирование инструкций и правил, наплевательское отношение к просьбам других, истерики и скандалы. Это далеко не полный список проблем от довольно талантливого человека.

Технические средства защиты не рассматриваем, нужен более изящный способ решения этой проблемы.

Спасибо!

Алексей Матвеев
3 февраля 2011

Печатаю я текст и вдруг обнаруживаю, что делаю это в неправильной раскладке. Всем такое знакомо, не правда ли? Мне кажется логичным, чтобы при выделении текста и переключении раскладки все символы перекодировались из одной таблицы символов в другую, но этого не происходит.

Я расцениваю это если не как баг, то уж точно как недоработку в ОС. Кто неправ: я или разработчики операционной системы?

Андрей Воронов
31 января 2011

У меня два простых вопроса — как лучше выровнять подписи относительно полей формы и имеет ли смысл отводить код телефона в отдельное поле, указывая, что код для нас важен?

Александр Шелудько
28 января 2011

Как быть, если клиент настаивает на копировании чужого дизайна или какой-то отдельной идеи и требует точного повторения? Переговоры с клиентом ведёт менеджер, а я дизайнер. Но, может, я могу что-то подсказать менеджеру? Ответ: не работать с этим клиентом не подходит, это решать не мне.

Алексей Виштак
27 января 2011

Здравствуйте, Артём.

В ходе проектирования интерфейса интернет-магазина столкнулся с задачей, которая не первый раз вызывает у меня сомнения. Имеет ли смысл ставить кнопку «купить» в списке продуктов в интернет-магазинах?

Мне кажется, ничтожно низкий процент покупателей совершает покупку из каталога (или списка продуктов), предварительно не проверив, тот ли это продукт, что им необходим. Т. е. так могут делать лишь постоянные покупатели, на 100% уверенные в своем решении, но и они чаще всего перестраховываются. Соответственно, смысла в кнопке «купить» не вижу и можно ограничиться ссылкой на страницу продукта.

Заранее спасибо за совет.

Георгий Иванкин
24 января 2011

Здравствуйте, Артём и уважаемые советчики.

Что вы думаете по поводу применения каскадного меню в веб-приложениях?

С одной стороны, очевидны недостатки этой идиомы: громоздкость, усложнённость, и вообще больше похоже на Виндоус-95, чем на Веб 2.0.

С другой стороны, весь функционал приложения оказывается под рукой и на каждом вызове операции можно сэкономить пару кликов и пару*n http-запросов.

Павел Пичугин
20 января 2011

Как правильно писать ОКПО, ОГРН, ИНН/КПП в реквизитах организации? «ОКПО 12345678» или «ОКПО: 12345678»?

Юра
17 января 2011

Здравствуйте!

Скажите, пожалуйста, зачем формы авторизации часто делают во всплывающих лайтбоксах (например, на сайте Саундклауд), а не на отдельной странице.

Чем это обосновано, интуитивным поведением пользователей или техническими особенностями?

Миша Борисенко
14 января 2011

Здравствуйте!

Представьте себе ситуацию, когда есть клиент, есть утвержденная концепция сайта и ведётся разработка дизайна. Основная работа выполнена и идёт «оттачивание» мелочей. Клиент хочет на сайте цветок. Железно. Правда какой — ещё не знает. Делаем один вариант, делаем пятый — всё не то. На вопрос «какое растение вам надо?» слышим, что он не уверен, но хочет, чтобы мы поэкспериментировали.

Вот только заниматься этим можно вечность. И это лишь одна из подобных проблем.

Как решать такие вопросы? Из-за правок увеличивать бюджет? Отказываться от работы? Не продолжать, пока клиент детально не уточнит задачу?

Рома Шавня
13 января 2011

Это график с оценками за сессию в личной карточке студента на сайте моего института. Что здесь можно реально улучшить, не используя флеш?

Евгений Грибодёрчев
10 января 2011

Здравствуйте, Артём и советчики.

В веб-дизайне правилом хорошего тона является пунктирное подчёркивание ссылок, при нажатии на которые действие происходит на открытой странице. Так вот. Когда пользователь нажимает «Скачать файл», у него не открывается новое окно или же вкладка. Значит, ссылку на скачивание тоже надо подчёркивать пунктиром? Или я неправ?

P. S. Один только Сафари просит сохранить файл и при этом зачем-то открывает новое окно.

Азат Ахъяров
7 января 2011

В своём блоге я как-то излагал размышления на тему необходимости предоплаты за работу.

Когда заказчик отдаёт часть оплаты ещё до того, как работа началась, это подстёгивает его и заставляет ощущать своё непосредственное участие в проекте, следовательно, с его стороны появляется желание контролировать процесс работы, что в свою очередь не даёт исполнителю отлынивать от своих обязанностей.

При отсутствии же предоплаты ни одна из сторон не ощущает своей ответственности, следовательно, работа над проектом может сильно затянуться без особой на то надобности.

Было бы интересно узнать также мнения уважаемых советчиков.

Волк
6 января 2011

Говорят, хороший дизайнер должен читать одну хорошую книгу в неделю. Необязательно дизайнерскую. Но где они, хорошие книги? Как вы их находите? Как вы вообще следите за трендом хороших книг? Какие книги посоветуете для начала?

Сергей Будяков
3 января 2011

Артём, здравствуйте.

На картинке представлено расписание для одной группы в вузе, как думаете, что ещё можно улучшить?

Олег Уласюк
31 декабря 2010

При разработке дизайна веб-сайта столкнулись с такой ситуацией. Как объяснить клиентам, что Windows, Mac OS X и Photoshop рендерят текст по-разному и что мы не можем повлиять на то, чтобы текст на маках отображался так же как и на винде и наоборот? Работа тормозится, поскольку клиент присматривается к шрифтам.

Валентин Силютин
30 декабря 2010

Числа, кратные 5 или 10 кажутся больше, чем остальные: «скидка 10%» или «скидка 12%» (этот пример достаточно утрирован, кажутся больше они на психологическом уровне). Объясняется тем, что человек или компания кажутся более щедрыми, не выверяя всё до последнего числа.

А числа с дробью — меньше: «производственный брак — 2,25%» или «производственный брак — 2%». Здесь объяснение обратное — создаётся некая точность, повышающая «значимость» числа, да и последнее произнесённое «пять десятых» или «двадцать пять сотых» так же психологически уменьшает число.

Допускаю, что даже если в данных примерах числа действительно работают как я предполагаю, то в других примерах могут иметь обратный эффект.

Собственно вопрос: озарение или помешательство разума? А может быть баян?

Ренат
27 декабря 2010

Подскажите, как лучше сделать временой указатель наподобие алфавитного на Яндекс-музыке. Сам склоняюсь больше ко второму варианту, но что-то смущает в нём, что — сам не могу понять.

Кирилл К.
24 декабря 2010

Здравствуйте!

Хотя этот вопрос поднимался уже довольно много раз, хотел бы ещё раз спросить. Это всем известное отношение «заказчик — дизайнер». Как убедить заказчика в том, что дизайн хорош, и заказчику не нужны, скажем, салатовые буквы на красном фоне и движущийся контент?

Фишки из серии «я лучше знаю», «давайте каждый профессионал будет делать свою работу и не мешать другому» не проходят.

Подскажите, как бороться?

Волк
23 декабря 2010

Как вы думаете, что лучше и прoще всего подходит для иллюстрации «идеи»? Неужели это лампочка?

Глеб Ложковой
20 декабря 2010

Здравствуй, дорогое бюро!

Дело в том, что в нашем подъезде кто-то усердно не любит закрывать входную дверь, а потом жалуется на холод и т. п. Как вы думаете, какой лучше текст, мотивирующий закрывать дверь, лучше разместить на листе А4? Я не дизайнер, но очень люблю вашу профессию, ведь она делает наш мир и сеть краше. Был бы рад увидеть ваши примеры, заранее спасибо!

Артур Валиуллин
17 декабря 2010

В пятничную рубрику.

Артём, пытаюсь не допустить настойчивого предложения сделать выключку текста по ширине в вебе одного из заказчиков. Стараюсь действовать по Кемпу: контролирую эмоции, а не результат. Раскрываю тему заказчику, что в вебе технически это довольно проблематично. Общение выстраиваю корректное и вежливое. В результате нарываюсь на грубость со стороны заказчика и обвинения в моей некомпетентности.

Как быть?

Даниил Мочуляк
16 декабря 2010

Первая работа в инфографике.

Артём, что вы думаете о об этом?

Алексей Беликов
13 декабря 2010

Здравствуйте, Артём и уважаемые советчики.

Совсем недавно начал работу проект «Дизайн-собака» на вашем сайте. Проект, бесспорно, хороший, но, как мне кажется, его дизайн-реализация могла бы быть лучше. Вдохновлённый внезапно возникшим в моей голове видением, я сделал макет титульной страницы и всё подробно описал.

Вопрос: как вы считаете, нынешнюю реализацию «Дизайн-собаки» можно считать полностью завершённой, или всё же ещё есть моменты, которые требуют доработки?

Евгений Арутюнов
10 декабря 2010

По Кемпу это адекватная миссия?

Сергей Сурганов
9 декабря 2010

Мы спорим с коллегами насчёт логотипа «Диадока», специального сервиса для электронного документооборота.

Я за верхний вариант, потому что чёрточки повторяют изгиб буквы «Д». Кто прав?

Валентин Силютин
6 декабря 2010

Здравствуйте!

Заметил, что в Советах вы часто используете капитель. Поэтому вопрос — почему вы это делаете и какими правилами руководствуетесь (т. е. в каких случаях применять, а в каких — нет)? Оправдано ли использование капители в вебе, особенно если учесть, что здесь это не отдельное начертание шрифта, а уменьшенные прописные, набранные с разрядкой?

Мальцев
2 декабря 2010

Здравствуйте, бюро и уважаемые советчики!

Как вы считаете, есть ли логика в обозначении пасмурности значком солнца в любое время суток? Или это ерунда, о которой не стоит беспокоиться? :-)

Дмитрий Ачкасов
29 ноября 2010

Навигационный знак зала прилёта в аэропорту «Толмачёво», Новосибирск.

А как бы вы изобразили этот знак?

Jedi jedi
26 ноября 2010

Услуга за услугу или баш на баш?

Если ты сделал сайт бесплатно, бесплатно держишь на своём хостинге, и просишь повесить внизу банер маленький такой спонсорский (который в год хорошо если 1-2 $ тебе принесёт), дабы хоть как-то отбить монету на хостинг, а тебе говорят, мол, рекламой не надо увлекаться.

Сайт делался друзьям по-дружески, но по-дружески я думал, копеечка на хостинг чтобы капала.

Друзья, интересно ваше мнение. Мне иногда кажется, что я не умею просто сделать так, чтобы меня выслушали.

Дмитрий
25 ноября 2010

Попытался переделать данную таблицу, вот что вышло.

При нажатии на фамилию преподавателя открывается приблизительно такая форма, как снизу. Стоило ли фамилии подчеркнуть пунктирной линией?

Скажите, что можно было бы сделать лучше?

Ильдар Хайруллин
22 ноября 2010

Раньше при регистрации на сайты просили указывать секретный вопрос и ответ к нему, чтобы по этим данным выслать старый пароль или сгенерировать новый.

Многие пользователи не придают этим вопросам значения и пишут что попало, соответственно, восстановить этим пользователям пароль не удастся.

Сейчас всё чаще при регистрации нет никаких секретных вопросов. А при запросе восстановления пароля сайты сначала высылают подтверждение по почте, при нажатии на ссылку в котором генерируется новый пароль и высылается второе письмо, пользователь переходит на сайт и видит сообщение с новым паролем.

Мой клиент считает, что это неудобно. Просит сразу по запросу высылать новый пароль на почту первым письмом. Клиент не думает, что будут недоброжелатели, которые будут запрашивать новые пароли не для своих учетных записей. Сделать, как клиент просит или у вас есть иное решение?

Олег Томенко
19 ноября 2010

Здравствуйте, Артём. До недавнего момента я занимался только проектированием графического интерфейса — оформлением страниц уже более-менее сложившихся систем и интранетов, все моменты человечного интерфейса реализовывались уже в пределах одной или нескольких страниц. В этих случаях объём работ считался просто — по количеству страниц и их сложности.

Сейчас стоит другая задача — большая онлайн-система, работающая с финансами, скажем так. Есть некие материалы, краткое описание и экраны неудачного решения системы. Заказчику нужна оценка нового, хорошего проекта интерфейса. Я составил реферат, в котором кратко расписал задачи системы. Проект интерфейса в моём понимании на выходе представляет собой схемы всех экранов и описание сценариев, по которым они работают. По схемам экранов уже рисуются и верстаются макеты, это отдельная статья.

Я примерно представляю себе систему, но она не прозрачна абсолютно, есть какие-то непонятные моменты, в них надо разбираться. Есть две проблемы:

  1. Я могу потратить больше времени, чем представляю себе, поскольку моменты, которые кажутся незначительными, могут оказаться значительными. В итоге работа в убыток.
  2. Полностью разложить по полочкам систему — это большой объем работы и довольно длительный. Я скажу клиенту оценку, его она не устроит, и получится, что время потрачено. Не впустую, конечно, все это опыт, но деньги тоже надо зарабатывать.
  3. Моё решение — говорю предварительную оценку с запасом.

    Вопрос: как вы оцениваете объём работ по будущему проектированию интерфейса? Как сделать так, чтобы дать адекватную оценку и не тратить время на тщательный анализ проекта? Ведь так можно всю жизнь сидеть, всё оценивать и не будет времени ничего делать. Возможно, у меня неправильный подход, направьте, если что. Спасибо.

Сергей
18 ноября 2010

Ссылки на другие страницы подчёркивают линией.

Ссылки, изменяющие структуру (вид) сайта по клику, подчёркивают пунктиром.

Стоит ли обозначать ссылки, которые что либо меняют простым наведением курсора, волнистой линией?

Николай Гурьянов
15 ноября 2010

Артём, здравствуйте.

Что показывает батарейка в углу вашего сайта? В 2008 году было 5 делений, а сейчас их 6.

Олег Громов
12 ноября 2010

Артём, привет!

Подскажите, как правильнее поднимать цены за свою работу?

Квалификация растёт, точность и эффективность принятых решений тоже, а средний уровень цен в моей нише — не очень, скорее, активно демпингуется начинающими фрилансерами. Также я увеличиваю и сроки разработки, чтобы делать реально хорошо — то, что раньше казалось профессиональным, сейчас выглядит смешно. Работать в полсилы за полцены как-то тоже не хочется и вряд ли получится.

Вариант с поиском новых клиентов и «отсеиванием» старых понятен — так, по сути, и поисходит. «Отсеивание» звучит ужасно по отношению к людям, но я вовсе не об этом: я имею в виду лишь корректное и вежливое завершение сотрудничества с подтягивнием оставшихся хвостов, обязательной готовностью помочь словом и делом, если что.

Интересно другое: каким образом подать растущие цены уже существующим постоянным клиентам? Ведь, если рассуждать логически, постоянным наоборот скидки и прочие привилегии положены.

Данил Трапезников
11 ноября 2010

Довольно часто дизайнеры информируют своих пользователей, что клик по ссылке откроет новый сайт. Иногда они ставят иконки, иногда пишут текстом, но мне это кажется не эффективным — это добавляет графического мусора на сайт. Я придумал такой способ информирования пользователей о том, как поведёт себя браузер после клика. Что скажете?

Сергей Будяков
8 ноября 2010

Здравствуйте.

Хотелось бы услышать мнение о логотипе и выбранном шрифтовом решении для спортивного проекта daraba.ru.

Артём Оберлянд
5 ноября 2010

Довольно часто клиенты приходят без технического задания, просто с некоторыми материалами, в лучшем случае это будет предполагаемая структура сайта. И когда я им объясняю, что ТЗ необходимо, объясняю почему, называю цену, они зачастую не возвращаются. Возможно, их пугает дополнительный этап работы, может, они думают, что это просто займёт больше времени. Можно было бы включать разработку ТЗ в цену проекта, но тогда возникают трудности с подписанием договора, так как к нему нельзя будет приложить ТЗ. 

Какие есть варианты?

Тимур Казьмин
4 ноября 2010

Артём и советчики, скажите, пожалуйста, что вы думаете по поводу наличия пункта «главная страница» в основном меню сайта?

Возможно присутствие в виде текста или иконки. Ведь очень для многих неочевидно, что клик по логотипу на любой странице ведёт на главную.

D.S.
1 ноября 2010

На сайте объявления будут разбиватся по разделам «продажа», «покупка» и «аренда». Как и куда эти ссылки добавить или как лучше реализовать?

Данный вариан чем-то не нравится, не обяснили чем, подчёркивать неактивные разделы тоже пробовал.

Вариант с пунктирным подчёркиванием не понравился, заказчик говорит, что многие ещё не понимают, как такое работает.

Надежда Сысоева
29 октября 2010

Добрый день!

Подскажите, как лучше поступить в следующей ситуации. Студия специализируется только на разработке сайтов. Продвижением и раскруткой мы принципиально не занимаемся. А большинству потенциальных заказчиков необходим и сайт и его продвижение в одной и той же студии. Варианты с компанией-партнёром, которая оказывает услуги по продвижению, возможных клиентов не устраивают.

Как быть? И как в вашем бюро поступают в таких случаях?

Спасибо!

Валентин Силютин
28 октября 2010

В инфографике есть Тафти, а есть ли кто-то такой же в мире логотипов и прочего фирменного стиля? И есть ли у этого замечательного человека написанные им книги? :-)

Иван Бойко
25 октября 2010

Здравствуйте, Артём!

Нужен совет. Есть вот такая таблица, описывающая наличие у новосибирских веб-студий блогов и страничек в различных социальных сетях. Как мы с ней ни боролись, получается не совсем приятная картинка. Больше всего удручает неоднородность данных. Как, на ваш взгляд, можно улучшить эту табличку? Необходимо учитывать, что ширина таблицы фиксированная.

Александр Борисов
22 октября 2010

Зашёл спор с коллегами о том, как лучше поступать с потенциальным заказчиком: называть ему стоимость работ или спрашивать его о том, сколько, по его мнению, должны стоить обговариваемые работы.

Артём, скажите, пожалуйста, как вы и ваши коллеги поступают в подобных ситуациях, когда потенциальный заказчик не задаёт прямого вопроса о стоимости?

Илья
21 октября 2010

Артём, скажите, почему у вас на сайтах везде используется английский перевод в урл, а в блоге — транслит http://design.artgorbunov.ru/sayt-pro-krasivye-titry-k-filmam/? Сейчас сам стою на пороге создания блога и думаю, что в блоге и на новостных сайтах стоит использовать айди:

my-blog.com/12/ или с рубрикой my-blog.com/travel/12/

Можно, конечно, ещё использовать дату с айди, например как у Ильи http://ilyabirman.ru/meanwhile/2010/09/30/1/, что в принципе тоже неплохо и понятно.

Александр Дебкалюк
18 октября 2010

Может, кто-нибудь из советчиков знает удачный перевод user experience?

  • Ничего лучше «впечатлений», «впечатлений от продукта (сайта, сервиса…)» в голову не приходит, несмотря на то что я филолог английского языка:
  • «Работа с этим сайтом производит хорошее впечатление».
  • «После использования продукта остается плохое впечатление».
  • «У пользователя посредственные впечатления от работы с вашим сайтом».
  • «При проектировании интерфейса помните о том, что от работы с продуктом у пользователя должно оставаться хорошее впечатление».
  • «Нам нужно сосредоточиться на общем впечатлении, которое производит продукт».
Игорь Иванов
15 октября 2010

Делаю сайт маленькой фирме, почти сделал. Владельцы достаточно адекватные люди, им практически всё понравилось и можно было бы на этом закончить, но они решили показать сайт одному из своих менеджеров, самому «креативному». Эта девочка по совместительству с основной работой делает фирме визитки, вывески, слоганы, конверты, оформляет офис и т. п. В общем, креативит во всю. Уровень её дизайнерского профессионализма легко оценить по фразе «Наши товары — самые лучшие!!!» (естественно, с дефисом).

Буквально за один вечер она переписала все тексты для сайта на свой литературно-вконтактовский манер, выбрала фотки, которыми нужно заменить уже имеющиеся на сайте, а также накатала лист с замечаниями. Никаких новых идей в исправлениях не было, поэтому на сайте я практически ничего не поменял.

Теперь она на меня злится, называет горе-дизайнером и склоняет владельцев к тому, что зря связались с таким неучем. Пытался ей конструктивно объяснить, почему не стоит писать заголовки «красивым» шрифтом, а телефонные номера на американский манер, но она даже слушать не хочет. Сразу затыкает рот и обижается.

Владельцы не могут определиться. И такой сайт им вроде нравится, и Леночку они ценят за то, что она красиво цветочки посадила. Не сомневаюсь, что в конце концов удастся склонить их на свою сторону, но хочется из всего этого выйти с минимальными потерями, сохранить хорошие отношения и репутацию.

Что делать?

Павел Карасёв
14 октября 2010

Почему в мобильных сенсорных осях не используется приём «свет в конце тоннеля» для отображения длинных списков, которые не влезают целиком на экран?

Вячеслав Ильинский
11 октября 2010

Артём, Илья, привет!

На Хабре заголовок темы был с «равн», в самом интерфейсе программы иконка претендует на «ровн», вроде, как делать ровные блоки, но не равные.

Скажите, как правильно написать в иконке — «равн» или «ровн»?

Олег Громов
8 октября 2010

Артём, здравствуйте!

Основная моя работа сейчас — вёрстка сложных макетов. При этом «натяжку» я либо не делаю вообще, либо делаю частично. Как правило, эту часть берут на себя программисты заказчика.

Часто возникает такая ситуация: я делаю вёрстку (а она всегда достаточно сложная, с кучей всяких интерфейсных скриптов, всевозможных решений, о которых я всегда максимально подробно рассказываю), сдаю её, получаю деньги и, можно сказать, забываю. А потом, через две недели или месяц, появляются вопросы или проблемы — так поздно потому, что у заказчика только руки дошли до свёрстанного мной проекта.

И мне приходится отрываться от текущей работы (что нехорошо), чтобы поправить и помочь, либо откладывать поправки на потом (что ещё хуже — так проект может висеть незавершённым очень долго).

Как правильно организовать «поддержку», которая для меня заключается в основном в подкручивании-перекручивании-подсказках по сделанному? По поводу поправок собственных косяков более-менее понятно — виноват-то, по сути, я. Их я стараюсь делать как можно скорее.

На поддержке я так заморочен потому, что всегда стараюсь делать больше, чем фактически уплачено — т. е. делать максимум для проекта, решать существующие проблемы заказчика, а не создавать новые, помогать, советовать и делать всё и везде, где мне хватает опыта и компетенции. И это супер-круто! Наверное, только за этим ко мне и идут — верстальщиков на рынке полно, а цены у меня одни из самых высоких :-)

Но в таком формате это получается очень накладно для меня. В последнее время бывает, что я сижу и целую неделю занимаюсь какими-то поправками/дополнениями, которые либо не стоят ничего, либо стоят копейки, потому что мелочи.

Сейчас я ещё и открыл свою первую небольшую фирму, поэтому вопрос поддержки встал особенно остро. Надо бы это как-то регламентировать, не ущемив ни своих интересов, ни интересов клиента. А я всё не соображу, как.

Надеюсь, понятно обрисовал ситуацию.

Спасибо!

Андрей Жуков
7 октября 2010

Артём, что вы думаете о таком пейджинге?

Артём Оберлянд
4 октября 2010

Это интерфейс боковой панели проекта saiter.ru с комментариями о сайте, на котором в данный момент находится пользователь.

Скажите, есть ли элементы, которых явно не хватает в интерфейсе и вообще какие ошибки допущены?

Владимир Сыроежкин
1 октября 2010

Артём, как вести себя с заказчиком, который по определённым причинам не желает работать по договору и перечислять деньги через банк? Как лично вы поступаете с теми, кто предлагает работу за «наличку»?

Александр Сорокин
30 сентября 2010

Пытался оптимизировать указатель остановки. Удалось ли? Укажите на явные минусы.

Павел
27 сентября 2010

Доброго времени Артём и всем «советующим»!

Нарисовал карту прохода к офису для своего сайта. Постарался сделать её информативной и без всякого лишнего «шума». Указал ближайшие основополагающие улицы и номера домов при движении на автомобиле (не все люди ездят на метро, даже в пробки). На мой взгляд получилось информативно, но не красиво. Как вам эта карта? Что можно улучшить?

Заранее благодарен!

Иван Большов
24 сентября 2010

Артём, привет! Рубрику закрывать нельзя — это самая интересная рубрика в рунете за последние лет пять :-)

Вот сразу вопрос и кусочек обсуждения внутри студии:

Анна Шелковникова:
В компании три учредителя: один прогрессивный, второй действует по принципу «нужно показать, что он не лишний», третий не верит в эффективность проекта для развития бизнеса (консерватор). Решение принимает первый, но двое других имеют серьёзный вес (и капают первому на мозги). Как избежать проблем при принятии концептуальных решений?

Иван Большов:
На этот вопрос ответ простой: провести встречу со всеми и договориться, кто впредь отвечает за проект. И закрепить это на бумаге.

Анна Шелковникова:
Бесполезно, они всё равно лезут. Нужен психологический совет, как себя вести на переговорах, на кого играть в первую очередь?

Александр Пермяков
23 сентября 2010

Добрый день!

Скажите, пожалуйста, как было бы правильнее расположить подписи к видео.

Сейчас у нас подписи к фото — внизу, к видео — вверху. Для меня так воспринимается лучше, для партнёра — когда обе подписи внизу.

Посоветуйте, как лучше расположить подписи к видео. Понимаем, что главное — чтобы ближе к видео надпись была, но вопрос в том, вверху или внизу.

Спасибо!

Федот Березной
20 сентября 2010

Готовятся к изданию записные книжки.

Есть отсканированные страницы (оригинал) и расшифрованный текст (рукописный не везде разборчив).

Прошу советов по взаимному расположению оригинала и печатного текста. Рядом? Отдельно? До или после? Может быть, параллельно?

Какие известны варианты сочетаний: оригинал-расшифровка, оригинал-перевод?

Владимир Саламатов
17 сентября 2010

Мы делаем большой проект. Клиент в последнее время недоволен, что работа идёт медленно. Но сроки работ мы выдерживаем чётко. На самом деле, эта задержка со стороны клиента. То мы ждём оплаты по неделе, то комментариев по прототипам интерфейса сайта, исправляем их.

А вопрос вот какой: есть ли у вас какой-то наглядный график работ/оплат/задержек по проекту? И стоит ли им пользоваться, чтобы каждый раз клиент видел, что сроки растягиваются по его вине и нам не приходилось бы каждый раз вспоминать, когда, что и как было.

И ещё вопрос: мы опрометчиво поставили стоимость одного экрана, как оказалось, ниже, чем нам бы было выгодно работать. Клиент говорит, что «коней на переправе не меняют». Бывало ли у вас такое, и как вы поступаете в таких случаях?

И ещё вопросик. Как правильно выставлять цену за прототип сайта? Ведь на нём бывают разделы разной сложности (к примеру, стандартные новости, статьи или же онлайн-сервис). Считать усреднённую стоимость одного экрана по всему проекту, или прикидывать отдельно стоимость разработки каждого раздела в целом?

Равшан
16 сентября 2010

Здравствуйте, Артём.

Как можно улучшить расписание учебного года, состоящего из двух семестров? По какому принципу следует группировать общий знаменатель (года, месяцы) исходя из того, что формат с карманный календарик?

Тимофей Слепченко
13 сентября 2010

Нашел эту схему на сайте «Информейшн из бьютифул».

Имеет ли она право на жизнь? Не перегружена ли? Если да, то как можно упростить?

Константин Горский
10 сентября 2010

Когда работаешь над большим проектом, и большая часть уже сделана, иногда вдруг понимаешь, что некоторые вещи надо было делать совсем по-другому.

И тут встаёт дилемма: если начать всё переделывать, сроки безнадёжно провалятся (и есть риск вообще никогда не закончить). А если отбросить мысли и просто продолжать работать, потом мучаешься, что можно было бы сделать гораздо лучше.

Всё время мучаюсь из-за этого. А как вы решаете такие противоречия?

Борис Наумов
9 сентября 2010

Здравствуйте!

Буду признателен услышать мнения Артёма и Ильи. Как писать название исполнителя (группы) и название песни. Каким разделителем отбить эти две сущности? Вызывают сложности кавычки.

Например, написание «Вельвеt» «Продавец кукол» правильное, но некрасивое. Ситуацию усугубит список. Как бы вы писали и как бы разделили название группы и название песни?

Дмитрий Бойцов
6 сентября 2010

Здравствуйте, Артём и уважаемые советчики!

Вопрос простой. Как сделать так, чтобы рекламные банеры не создавали ощущения захламлённости и беспорядка на главной странице? Как можно увеличить эффективность представления информации на главной странице, сохранив при этом её простоту?

Валентин Силютин
2 сентября 2010

Встал вопрос: что выделять — то, что повторяется, или то, что новое? Логически кажется, что выделять нужно новое, но глаз почему-то в первые секунды считает, что подсвечено повторяющееся. Очень надеюсь на ваше более объективное мнение :-)

Максим Россомахин
30 августа 2010

Коллеги, рассудите.

В Википедии принято связывать статьи одной тематики с помощью навигационных шаблонов. Пример: шаблон «Бронетехника СССР периода Второй мировой войны». Возник спор о том, мешают или нет восприятию читателей звёздочки возле избранных статей. Не лучше ли их убрать? А может и саму таблицу можно улучшить?

Валентин Силютин
26 августа 2010

Насколько мне известно, для обозначения рубля принято сокращение «руб.» (не считая, конечно, знака рубля, предложенного Студией Лебедева). Но когда требуется написать что-то вроде «руб./м²» возникает вопрос — а нужна ли в данном случае точка? Такое ощущение, что она тут совсем не к месту и портит весь вид, но одновременно появляется ощущение некоторой некорректности.

Так как же быть?

Сергей Леньков
23 августа 2010

Сделал себе «рабочий стол» для веб-сёрфинга. Главной идей было избавиться от табов, закладок, всевозможных speed dial и объединить это все в одном интерфейсе.

  • Как это работает:
  • При открытии новой ссылки сайт автоматически добавляется на рабочий стол.
  • При минимальном зуме можно просмотреть общую картину.
  • При увеличении зума можно работать с сайтом — открывать новые ссылки, удалить страницу со стола. Все страницы можно таскать по столу как угодно.
  • Все страницы автоматически обновляются и сигнализируют если содержимое обновилось. С высоты удобно мониторить изменения на сайтах.

Что касается основной идеи. Пропала необходимость в закладках, если нужно сохранить ссылку на сайт, я просто не убираю его со стола, табы тоже перестали быть нужны, все открытые сайты лежат на столе и лично мне визуально легче ориентироваться при таком подходе. Если сайт мне больше не нужен, он просто удаляется со стола.

Есть смысл в такой подходе?

Александр Дебкалюк
19 августа 2010

Какой вариант лучше, на ваш взгляд?

Виктор Шулика
16 августа 2010

Заказчик попросил упорядочить/сгруппировать кашу туров.  Мы предложили им вариант, который был отвергнут по причине слишком многого пустого места. Посоветуйте, как усовершенствовать список туров, чтобы заказчик остался доволен.

Александр Дебкалюк
12 августа 2010

Я думаю, что повсеместно (например на продуктах питания) нужно использовать формат даты 1 дек 2010, а 01.12.2010 только в отдельных очень редких случаях.

Согласны?

Михаил Рябинин
9 августа 2010

Это интерфейс платёжного терминала. Как было и как стало. К сожалению, пока задачей было изменение только «скина» интерфейса без изменения структуры и иерархии разделов (отсюда и кнопка «Разное» в одной упряжке с «Оплатой СтекGSM»). Длиннющие кнопки с логотипами и подписями тоже пока не трогали (подписи, я думаю, нужно убрать).

Ответьте пожалуйста, стало ли лучше?

Игорь Филимонов
5 августа 2010

Дорогие Артём и советчики, это — фильтр компаний по графику работы. Вариант над чертой: сразу видны востребованные опции (круглосуточно и без выходных), это хорошо. Под чертой: более логичный и гибкий. Интересно, как вы считаете: удобна ли (или избыточна?) возможность выбора дня/времени? Можно ли упростить фильтр? Как организовать его, чтобы засветить две важные опции (сохранив цельность-связность инструмента)? Спасибо!

Андрей Ржанников
2 августа 2010

Здравствуйте.

При рассмотрении интерфейса навигатора «Штурман» меня зацепила такая деталь, как вертикальное направление текста («Меню» и «Карта»).

Подскажите, пожалуйста, чем обосновано направление текста сверху вниз, а не наоборот?

Сергей Леньков
29 июля 2010

На иллюстрации программа для ведения списка дел. При добавлении задачи даты автоматически преобразовываются в крайний срок, восклицательный знак в конце предложения повышает приоритет, вопросительный знак или многоточие — понижает, выражение в скобках становиться примечанием, # указывает на тег.

Имеют право на жизнь такие текстовые интерфейсы?

Михаил Грозовский
26 июля 2010

Артём, сейчас в интернете все уже привыкли делиться ссылками. Увидел что-то, отправил другу (выложил в блог). Почему ещё ни в одном браузере функционал отправки ссылки не реализован как встроенная возможность? Как бы могла выглядеть эта функция в браузере?

Правда, в Фаерфоксе есть соответствующие надстройки, но их еще надо найти и установить. Единственный мобильный браузер, в котором реализована такая возможность,— Блекберри. Там это выглядит очень логично, так как все приложения (в том числе почта) сильно интегрированы между собой. Догадается ли Гугль в своём браузере сделать такой функционал для пользователей Gmail?

Сергей Юревич
22 июля 2010

Здравствуйте, Артём.

Скажите, пожалуйста, почему в интернет-магазинах, когда откладываешь товар в корзину, в верхнем правом углу (или ещё где-нибудь) показывается только количество товаров в корзине, а чтобы их просмотреть, нужно открывать отдельную страницу корзины?

Ведь если я, например, отложил один айфон, две книги, три аудиокниги и т. д., зачем мне знать количество товаров в корзине? Что оно мне даёт, кроме того, что показывает, что при нажатии «отложить в корзину», действительно что-то в неё попало? Это же так, как если бы тележки в супермаркетах были накрыты чем-то непрозрачным, и только возле кассы нам показывали, что мы туда наложили.

Почему бы не отвести часть правой стороны экрана под корзину, пускай даже с минимальным набором возможностей (удалить товар, выбрать количество)? Можно сделать некую анимацию попадания товара в корзину, или возможность перетаскивания его драг-н-дропом в корзину. Или, может, где-то уже так сделали? По крайней мере, я нигде не встречал.

Антон Боярских
19 июля 2010

Для собственного пользования решил изобразить схему раздельного питания. В результате возникли некоторые проблемы по восприятию. То, что я вижу — обводка совместимых овощей воспринимается как рамка, а фрукты нужно вообще как-то отделить — с ними нельзя ничего есть.

Это не первый вариант схемы раздельного питания, изначально я основывался на достаточно простых схемах из англоязычных источников (одна, вторая).

Антон Ловчиков
15 июля 2010

Очень часто встречаю на сайтах псевдокнопки, большие и сочные, побуждающие посетителей совершить какое-то действие, например, зарегистрироваться на сайте (первые два примера). Приём хороший и, как мне кажется, работающий. Но с точки зрения семантики не совсем правильно: это же не кнопки, а ссылки. На некоторых проектах я стал использовать «банерные ссылки» — подчёркнутые ссылки с подложкой в виде объемной кнопки (третий пример). Но многим этот приём кажется странным.

Как вы считаете, можно ли закрыть глаза на семантику и использовать псевдокнопки или же есть какое-то другое решение?

Саша Сергеев
12 июля 2010

Артём, как вы относитесь к новому формату форумов — вопросных систем, развившемуся из популярного Стековерфлоу?

И, конечно, всем советчикам просьба сосредоточиться на обсуждении направления движения к более простому, но при этом легко самоорганизующемуся формату. Мне, например, кажется удивительным, что при непохожести этого типа сайта на ранее существующие он стал очень легко набирать популярность как основа для очень многих «онлайн-клубов по интересам».

Олег Волчков
8 июля 2010

Артём, стоит ли учитывать различие регистров букв в адресах страниц? Ведь для пользователя адрес site.ru/blog/first_post и site.ru/Blog/First_post по смыслу одинаковые, но «стандарт» считает, что эти адреса должны рассматриваться как разные. Как быть, слепо следовать стандарту и историческому наследию UNIX-систем и говорить клиенту «404 not found» или просто выдавать содержимое, тем более, что найти его не сложно?

Можно рассмотреть проблему ещё шире. А имеет ли вообще делать различие регистра символов для естественных идентификаторов (имён файлов, адресов страниц и пр.)?

Валя Голев
5 июля 2010

Думал, как объединить комментарии и обсуждения по темам. Придумал такую штуку (см. скрин): есть комментарии, а есть теги. Теги при создании комментария не вписываются, а выбираются (но всегда можно создать новый тег). При выборе тега все комментарии с таким тегом подсвечиваются. Так можно с большим удовольствием посмотреть любую конкретную тему, не боясь упустить какой-то комментарий, не помеченный тегом.

Что вы думаете на этот счёт? Хороши ли идея и предложенная реализация?

Сам я не дизайнер и не претендую, цвета и прочее выбирал, фактически, шутки ради :)

Артур Валиуллин
1 июля 2010

Уважаемые советчики, в очередной чемпионат мира по футболу задумываюсь, как правильно писать счёт игры: Германия — Англия 4:1, 4—1 или 4–1?

Сергей Сурганов
28 июня 2010

Пластилиновая инфографика. Имеет право на жизнь?

Интерактивный вариант

Сергей Сурганов
24 июня 2010

Я перевожу книгу Эдварда Тафти «Envisioning Information» — и постоянно сталкиваюсь с трудностями по переносу профессиональной терминологии с английского на русский. Если, скажем, термин sparklines ещё можно перевести сходу («искрографики»), то над small multiples приходится крепко задумываться.

Как переводить названия книг Тафти? Display, Envisioning, Explanations, Evidence — всё это, в сущности, обозначает подачу информации… но наберётся ли в русском языке столько синонимов?

И наверняка у русскоязычных информационных дизайнеров есть свои термины, свой жаргон, профессиональный словарь. Поделитесь примерами?

Михаил
21 июня 2010

Я сдаюсь, как с этим бороться?

Это номера подходящих проводов на чертеже. Когда их много, в них просто невозможно разобраться. Частично помогает изгибать выносные линии, но порой это ещё больше запутывает. Можете ли посоветовать дизайнерское решение для инженерной задачи?

Чёрный фон из-за того, что это снимок экрана автокада. В конечном итоге чертежи будут рассматриваться на бумаге.

На изображении фрагмент чертежа по компоновке распределительного шкафа. Выноски — это не совсем выноски, это обозначения начала или конца провода, подходящего к соответствующей клемме. Сделано так для удобства сборки на производстве, чтобы ребятам было проще соединять элементы. Из-за специфики электроборудования и плотного расположения клемм (в два или три ряда) возникает такая вот каша, как в середине чертежа. Мы справляемся и печатаем увеличенные фрагменты, но это не панацея и порой приводит к ещё большей путанице.

Стоит добавить, что специфика такова, что чертежи могут быть только формата А4 и только чёрно-белые.

Названия фазных проводов формируются как <название фазы><порядковый номер>, например A1, B3. Названия проводов цепей управления формируются как <номер цепи><порядковый номер>, например 1-15.

Если к клемме присоединяются несколько проводов, то все они указываются списком.

Если к клемме не подходит никаких проводов — клемма пустая.

Артур Валиуллин
17 июня 2010

Артём, уважаемые советчики.

Как вам решение размещать статьи в категориях по схеме: n+1 в левом блоке, n — в правом, если количество статей в категории нечётно и n — слева и справа, если количество чётно?

Спасибо.

Сергей Сурганов
14 июня 2010

Хороша ли схема?

В сети появилось много негативных отзывов об этой схеме метро, в основном от недизайнеров. Стоит ли объяснять людям, почему эта схема лучше существующей официальной? Да и вообще, нужно ли простому человеку знать, почему одна схема лучше другой, вместо простых вилок хорошо/плохо, удобно/неудобно?

Денис Чмель
10 июня 2010

Добрый день, Артём и уважаемые советчики.

Смотрю на Burndown chart (впрочем, та же ситуация и у диаграммы Гантта) и вижу, что основное действие разворачивается лишь по диагонали, а остальное пространство пустует. Из-за такой особенности невозможно сжать график (например по высоте, для вывода на дашбоарде и т. п.) — он становится нечитабелен. Основная задача графика — предвидеть отставание или перевыполнение плана еще задолго до намеченного срока.

Можно ли решить эту задачу более компактно? Желательно, конечно, не менее визуально :-)

Андрей Косеченко
7 июня 2010

Приветствую.

Хочу стать вашим конкурентом и попытаться заработать на жизнь тем же, что и вы.

Из головы не выходит один вопрос. С макетами сайтов все более-менее понятно — прямая дорога в Индизайн.

А вот в чём вы делаете макеты интерфейсов? Например Эмгизмо, The bat, сайты? Не сразу же в IDE ваяете?


P. S. Что посоветуете почитать на эту тему?

Артур Валиуллин
3 июня 2010

Здравствуйте, Артём.

Если не ошибаюсь, вы принимали участие в разработке интерфейса Яндекс-погода.

Краткий вариант, безусловно, паттерн.

Но мне показалось, что подробный вариант менее информативен, чем краткий: слабо заметны времена суток, страдает вертикальная динамика. Я попробовал немного переделать.

На ваш взгляд, справился?

Спасибо!

Василий Леонтьев
31 мая 2010

Здравствуйте, Артём, хотелось бы узнать ваше мнение об использовании всплывающих окон. Спасибо.

Павел Вакуненко
27 мая 2010

Здравствуйте, Артём.

Задача не новая: переделать схему проезда, упростить почистить, сделать приятной глазу, но не доводить до абсурда. Стало ли лучше или те же яйца, только в профиль?

Михаил Грозовский
24 мая 2010

Артём, с каждым крупным чемпионатом по хоккею пытаюсь смотреть трансляции по телевизору. Честно сажусь и пытаюсь, иногда даже интересно. Однако рискну предположить, что популярность хоккея в Европе всё-таки меньше, чем у футбола, даже в странах, где и хоккей, и футбол развиты. Возможно, тому причиной меньшие стадионы. А может быть, дело вообще в размере?

Дело в том, что шайбу во время трансляции вообще не видно. Получается, что по площадке носятся десять игроков, а цель их беготни непонятна для зрителя. В футболе же мяч белый и его хорошо видно издалека на зеленом поле. А что если с помощью технологий дать возможность телезрителям подсвечивать положение шайбы на площадке, например, более крупным оранжевым пятном? Думаю, зрелищность от этого только бы выросла.

Как думаете, почему подобного рода технологии вообще в командном игровом спорте не приживаются?

Денис Новиков
20 мая 2010

Добрый день!

Очень хотелось бы услышать ваше мнение по поводу навигации на сайте kinofilms.com.ua.

Суть такова: есть главная страница фильма, и к этому фильму есть вкладки «трейлеры», «кадры» и т. п. Перейдя на вкладку (или сразу попав на неё) — посетитель должен догадаться, как вернуться к описанию фильма (главной странице фильма). Наиболее очевидный вариант — добавить ещё одну вкладку — «описание», но это не очень симпатично. Подскажите пожалуйста — так, как сделали мы — достаточно ли очевидно? Спасибо!

Станислав Литвинов
17 мая 2010

На рисунке снимки трёх вкладок html-интерфейса «Предложений» — одного из наиболее популярных сервисов ВКонтакте, который ежедневно использует до миллиона пользователей.

Задача: перенести этот сервис во flash-приложение.

Вопрос: как можно улучшить интерфейс этого сервиса, с учётом переноса его во flash?

Александр Дмитриев
13 мая 2010

Здравствуйте, уважаемые советчики!

Стоит задача сделать форму для заполнения времени работы компании. Какой из видов формы лучше? Шаг времени выбрали полчаса.

Артур Валиуллин
10 мая 2010

Артём, вы согласны с тем, что интуитивный интерфейс есть только у соски, всё остальные нужно изучать?

Алексей Скрипник
6 мая 2010

Под впечатлением от вашей статьи про псевдокривые и гистограммы перерисовал графики для страницы «Реклама на сайте».

Больше всего сложностей возникло с возрастом посетителей: в статье вы не даёте ответа на вопрос, как же всё-таки наглядно его показать. Не нашли ли вы с тех пор какого-то решения?

Артём Заруцкий
3 мая 2010

Здравствуйте, Артём и коллеги.

Недавно я запустил поисковую систему GoodsMap.ru — она показывает на карте, где можно купить тот или иной товар. Сервис предназначен, в первую очередь, именно для поиска конкретного товара, а не для выбора покупки, поэтому карте отдана большая часть экрана.

Подскажите, насколько удобен и понятен интерфейс, что можно поменять/добавить/убрать? Заранее спасибо.

Константин Крылов
29 апреля 2010

Здравствуйте, Артём.

В первую очередь, конечно же, просьба к вам (хотя похожее уже обсуждалось, но опираясь на ваши советы, хорошего решения мне так и не удалось найти).

Есть задача визуализировать данные (сейчас так) с диапазонами дат и стоимостью. Диапазоны могут быть какими угодно и по несколько на месяц. Помогите, пожалуйста, решением.

Спасибо!

Олег Данилов
26 апреля 2010

Мы поспорили с руководителем вот на какую тему.

Существует задача: нарисовать схему проезда для московских гостей к гостинице в Нижнем Новгороде от трассы М7. Гуглевские или яндексовские карты заказчик не любит по своим причинам.

Моё мнение — достаточно изобразить маршрут на карте сплошной линией, неразрывной по всей длине. Мнение руководителя — такой маршрут не будет «давать однозначного указания» для пользователя этой схемы и нужно обязательно изобразить его стрелочками.

Вопрос: действительно ли без стрелочек задача не будет выполнена?

Егор
22 апреля 2010

Расскажите пожалуйста, насколько хорошо свёрстана данная картинка и стоит или не стоит так же делать.

Евгений Казаков
19 апреля 2010

Здравствуйте.

Хотелось бы разобраться с вопросом выделения обязательных полей на форме.

  • Есть форма из нескольких десятков полей. Часть полей обязательна для заполнения. Правильность заполнения части полей проверяется Яваскриптом. Как лучше всего сообщить пользователю о том, что поле:
  • должно быть заполнено;
  • заполнено правильно;
  • заполнено неправильно?
КУС
15 апреля 2010

Итоги конкурса уважаемых советчиков «Сургут».

Валерий
12 апреля 2010

Здравствуйте, Артём.

Такие таблички висят у нас в городе на остановках. Список из маршрутов бывает короче, но не длиннее, чем этот. Ширина таблички около 60 см.

Скажите, что нужно сделать, чтобы «стало» стало не хуже, чем «было»? Или я так перемудрил, что нужно совсем по-другому?

КУС
8 апреля 2010

Как улучшить навигацию в Сургуте? Новый конкурс уважаемых советчиков и двухдневный семинар для победителей.

Евгений Панов
5 апреля 2010

Привет!

Можно ли как-то улучшить таблички с расписанием маршруток? Расположение на остановках, исполнение в один цвет.

Даулет Акшиев
1 апреля 2010

Как открыть продуктовый магазин в частном доме?

Ренат
29 марта 2010

Здравствуйте, Артём.

У меня есть сайт о Джумле. Постоянно его дорабатываю, что-то исправляю. Я не веб-дизайнер и мне сложно оценить свой сайт и увидеть, что в нём не так. Поэтому прошу вас и уважаемых советчиков помочь с оценкой и указать на ошибки и недочёты.

Очень хочется, чтобы сайт выглядел хорошо и правильно. Стараюсь следовать советам, которые вы даёте. Спасибо.

Михаил
25 марта 2010

Здравствуйте!

Хотелось бы раз и навсегда разобраться с блоками ограничивающих параметров, которые так часто встречаются в формах, например, расширенного поиска.

Цель: увидев весь спектр результатов, сузить его, явно указав одну или несколько категорий для отображения. Сейчас речь идёт не о контекстных фильтрах рядом с выдачей (где в общем случае понятно, что ты видишь всё), а именно об отдельной странице расширенного поиска.

Как это может работать: 1) мы не говорим, а подразумеваем, что при всех снятых чекбоксах пользователь увидит всё; 2) мы вводим искусственный чекбокс «Любой», который снимается при активации исключающего чекбокса.

Я за первый вариант, второй мне кажется слишком надуманным (не понятно, оправдана ли такая тяжелая конструкция), но есть ощущение, что моему папе явное указание «Любой» помогло бы.

Игорь Балицкий
22 марта 2010

Уважаемые советчики!

Скажите, мне одному кажется, что в новом дизайне Яндекса появились под стрелкой три колонки, озаглавленные «В Харькове», «Погода» и «Пробки» (две последних, кстати, подчеркнуты дважды), что не имеет никакого смысла?

КУС
18 марта 2010

Итоги конкурса уважаемых советчиков «Таблица оценок КВН».

Илья Наринский
15 марта 2010

Здравствуйте, Артём!

Сейчас существуют два варианта ввода пароля в регистрационных формах — скрытый с повтором и открытый.

В первом варианте мы защищаемся звездочками от того, что кто-то может подглядеть наш пароль. А из-за возможных опечаток, которых не видно, необходимо подтверждать пароль.

Но сейчас, когда компьютеры стали полностью персональными, показывать пароль при регистрации можно (при авторизации, конечно, скрывать). Но вот многие люди испытывают дискомфорт, наблюдая свой пароль в виде символов, а не звездочек.

Хотелось бы услышать ваше мнение.

Вадим Паясу
11 марта 2010

Уже лет десять я поражаюсь тому, насколько жутко в КВНе сделан экран с оценками. Не то чтобы там нужны были какие-то серьёзные улучшения, скорее, переделывать надо всё.

Например, неплохо было бы упорядочить натыканные в произвольном порядке логотипы спонсоров с гербами городов. Или написать названия команд, чтоб не приходилось решать логическую задачу типа «если Маша живет в красном доме, то Вася — аквалангист». Или показывать эту панель в нормальном качестве и на весь экран, а не снимать из-за плеча жюри.

Как бы вы сделали эту таблицу?

Андрей Иванов
8 марта 2010

Здравствуйте, Артём, хотелось бы узнать ваше мнение о правиле «главная страница сайта должна умещаться на одном-двух экранах монитора», причём желательно, конечно, на одном, чтобы скролла на главной вобще не было.

Игорь Коновалов
4 марта 2010

Здравствуйте, Артём. Первый раз пользуюсь подобного рода «услугой». Не буду заходить издалека, вопрос следующий: как вам представленный мной дизайн для тюнинг-ателье? Отстой или нет? Спасибо.

Александр Курсенко
1 марта 2010

Здравствуйте!

Сейчас разрабатываем сайт по поиску и продаже авиа- и ЖД-билетов.

Это страница с результатами поиска билетов. Справа располагаются фильтры (столбик). Я намеренно его осветлил, чтобы не отвлекаться на него.

    По центру, сверху вниз:
  1. Направление, на которое ищем билеты.
  2. Модификаторы дат (когда пользователь вводил даты поиска, он мог выбрать ±6 дней для даты отбытия и прибытия).
  3. Результаты поиска рейсов (количество найденных вариантов, переключатель в «лучшие варианты», страницы, указание применяемых фильтров к результатам поиска (фильтры справа, как я говорил), а также название столбиков («Перевозчик», «Отправка» и т. д.) с возможностью сортировки по ним.
  4. Сами результаты.

Каждый блок с результатом содержит: первая часть блока — ТУДА — дату — иконку «удалить» — указание перевозчика (может быть авиакомпания, может быть авиа+ РЖД или несколько авиакомпаний) — время отбытия (и указание откуда) и время прибытия туда — указание времени перелёта (переезда) и количества пересадок (и их продолжительности) — указание класса билетов (для авиа- и ЖД-билетов).

Вторая часть блока — ОБРАТНО — все те же элементы, что и в части «ТУДА».

Далее цена, ссылка на подробности этого варианта (там будет полная информация о рейсах, пересадках и т. д.), а также кнопка «Купить вариант».

    Вопросы следующие:
  1. Сейчас заказчик говорит, что цена не очень заметна. Как можно ее сделать более заметной?
  2. Цена относится ко всему блоку, её нельзя поместить внутрь (сделать ещё одну колонку с ценой), так как тогда её придётся дублировать и для «ТУДА» и для «ОБРАТНО». Но отсюда возник вопрос — как сделать сортировку по цене? Как, например, сейчас есть сортировка по «Перевозчику» или «Времени в пути». Будет ли правильным куда-то сверху вставить ссылку «Сортировка по цене»?
  3. Как можно улучшить функцию, которая показана в виде красного выделения рейса и всплывающей подсказки? Эта функция позволяет выбрать (нажать) на конкретный рейс и найти ВСЕ остальные варианты именно с ЭТИМ рейсом.
  4. Как можно улучшить/упростить вывод результатов и шапку? Учитывая то, что всё, что сейчас выведено на экран — должно быть отображено.
  5. Заранее спасибо за советы!

Михаил Искаков
25 февраля 2010

Здравствуйте, Артём.

Меня интересует ваша оценка дизайна маленькой вывески.

Попрошу оценивать не с точки зрения графического исполнения, а с точки зрения идеи и грамотности.

Например, правильно ли использовано короткое тире в диапазоне времени?

Юра Пономарев
22 февраля 2010

И снова здравствуйте, Артём и советчики.

Скажите, удалось ли мне сделать таблицу программ стирки более наглядной и удобной?

Основное требование — простое и быстрое нахождение нужной программы и её основных параметров. Таблица в формате А3 предназначена для домашнего использования (будет лежать у меня на машинке).

    Несколько конкретней: 
  1. Допустима ли выключка по правому краю в названиях программ?
  2. Как улучшить расположение заголовков в столбцах?
  3. Уместна ли такая подмена столбцов «отбеливатель», «стирка», «ополаскиватель»?
  4. Что ещё можно улучшить и как?
  5. Что хорошего?

P. S. Одной программой стало меньше.

Павел Карасёв
18 февраля 2010

Как вам идея авторизации на сайте через файл-ключ?

Попробовать можно и нужно.

Николай Товеровский
15 февраля 2010

Привет, Артём!

В рамках одной из домашек переделал половозрастной график Пермского края, который выложил в одном из своих постов Олег Чиркунов.

Мне показалось, что если сопроводить график информацией так, чтобы читатель мог сопоставлять события и скачки рождаемости, график станет очень интересным.

Я сам с удовольствием узнал, что самый большой провал связан с войной и что ребят моего поколения очень много. А как тебе?

График крупнее.

Сергей Соболев
11 февраля 2010

Здравствуйте, Артём.

Не так давно сделал себе сайт-резюме. Друзья говорят, что нормально, но меня что-то беспокоит. Что вам режет глаз?

Заранее спасибо за ответ.

Анна Юрченко
8 февраля 2010

На макете показана стартовая страница учебного центра. Основная её цель — обеспечить быстрый доступ к информации, которая важна для студента — его текущие учебные матералы, события, назначенные преподавателем или самим студентом, быть в курсе новостей из профессиональной сферы.

  • Основная критика, которая звучит в адрес этой страницы от заказчика:
  • она перегружена текстом и это плохо для пользователя. Нужно использовать больше графики, картинок и т. д.;
  • нет чёткой фокусной точки;
  • нечёткие секции, которые не дают понимания для чего они нужны (например, на новостях нужно написать, что это новости);
  • не видно, что это главная страница.

Подскажите, пожалуйста, насколько комментарии заказчика обоснованы и как можно улучшить эту страницу? Интересно также услышать любые другие ваши замечания по этому интерфейсу.

Сергей Сыркин
4 февраля 2010

Добрый день.

Была придумана такая навигация по новостям на сайте. В дизайн вписывается вполне нормально. Много новостей заказчик не планирует добавлять.

Месяц выбирается перелистыванием в верхней части.

Прямоугольником подсвечивается та новость, которая отображается, в принципе, это понятно из-за визуальной связи.

Иногда (но далеко не всегда) число (цифра на светлом фоне напротив заголовка) расценивается как порядковый номер события. Как сделать, чтобы у пользователя не возникало вопросов по поводу этой цифры?

Алексей Беликов
1 февраля 2010

Здравствуйте, Артём!

Предлагается установить такие стенды на все остановки крупных городов России и мира; информаторы в транспорт — также повсеместно. Оцените идею, исполнение и актуальность данного проекта.

Заранее благодарю вас и советчиков за комментарии и советы.

К слову: это моя первая работа в области промышленного дизайна и средств визуальной навигации.

Никитос
28 января 2010

Добрый день, Артём.

По моему мнению, в данном случае ссылка не должна идти со слов «Комеди кафе», потому что получается, что они что-то сделали и дают ссылку на сайт «Комеди кафе». Прав ли я, что второй и третий варианты правильнее?

Александр Романцов
25 января 2010

Здравствуйте, Артём.

Разрабатывали загрузчик файлов различных форматов для CMS, задача была в том, чтобы администратор без нашей помощи мог интуитивно разобраться в работе модуля. Справились ли с задачей? Стоило ли размещать кнопку «Добавить» вверху? И какие ещё пожелания по улучшению вы могли бы посоветовать?

Антон Ловчиков
21 января 2010

Илья Бирман в своём блоге сформулировал правило о подчёркивании ссылок-названий, заключённых в кавычки. Но как быть, если ссылкой надо (очень-очень надо) сделать всё предложение-вопрос, например, в сервисе вопросов-ответов; или если необходимо сделать ссылкой не только название? Мне кажется, что свисающие знаки вопроса и правая кавычка смотрятся страшно.

Артём, какое вы видите решение или проблемы нет?

Сергей Сыркин
18 января 2010

Была поставлена задача разработать интерфейс для программы учета постояльцев. До этого программа представляла собой эксель-таблицу без интерфейса, где наглядность отсутствовала как класс.

Постарался сделать максимально наглядно, чтобы неискушенный пользователь разобрался и без инструкции. Заселение постояльца происходит нажатием на нужный день и заполнением формуляра.

Кнопки на верхней панели одновременно являются легендой таблицы. Желтые линии под курсором для того, чтобы пользователь не промазал по нужному месту. При наведении на заселённый (забронированный) номер — всплывает диалоговое окошко с информацией о постояльце.

Очень нуждаюсь в обоснованных советах.

Если нужны разъяснения — спрашивайте.

Руслан Худяков
14 января 2010

Здравствуйте, Артём и уважаемые советчики!

Недавно потребовалось сделать систему заметок (заданий, пометок, записок) в корпоративном интранете. Долго искал решения для выбора даты, все они сходятся на одном — «выбор года, выбор месяца, выбор даты», но хотелось сделать в один клик и наглядно. Как вы считаете, такой вариант будет удобен?

На странице интранета линейка годов, по клику на неё открывается в новом окошке весь год в таком вот виде, и нам остаётся всего лишь кликнуть в день.

Оправдано ли такое представление календаря? (Отход от разбития на блоки-месяцы?)

Естественно, по мере заполнения какой-то информацией определённый день можно будет снабжать некими вспомогательными индикаторами событий.

Иван Бессарабов
11 января 2010

Что ещё можно улучшить?

Сергей Никитин
7 января 2010

Мой вариант борьбы с IE6.

Сергей Иванов
4 января 2010

Здравствуйте, Артём. Подскажите, что делать, если карта выглядит так.

Аскольд Львов
31 декабря 2009

Здравствуйте.

Что скажете о работе «Информационных архитекторов»?

Игорь Балицкий
28 декабря 2009

Помогите вузу остаться без плохого логотипа. Если вы скажете, что для Харьковского института финансов (http://khif.edu.ua/) этот знак никуда не годится, начну всё сначала.

Рассуждал примерно так: институт финансов = студенты + наука + деньги. Студентов хотелось классических, поэтому в знаке намёк на геральдику. Наука → ученый → магистерская шапочка. Деньги хотел показать в виде двойного столба «Ф», как делают при обозначении валюты.

Фирменный стиль планируется формировать на основании квадрата с оттянутым углом от шапочки и двойной черты от «Ф».

Посоветуйте пожалуйста — я не дизайнер, а не хочется сделать плохо или, по крайней мере, хуже, чем сейчас.

Дмитрий
24 декабря 2009

Добрый день, Артём.

Меня зовут Дмитрий, я занимаюсь созданием прототипа туристического портала. На сегодняшний день было принято решение не создавать навороченных функциональных возможностей, а оставить только необходимое. Поэтому из функций остался только каталог стран (курортов, отелей). Суть идеи — дать пользователю представление о стране, курорте и отеле, возможность быстро найти нужный ему элемент и ознакомиться с его характеристиками (удалённость от береговой линии, наличие услуг в отеле, фотографии и т. д.) Возникла потребность в организации каталога. На скриншоте видно, как мы собираемся это сделать (только для стран).

Чем плох такой подход и что можно было бы улучшить? Также необходимо сделать 2-ой и 3-ий уровень вложенности (курорт, отель). Как лучше организовать его? По той же схеме, что и страны, не получится, т. к. на странице страны должны быть ещё описание, фотографии и, собственно, каталог курортов (их гораздо меньше, чем стран). Заранее спасибо за совет.

Сорокин Александр
21 декабря 2009

Хочется сделать простой и удобный (идеальный) конвертер.

Сейчас, мне кажется, интерфейс уже перегружен. Дайте совет в нужном направлении.

Большое спасибо заранее.

Дмитрий Ачкасов
17 декабря 2009

Идея агитплаката информационной безопасности в организации.

Попробовал обозначить проблему слабых паролей с помощью пошлого юмора. Как считаете, из подобной идеи можно получить хорошую реализацию, и как быть со слабым полом?

Михаил Майстров
14 декабря 2009

Просто не мог не напроситься на совет: британская линия времени.

Единственное, что мне не нравится, зум получился случайно, а обратно уменьшить можно только кнопкой. Но в целом — гениальная вещь, нет? Впрочем, уверен, Артём и тут найдёт пару огрехов. (Я бы не отказался от картинок и видео к сухому тексту, хоть и понимаю, что это «краткий курс»).

Влад
10 декабря 2009

Требуется критика дизайна. Чем больше, тем лучше. Розовый цвет просто попался первым. Заранее спасибо.

Дмитрий Пивоваров
7 декабря 2009

Артём, как вы думаете, сделают ли работу удобнее такие вспомогательные области, дублирующие действия кнопок в модальном диалоге?

owl
3 декабря 2009

Необходимо разработать дизайн интернет-магазина в минималистическом стиле. Не знаю, с чего начать и как подступиться. Хотелось бы услышать советы по минималистическому дизайну и по дизайну интернет-магазинов. Или какие-нибудь ссылки, или что-то почитать-изучить?

Дмитрий
30 ноября 2009

Здравствуйте. Это первый опыт создания интерфейса. Программа учёта сотрудников. Укажите, пожалуйста, в чём недостатки. Заранее благодарю.

Алексей Шургин
26 ноября 2009

Артём, добрый день.

Почему на artgorbunov.ru курсор над горизонтальным скроллбаром имеет вид «движение во все стороны», а не «движение влево-вправо», хотя крутить можно только в двух направлениях?

Спасибо большое.

Антон Ловчиков
23 ноября 2009

«Неправильный способ набора [без красной строки] так широко распространён отчасти и потому, что так повсеместно печатают письма и рукописи на пишущей машинке: вместо чёткого и всегда заметного отступа тоже делают «тупую» начальную строку и разделяют абзацы пропуском строки…» — Ян Чихольд, «Облик книги».

Никаких комментариев, почему в вебе так распространён безабзацный способ набора текста, я не нашёл. Артём, какое объяснение видите вы?

Максим Сорока
19 ноября 2009

Здравствуйте Артём. Подскажите, при создании сайта что раньше должно быть — дизайн или программирование (ТЗ уже есть)? Шеф считает, что можно весь сайт написать, а дизайн — дело последнее, я же, наоборот, считаю, что пока дизайна нет, делать не стоит.

Владимир Митковский
16 ноября 2009

Приветствую Артёма и всех советчиков.

Разрабатываю дизайн для видеопортала христианской тематики, на котором будут выкладываться качественно отснятые материалы в формате HD.  Основной частью страницы просмотра видео будет приведённая область. Очень хотелось все сделать понятно и лаконично. Насколько это мне удалось и что я сделал не так?

P. S. Хочу также добавить кнопочку «Убрать боковую панель», чтобы у пользователя была возможность смотреть видео покрупнее, но не на весь экран.

Якимов Владимир
12 ноября 2009

Артём, как вам один из последних патентов Эпл — «Magic wand»?

Ничего не напоминает?

Какие плюсы и недостатки видите в сравнении с «Командором»?

Ярослав Патрикеев
9 ноября 2009

Добрый день, Артём.

Интересуют два вопроса: 1) ваше мнение по поводу решения отображённой проблемы; 2) ваше мнение по поводу того, насколько хорошо сделана сама графика, правильно ли и понятно ли она отражает проблему.

Заранее спасибо.

Равшан Содыков
5 ноября 2009

Существует ли какое-нибудь дизайнерское правило по расположению символики на узких вертикальных форматах?

Николай Товеровский
2 ноября 2009

Из-за спора на сайте Дельфимастер.ру пришлось перерисовать форму Т-12.

Задача стояла такая: показать, что в таблицах можно обойтись без сетки.

Справился?

Олег Томенко
29 октября 2009

Пока форма поиска не заполнена, кнопка поиска не должна быть активна. Чего искать пустое место. Вы согласны со мной?

Коропов Игорь
26 октября 2009

Добрый день, Артём.

Мы открываем довольно необычный магазин, о процессе открытия которого решили рассказать в блоге.

Одна из идей — выкладывать наши месячные планы по открытию и развитию магазина. Единственная проблема: как сделать этот график красивым, удобным и читаемым? Решили спросить совета у вас.

Заранее спасибо.

 

P. S. Обращу внимание, что график ограничен по ширине дизайном: blog.murrr-shop.ru

Алексей Кириченко
22 октября 2009

Здравствуйте. Наткнулся на такую странную кальку с английского: перед именем доктора ставится сокращение «Др.»

Очевидно, что для русского языка это неприемлемо. Сокращение «др.» — это «другое», «другие». Кто-нибудь когда-нибудь встречался с таким? Насколько это распространено? Как правильно поступать в таких случаях?

Спасибо. P. S.: забудем о типографике на картинке, там и так всё понятно.

Роберт
19 октября 2009

Здравствуйте!

Нужен совет. Сделал два варианта таблицы с главной информацией о коммерческом предложении (1 вариант не понравился начальнику, 2 вариант не нравится мне, т. к. там всё в один столбик и на странице смотрится криво относительно левого блока с логотипом и меню). В первом варианте, на мой взгляд, всё структурировано и понятно. Уговорить шефа на первый вариант никак не получается, говорит: «непонятно и не известно как читать» (я решил добавить линии, чтобы задать напрваления для чтения, т. е. три столбца по вертикали и нижнее поле по горизонтали с дополнительной информацией).

Вот, думаю, может, спецов послушает :-) Какие ошибки я допустил? Какой вариант лучше (1 или 2) и легче для восприятия пользователем? Спасибо. Надеюсь на помощь.

Олег
15 октября 2009

Привет, А.  Г.! Сколько ни пользуюсь переводчиком, всё думаю — а почему не так? Я прав или я не прав? Почему?

Спасибо.

Александр Благочевский
12 октября 2009

Мне кажется, было бы интересно раз в неделю выкладывать пример плохой инфографики или просто стопку информации, чтобы люди могли тренироваться, а заодно подсказывать друг другу, как было бы лучше. Вот, к примеру, сегодня в Бизнес-линч попала такая картинка. Как бы вы её переделали? Свой вариант я оставлю в комментариях, если, конечно, этот вопрос попадёт в «Советы».

Алексей Рогулин
8 октября 2009

Когда имеешь дело с длинными списками из похожих, например, слов или числовых кодов одинаковой длины, глазам нужно за что-то цепляться. Для этого придумали чересполосицу. Но лично я её не очень люблю и на маке редко пользуюсь таким видом папки, где есть чересполосица. Не люблю, когда в глазах рябит, какими бы бледными эти полосы ни были.

В то же время, на мой взгляд, довольно удобно ориентироваться в списке, если разбить строки группами по три.

Как вы думаете, имеет ли смысл такой ход?

Богдан
5 октября 2009

Артём, очень интересно ваше мнение по поводу случая с множеством вкладок.

Это окно одного из популярных интернет-пейджеров под Windows. На мой взгляд, при большом количестве вкладок (когда вкладки уже не умещаются в один ряд) это окно выглядит страшно перегруженным и просто устрашает. Как бы вы решили или улучшили ситуацию с этими вкладками?

Спасибо.

Алексей Темников
1 октября 2009

Здравствуйте.

Как вы относитесь к иконке RSS, что в ней вам когда-либо хотелось улучшить или изменить?

И почему на вашем сайте нет RSS?

Спасибо.

Ольга Решетникова
28 сентября 2009

Артём, здравствуйте!

Почти уговорила заказчика, что текст без таблицы будет читаться лучше.

Спасибо за ваши советы! P. S. Сдаю макет 28 сентября.

Михаил Грозовский
24 сентября 2009

По мнению некоторых водителей, пробки в Москве на популярных направлениях связаны с тем, что не все знают объездные пути. Например, Садовое кольцо может быть забито потому, что многие едут по нему без особой нужды, имея возможность проехать в нужном направлении более короткой дорогой.

Я вообще не считаю уровень уличной навигации в столице хоть сколь-либо приемлемым для крупного города. Мне вот бы хотелось сделать экологический подарок Москве. Предположим, вы едете по крупной улице в определённое место. Так вот, помимо указателей непосредственно на те улицы, которые вы проезжаете, было бы разумно указывать направления популярных маршрутов, для того чтобы разгрузить основные магистрали.

Как это может выглядеть? Например, я еду по Садовому кольцу в районе Таганки в сторону Нового Арбата. Интеллектуальный указатель показывает мне, что если я сверну вправо и попаду на набережную, то я также приеду на Новый Арбат.

Может ли, по вашему мнению, уличная навигация, а также такие возможности, как попеременное реверсивное движение сделать Москву немного чище?

Саша Мялин
21 сентября 2009

Добрый день!

Решив не выносить легенду отдельно, а имплантировать её в описательную часть, столкнулся с дилеммой: в тексте номера деталей идут по порядку (вот у нас деталь 1, другая деталь 2, ещё деталь 3 и т. д.), а на самой картинке — уж как получится; или — на картинке цифры стоят по порядку, а в тексте — вразброс (вот такая деталь 7, другая деталь 3, ещё деталь 15).

Посоветуйте — как лучше сделать?

Елка Зеленая
17 сентября 2009

А зачем, позвольте узнать?

Руслан Худяков
14 сентября 2009

Недавно столкнулся с меганеудобностью в Файндере Леопарда. Проблема в том, что для того, чтобы узнать размер файла, нужно переключить вид окна на список либо вызвать свойства файла по Cmd+i, вместо того чтобы просто увидеть размер в строке состояния.

Но мало того, дело обстоит ещё хуже, если нужно узнать размер нескольких выделенных файлов сразу.

Привычная комбинация вызывает по одному окну свойств для каждого файла (представьте что будет, если выбрано 500 файлов), а для просмотра суммы приходится жать уже Cmd+Alt+i, что совершенно нереально сделать одной рукой, хотя есть вариант вызвать всплывающее меню, кликнув правой кнопкой мыши с зажатой Alt и выбрав там «Показать инспектор». Но это целая куча действий!

Как-то не вяжется всё это с дружественностью остального интерфейса Маков.

Вопросов в общем-то два:

1) Оправдано ли такое решение с точки зрения построения интерфейса, ведь найти нужную функцию очень сложно, не зная о шорткатах и не видя без нажатой Alt этой возможности в контекстном меню.

2) Есть ли у кого-то оригинальные решения по улучшению ситуации?

И ещё один вопрос Артёму — считаете ли вы, что это упущение разработчиков системы или просто нужно привыкнуть?