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

Владимир Якимов
6 июля 2009

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

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

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

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

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

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

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

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

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

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

А. Г.

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

Я не совсем понял суть мультизамены, в этой части пришлось пофантазировать.

Твитнуть

Отправить

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

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

Судя по всему, это поле вообще не нужно, лучше пользоваться встроенным поиском браузера по странице. Для этого достаточно менеджеру во время инструктажа показать «Ctrl+F».

3. Возможно, Артём, вы марку детали (Kawasaki) тоже зря вверх вынесли. Что если заказ будет из нескольких брендов?

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

А. Г.

6 июля 2009

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

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

Михаил Едошин
6 июля 2009

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

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

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

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

1. Детали заказаны дилеру, но ещё не заказаны у поставщика.
2. Детали заказаны поставщику, но ещё не пришли.
3. Детали пришли, ждут комплектации
4. Детали скоро будут отправлены заказчику
5. Детали в пути
6. Детали доставлены
7. Детали отправлены обратно.
8. Детали, от которых заказчик по той или иной причине отказался до доставки.

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

По умолчанию позиции проходят стадии 1—6. Заказчик может изменить состояние каждой позиции, причем возможный выбор зависит от текущего статуса и невелик — один-два варианта. В статусе 1—4 заказчик может отказаться от позиции; в статусе 3 (ждут комплектации) заказчик может ускорить отправку и перевести позицию в статус 4 или, наоборот, отложить позицию из статуса 4 (готовится) обратно в 3 (ждёт). В статусе 5 заказчик подтверждает получение и, принимая/отвергая отдельные позиции, переводит их в статус 6 или 7.

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

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

— Я больше чем уверен, что длинные номера имеют внутреннюю структуру (например, какие-то цифры обозначают тип, категорию и т. д. ); если так, хорошо бы её как-то выделить, скажем, так: 13.2.361.186.

— Штуками считают одинаковые вещи, а «к отгрузке» лучше писать «124 предмета».

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

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

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

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

— Когда замена ведёт к изменению цены, система показывает разницу между ценой заказа и возможной ценой замены.

— У позиций, предлагаемых на замену, есть только действие «дозаказать» (ведь эти позиции не заказаны, да и замена может не произойти).

— Отдельные малоинтересные статусы могут сворачиваться.

Владимир Якимов
7 июля 2009

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

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

Про разделы подумаю, возможно будет более правильными объединить разделы «содержимое» и «отгрузка» в один раздел «товары».

Про мультизамены. Выпускалась запчасть под номером 12345-98760 и называлась «Болт с шайбой и гайкой» и стоила эта запчасть 10 руб. Производитель снимает запчасть 12345-98760 с производства и заменяет ее на 3 новые: 12345-98761 — «Болт», 12345-98762 — «Шайба», 12345-98760 — «Гайка» и ставит каждей запчасти цену 4 рубля. Это и есть мультизамена.

Владимир Якимов
7 июля 2009

1) Дмитрий и Артём, а чем плох мой вариант?
Есть список запчастей готовых к отгрузке. Выделяем чекбоксами, что хотим отгрузить.
Если кол-во деталей в заказе > 1, то активируется edit с кол-вом, которое указал клиент при заказе. Т. е. даем возможность менеджеру отгрузить всё или меньше чем заказано для частичной отправки заказа.
Если кол-во = 1 то edit вообще не нужен, так как больше чем заказано отправлять не нужно.

2) Дмитрий, это не поиск по номеру отгрузки, это поле ввода номера отгрузки, которое выдается транспортной компанией и по которому в дальнейшем идёт отслеживание заказа.

3) Заказ действительно может содержать нескольких производителей.

4) Расширенный поиск был заменен на более интеллектуальный обычный с авто-дополнением.

Игорь Старков
7 июля 2009

А почему бы нам в таблице не вынести в заголовки колонки «шт.» и «руб.»?

Почему у нас они повторяются?

Михаил Едошин
9 июля 2009

>> 1) Дмитрий и Артём, а чем плох мой вариант?

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

Дмитрий Зимин
9 июля 2009

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

	Ваш комментарий	Цель рубрики — обсуждение вопросов дизайна всех видов, текста в дизайне и взаимоотношений дизайнеров с клиентами. Мы публикуем комментарии, которые добавляют к уже сказанному новые мысли и хорошие примеры. Мы ожидаем, что такие комментарии составят около 20% от общего числа. Решение о публикации принимается один раз; мы не имеем возможности комментировать или пересматривать свое решение, хотя оно может быть ошибочно. Уже опубликованные комментарии могут быть удалены через некоторое время, если без них обсуждение не становится менее ценным или интересным. Вот такой веб 2.0.

Имя и фамилия	обязательны полностью для публикации комментария
Электронная почта	адрес не будет опубликован
Ваши соображения
Иллюстрация	гиф или джипег шириной не более 700 пикселей

Похожие советы Представление информации₁₅₇ Интерфейс₅₉₄ Формат: таблица₁₂₆ Носитель: сайт₅₃₄

2 • 6 • 5 • 3 •

3 • 2 • Зачем читать книги из совета о «науке» юзабилити, когда приглашать дизайнера в проект и как определить хороший референс для тренировки насмотренности Талант в успехе дизайнера, что почитать о дизайне продуктов, трудоустройство выпускников школ бюро Вакансия визуализатора 2 • 2 • 3 • 1 • 2 • 4 • С подходами к адаптивной вёрстке вроде все уже разобрались, но вот с отображением табличных данных понятно не всё 8 • Почему на шкале большинства термометров цифры написаны по обе стороны делений? 1 • 6 • 4 • 2 • Хочу сделать красивый блог с пошаговыми рецептами 7 • 1 • 7 • 4 • 2 • 6 • 5 • 14 • 3 • 5 • 8 • 3 • Числа, кратные 5 или 10 кажутся больше, чем остальные 4 • 6 • 6 • 5 • 1 • 1 • 2 • 2 • 6 • 2 • 13 • 6 • 19 • 4 • 7 • 4 • 3 • 46 • 10 • 4 • 16 • 7 • 2 • 6 • 5 • 3 • 15 • 2 • 6 • 2 • 11 • 10 • Есть 10 объектов, в каждом объекте 3 зоны, в каждой зоне 2-5 температурных датчиков 4 • 14 • 5 • 6 • 8 • 4 • 3 • 8 • 2 • 5 • 5 • 7 • 4 • 8 • 6 • 2 • 2 • 7 • 7 • 5 • 5 • 1 • Поскольку одни люди привыкли мерить время цифрами, а другие циферблатами, мне кажется разумной идея добавить в интерфейсы телефонов пиктограммы с часами 2 • 5 • 15 • 9 • 5 • Что вы думаете о нотации Гарретта? 10 • 8 • 10 • 12 • 3 • 3 • 4 • 29 • 7 • 7 • 10 • Существует ли какая-то система нотации для моделирования пользовательского интерфейса, которая бы позволяла обозначать такие свойства элементов, как «резиновость», сохранение выравнивания по какой-либо оси? 10 • 7 • 7 • 11 • 8 • 11 • 16 • 2 • 2 • 4 • 4 • 6 • 1 • Что вы думаете насчет Google Chart API? 6 • 4 • 12 • 6 • 3 • 3 • 14 • 15 • 6 • 8 • 15 • 11 • 9 • 4 • 11 • 4 • 4 • 7 • Что еще может служить для упрощения навигации в метро? 16 • 2 • 15 • 4 • 5 • 11 • 1 • 7 • 9 • 17 • 4 • 5 • 3 • 6 • 11 • 2 • 13 •

1 • 1 • 1 • 2 • Неактивная кнопка в форме регистрации 2 • Защититься от случайного нажатия «Сдаться» 1 • Расскажите о меню Расскажите о мастере 1 • Расскажите о состояниях элементов интерфейса 1 • Расскажите о клике 1 • Расскажите о кнопке 3 • Группы иконок в перегруженных интерфейсах 5 • 5 • 2 • Кнопка «Подробнее» Скопировать в новую заявку 4 • 2 • Иконки соцсетей передизайнены Подключить новый способ приёма платежей Пагинация таблицы ордеров с тысячами строк Просят сделать дизайн-систему Красивые шаблоны коммерческих предложений, что делать, если коллега работает плохо и откуда пошла мода на скруглённые углы Зачем читать книги из совета о «науке» юзабилити, когда приглашать дизайнера в проект и как определить хороший референс для тренировки насмотренности Где продать готовый дизайн, можно ли дизайнеру стать аналитиком и когда писать клиентам письма-догоняйки Как поступаете с иконками, когда линии размываются? Плагины для Фигмы. Часть 3 Как работать в Фигме быстрее. Часть 4 1 • Как анимировать в Фигме? 1 • 1 • Как сделать мобильную версию главного меню сайта с большим количеством разделов? 1 • 3 • Как донести до коллег, что дизайнер — не просто оператор Фотошопа? 6 • Насколько правильным будет делать цвет ошибок почти таким же, как цвет кнопок? 4 • Как показать кликабельность картинки в электронном письме? 5 • 8 • Как предложить руководству создать единую библиотеку элементов 5 • 1 • Где хранить скриншоты интерфейсных решений, чтобы было удобно искать референс? 10 • Каким должно быть ресторанное меню на сайте? 1 • Насколько оправдан звук в веб интерфейсах? Например: клик по ссылке, добавление товара в корзину, удаление из корзины и т. д. 2 • 8 • Что лучше использовать: спинер или прогрессбар? 5 • 7 • 3 • 2 • 3 • Чем заменить «Подробнее» в описании продуктов? 2 • 1 • 5 • Функция Auto Layout в Фигме — как делать резиновые кнопки Как передавать макеты в разработку? 3 • Как работать в Фигме быстрее. Часть 3 1 • Как работать в Фигме быстрее. Часть 2 Как работать в Фигме быстрее 7 • Плагины для Фигмы. Часть 2 Плагины для Фигмы. Часть 1 1 • Сервис для перевода денег между картами. Часть 2 3 • 5 • Советы о дизайне интерфейсов 4 • 3 • 1 • Какую иконку придумать для кнопки вызова официанта 1 • Смена иллюстраций при переключении абзацев в книгах издательства бюро 6 • 1 • Как озаглавить форму записи в парикмахерскую 2 • 5 • 4 • 2 • 4 • 1 • Принцип последней мили в интерфейсах Раскин вскользь говорит: «большинство людей из той культуры, на которую этот интерфейс ориентирован» 2 • 3 • 1 • 1 • 1 • 1 • Исследование Гугля: пользователям легче читать, когда подписи над полями 2 • Должно ли быть на каждом экране название мобильного приложения? 1 • Что такое интерфейс? 2 • А что за «взгляд новичка» такой? 1 • 12 • 16 • Как вы доносите своим клиентам, что дизайн — это не внешний вид, а совершенно иная деятельность? 3 • 4 • 1 • 2 • 5 • 4 • 2 • Как нарисовать правильную галочку? 1 • Идеальная панель администратора, какая она? 13 • Занимаюсь разработкой интерфейса веб-приложения, в некоторых местах надо показать числовой коэффициент 3 • Как правильно показать на главной странице направления компании, когда их аж 12 штук? 10 • 4 • Карусели и слайдеры 10 • Но когда другой человек это видит, говорит, что это плагиат, ты всё скопировал, воруешь и т. п. 3 • Как правильно писать размерность? 6 • Как быть с длинными названиями компаний при создании логотипов? 9 • Что делать, если он совершил какие-то действия, а после этого заходит в свой профиль, где уже есть сохранённые данные? 5 • Не могу покреативить над комм. предложением. Тема — грузоперевозки, грузчики 2 • 9 • Как лучше называть чекбокс про запоминание пользователя? 5 • 6 • 7 • 1 • 8 • Должен ли макет сайта понравиться абсолютно всем сотрудникам веб-студии, прежде чем менеджер проекта покажет его клиенту? 3 • 8 • 2 • Адвокат хочет выйти на Москву 4 • 14 • Хотим переделать свой и-магазин пиротехники 3 • Год назад запустил личный проект «Либретто опер» 2 • Необходимо разработать интернет-магазин китайского чая 2 • 5 • Хочу сделать красивый блог с пошаговыми рецептами 7 • 2 • Скажите, в каком виде вы оформляете юзкейсы? 1 • Веб-студия рисует дизайн сайта и для выпадающего меню упорно делает пунктирную ссылку 4 • В совете Артём Горбунов говорил о несочетающихся пропорциях шрифтов 1 • Как вы относитесь к «отложенным товарам» в интернет-магазинах? 3 • 3 • 4 • 3 • 1 • Как бы вы расставили ссылки в этих новостях с сайта glavbukh.ru? 1 • 7 • Клиент настаивает на длинных-длинных страницах текста в десятки экранов 4 • 2 • Что даёт вам основания предполагать, будто принципы, сформулированные для материальных систем, можно переносить на информационные? 3 • 6 • 3 • 3 • 5 • Какой делать фавыконку сайта: просто 16×16 или содержащую в себе разные размеры? 10 • 3 • 4 • 1 • 2 • 7 • 2 • 6 • 5 • 2 • 1 • 2 • 9 • 4 • 5 • Есть каталог товаров, и нужно придумать названия для места, куда этот товар можно отложить 3 • Сейчас многие предприятия покупают домены на русском 3 • 5 • 7 • Есть подозрение, что «выберите пункт», вбитый в селект по умолчанию — это костыльное решение 8 • 1 • 4 • Подскажите пожалуйста, как бы вы построили диаграмму следующего типа 2 • 4 • Многие антивирусы не дают возможности закрыть или удалить себя без дополнительных усилий 9 • 4 • 5 • 6 • 5 • 7 • Иногда люди, когда пытаются оценить, насколько выгодно расположены элементы на форме, рисуют линию, по которой якобы глаз скользит 2 • 19 • 19 • 2 • 6 • Раз уж интерфейс — зло, нужна ли вообще интернет-магазину корзина? 7 • 18 • 9 • Почему для придания клавишам дополнительных функций никто не использует колёсико с кнопкой под ним? 6 • 4 • 6 • Что можно было бы сделать с изображениями, чтобы это их не уродовало и затрудняло их копирование? 1 • 3 • В. И. Ленин или В.И. Ленин? 4 • Премия имени Олега Янковского вручается 32 мая 1 • 6 • 3 • Почему копирайт разработчиков сайта принято ставить только на главной странице? 6 • 3 • 5 • 3 • Какую пиктограмму нужно ставить рядом с идущим таймером? 3 • 6 • Дорогие советчики, объясните, что значат знаки после стоимости 999,— 10 • 4 • 10 • 4 • 1 • 3 • 14 • 2 • 5 • 4 • 3 • 5 • 9 • 5 • Если пользователь при авторизации на сайте трижды неправильно ввёл пароль, то на его электронную почту автоматически высылается письмо с ссылкой на восстановление 5 • Чем арт-директор отличается от дизайнера? 5 • Как бы вы набрали названия, например, магистральных трубопроводов? 1 • Печатаю я текст и вдруг обнаруживаю, что делаю это в неправильной раскладке 10 • 10 • Имеет ли смысл ставить кнопку «купить» в списке продуктов в интернет-магазинах? 22 • 2 • Как правильно писать ОКПО, ОГРН, ИНН/КПП в реквизитах организации? 5 • Зачем формы авторизации часто делают во всплывающих лайтбоксах 2 • 8 • Когда пользователь нажимает «Скачать файл», у него не открывается новое окно или же вкладка. Значит, ссылку на скачивание тоже надо подчёркивать пунктиром? 3 • 3 • Числа, кратные 5 или 10 кажутся больше, чем остальные 4 • 5 • 2 • Как вы думаете, какой лучше текст, мотивирующий закрывать дверь, лучше разместить на листе А4? 6 • 2 • 7 • При запросе восстановления пароля сайты высылают подтверждение, при нажатии на ссылку генерируется новый пароль и высылается второе письмо 7 • Стоит ли обозначать ссылки, которые что либо меняют простым наведением курсора, волнистой линией? 5 • 17 • 6 • Что вы думаете по поводу наличия пункта «главная страница» в основном меню сайта? 9 • 1 • В инфографике есть Тафти, а есть ли кто-то такой же в мире логотипов? 7 • 6 • Почему у вас на сайтах везде используется английский перевод в урл, а в блоге — транслит? 6 • Может, кто-нибудь из советчиков знает удачный перевод user experience? 10 • 4 • 1 • 8 • 1 • 4 • 1 • 2 • Как писать название исполнителя и название песни 6 • 2 • 10 • Когда требуется написать что-то вроде «руб./м²» возникает вопрос — а нужна ли в данном случае точка? 5 • 7 • 1 • Я думаю, что повсеместно нужно использовать формат даты 1 дек 2010 19 • 6 • 6 • 9 • 8 • 2 • Почему бы не отвести часть правой стороны экрана под корзину? 13 • Как вы относитесь к новому формату форумов — вопросных систем? 3 • Артём, стоит ли учитывать различие регистров букв в адресах страниц? 11 • 2 • Как правильно писать счёт игры: Германия — Англия 4:1, 4—1 или 4–1? 5 • 2 • Я перевожу книгу Эдварда Тафти «Envisioning Information» 12 • 2 • 7 • 2 • 13 • 12 • 19 • 5 • 2 • 19 • Вы согласны с тем, что интуитивный интерфейс есть только у соски, все остальные нужно изучать? 12 • 4 • 2 • 7 • 3 • 7 • Итоги конкурса уважаемых советчиков «Сургут» 13 • Как открыть продуктовый магазин в частном доме? У меня есть сайт о Джумле 4 • 13 • 1 • Итоги конкурса уважаемых советчиков «Таблица оценок КВН» 23 • 46 • Хотелось бы узнать ваше мнение о правиле «главная страница сайта должна умещаться на одном-двух экранах монитора» 3 • 5 • 10 • 10 • 9 • 4 • 1 • 2 • 2 • 1 • 7 • 4 • 7 • 3 • 5 • 9 • 2 • Что скажете о работе «Информационных архитекторов»? 1 • 10 • 6 • 5 • 4 • 3 • 11 • Хотелось бы услышать советы по минималистическому дизайну и по дизайну интернет-магазинов 5 • 15 • Почему на artgorbunov.ru курсор над горизонтальным скроллбаром имеет вид «движение во все стороны»? 8 • 12 • 3 • 5 • 9 • 6 • 2 • 13 • 6 • 5 • 2 • 14 • 4 • 13 • Как вы относитесь к иконке RSS? 8 • 10 • 5 • 7 • 1 • 11 • 4 • 3 • 14 • Есть 10 объектов, в каждом объекте 3 зоны, в каждой зоне 2-5 температурных датчиков 4 • 2 • 35 • 4 • 3 • 16 • 5 • 8 • 7 • 1 • 9 • 8 • 6 • 4 • 11 • 4 • 3 • 11 • 6 • 8 • 2 • 1 • 5 • 5 • 7 • 20 • 4 • Шесть тезисов об идеальной электронной книге 12 • 4 • 2 • 1 • 26 • 22 • 6 • 24 • 10 • 3 • 2 • 2 • 23 • 9 • 7 • 18 • 12 • 15 • 7 • Хотел бы узнать ваше мнение по поводу размещения двух логотипов на визитке 3 • 3 • 4 • Довольно часто веб-страница должна содержать заведомо большое количество информации 2 • 1 • 7 • 9 • 6 • 5 • Как вы считаете, стоит ли причислять смайлы к знакам пунктуации? 6 • Поскольку одни люди привыкли мерить время цифрами, а другие циферблатами, мне кажется разумной идея добавить в интерфейсы телефонов пиктограммы с часами 2 • 5 • 12 • 7 • 1 • 23 • 15 • 9 • 2 • 8 • 10 • 5 • Делаем открытый сервис «Сколько стоит хороший сайт?» 7 • У меня вопрос по целесообразности использования WYSIWYG-редактора в администраторской панели сайта 10 • 15 • 8 • 10 • 12 • 13 • 3 • 3 • Банальное перечисление языков через запятую не подходит, работодателя интересует уровень владения каждым из языков. 12 • 6 • 4 • 9 • 7 • 7 • 9 • 10 • В своей книге Алан Купер неодобрительно высказывается о таком явлении, как файловая система в компьютерах 24 • 10 • Существует ли какая-то система нотации для моделирования пользовательского интерфейса, которая бы позволяла обозначать такие свойства элементов, как «резиновость», сохранение выравнивания по какой-либо оси? 10 • 7 • 9 • 12 • 10 • 7 • 7 • 11 • 21 • 12 • 13 • 7 • 16 • 14 • 8 • 11 • Как можно указать, что все это — PDF, не ставя иконку у каждой ссылки или просто подпись? 7 • 8 • 11 • 16 • Какое, по вашему мнению, самое лучшее решение для страницы faq? 7 • 8 • 22 • 7 • 4 • 13 • 4 • 2 • Хочу задать вам вопрос об устройстве Эмгизмо 12 • 4 • 8 • 6 • 2 • 8 • 3 • 9 • 4 • 4 • 10 • Есть ли смысл оформлять подчеркиванием все ссылки вне основного текста? 16 • 20 • 13 • Сет Годин только что опубликовал ссылку на результаты исследования движения глаз во время просмотра информации 5 • 7 • 7 • 6 • 15 • 6 • 1 • 3 • Что вы думаете насчет Google Chart API? 6 • 4 • 4 • 12 • 13 • 16 • 6 • 3 • 3 • Стоит ли при проектировании интерфейса опираться на вариант, что в будущем размеры экранов будут продолжать расти? 4 • 10 • 3 • 11 • 14 • 15 • 21 • 10 • 8 • 11 • 5 • 6 • 7 • 8 • 1 • 7 • 15 • 7 • 11 • 9 • 4 • 11 • 4 • 8 • 11 • 4 • 1 • 7 • 2 • Что изображать на инфоскроллере, чтобы он был действительно информативным? 7 • 2 • 8 • 14 • 15 • 16 • 7 • 4 • 4 • 9 • 5 • 8 • 4 • 11 • 1 • 7 • 3 • 15 • 12 • 9 • 4 • 9 • 12 • 17 • Все почтовые программы делятся на два класса: а-ля веб и а-ля десктоп-приложение 6 • 4 • 8 • 5 • 12 • Оправдана ли замена слова в меню или тексте на его синоним, если это исключает возможные ошибки при чтении? 17 • 15 • 3 • 6 • 11 • 16 • 20 • 3 • 7 • Подскажите, пожалуйста, чем технический дизайн отличается от технической иллюстрации… 5 • 2 • 8 • 23 • 9 • 13 • 11 •

3 • 2 • 1 • 2 • Что не так с чересполосицей? 1 • 3 • 4 • 1 • 2 • С подходами к адаптивной вёрстке вроде все уже разобрались, но вот с отображением табличных данных понятно не всё 8 • 4 • 7 • 8 • 5 • 2 • 4 • 6 • 9 • 4 • 1 • 7 • 16 • 4 • Можно ли иногда всё-таки использовать в таблицах разделение строк линиями или делать чересполосицу? 2 • Проблема в том, что ширина таблиц зависит от контента 5 • 3 • 3 • 7 • 2 • 6 • 1 • 7 • 10 • 3 • 8 • 6 • 5 • 14 • 3 • 2 • 3 • 5 • 8 • 3 • 4 • 4 • 6 • 2 • 1 • 2 • 10 • 1 • 2 • 6 • 3 • 3 • 1 • 13 • 7 • 3 • 13 • 11 • 46 • 10 • 7 • 6 • 5 • 15 • 2 • 2 • 11 • 10 • 14 • 5 • 8 • 3 • 8 • 5 • 7 • 4 • 6 • 2 • 7 • 7 • 9 • 5 • 8 • 10 • 12 • 3 • 3 • Банальное перечисление языков через запятую не подходит, работодателя интересует уровень владения каждым из языков. 12 • 7 • 10 • 7 • 11 • 8 • 2 • 2 • 4 • 4 • 4 • 12 • 13 • 6 • 3 • 14 • 15 • 15 • 11 • 4 • 4 • 8 • 7 • 15 • 11 • 7 • 9 • 17 • 4 • 8 • 6 • 2 • 13 • 11 •

3 • 1 • Фиолетовый цвет в новом дизайне советов не уместен 1 • 1 • Куда поставить ссылку: на поля или в текст? 2 • 3 • Стоит ли использовать выворотку в вебе и полиграфии? 1 • 1 • 1 • Как расположить 30 видеороликов? 2 • 2 • 1 • 1 • 3 • 1 • Сайты для слабовидящих 2 • 1 • Как оформить портфолио маркетологу? 1 • 2 • 4 • 2 • 2 • 3 • 5 • 2 • 1 • 4 • 1 • 3 • Как правильно в мобильных приложениях ставить ссылки? 1 • 1 • 3 • 1 • 2 • 4 • 2 • 4 • 1 • 3 • 1 • 2 • 3 • 3 • 2 • 3 • 3 • 1 • 2 • 5 • 1 • 1 • 3 • 2 • 1 • 1 • 5 • 2 • 2 • Сдала курсач в Школе редакторов 5 • 8 • 1 • Инфографика про губернаторов Иркутской области. Вторая часть 2 • 4 • 3 • 5 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Четвёртая часть 3 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Третья часть 1 • Нужно, чтобы эти элементы были на странице, но получается сумбур. Вторая часть 1 • 1 • При создании макета сайта зарылся в детали и упустил самое главное. Третья часть 5 • При создании макета сайта зарылся в детали и упустил самое главное. Вторая часть 4 • Как сделать, чтобы человек не ушёл с сайта, докрутив страницу до конца? 1 • 3 • 4 • 4 • 2 • 2 • 2 • 3 • 9 • Интернет-магазин принудительно отправляет пользователя в корзину с формой оформления товара 7 • Расскажите об ушках, цитатах и фактоидах 1 • Как верстать текстовые блоки с иллюстрациями? 2 • 7 • Что нужно знать о подписях в вёрстке? 2 • Как работают элементы управления в вёрстке 3 • 8 • 9 • 12 • Зачем нужны страницы «О компании» и «Команда». 2 • Что должен знать дизайнер об интерлиньяжах, полях, отступах, кеглях, выравниваниях и модульных сетках? 9 • Как лучше всего решить эту задачу, если текст нужно разделить на анонс и основной текст? 2 • 1 • Я не понимаю, как должен быть устроен мир — в смысле сохранения предпочтений 2 • 4 • 1 • 4 • Занимаюсь разработкой интерфейса веб-приложения, в некоторых местах надо показать числовой коэффициент 3 • За какими вещами нужно следить, чтобы при загрузке страница выглядела прилично? 1 • С чего начать изучение ЦСС? 1 • Как сделать, чтобы блок при прокрутке залипал у верхней границы окна браузера? 5 • 10 • Можно ли заверстать несколько разноширинных элементов через равные промежутки в резиновом контейнере? 1 • Как быстро придумать простой логотип для своего сайта? 1 • 3 • Чем отличается блог с комментариями от блога с отключенными комментариями? 3 • Удачное ли решение на сайте в поле пароля указывать, что нажат капслок, как на Маке? 6 • 8 • 6 • 3 • 9 • 11 • 3 • Как поступить правильно по отношению к читателю и поисковикам? 7 • Карусели и слайдеры 10 • 5 • 3 • 2 • 4 • Как вы храните данные для многоязычных сайтов? 3 • 4 • Что делать, если он совершил какие-то действия, а после этого заходит в свой профиль, где уже есть сохранённые данные? 5 • 5 • 2 • 3 • Как правильно сделать подчёркивание многострочного текста, чтобы линия была в три пикселя? 1 • 5 • 4 • Каким способом можно сделать загрузку кастомных шрифтов приятной? 6 • Артём, объясните, пожалуйста, в чём преимущество div перед table 5 • 5 • 5 • 8 • Как размыть объект? 2 • Как выровнять картинку внутри дива по центру, если её ширина больше ширины дива? 4 • Как правильно разделять разряды чисел? 4 • 6 • Артём, как вы подключаете стили для ИЕ? 3 • 7 • 2 • 7 • Стоит ли наращивать вложенность тегов для структурированности кода? 6 • Хочу сделать смену языка на сайте без перезагрузки страницы (и без аякса) 5 • Как на сайте бюро реализована разрядка у прописных букв? 5 • 14 • 4 • Хотим переделать свой и-магазин пиротехники 3 • Действительно ли необходимо цитаты внутри предложения заключать в тег q? 2 • Год назад запустил личный проект «Либретто опер» 2 • Расскажите, пожалуйста, о типах индикаторов загрузки 13 • 1 • Чем обосновано дублирование основного меню в «подвале»? 4 • Необходимо разработать интернет-магазин китайского чая 2 • Хочется, чтобы много красивых картинок на сайте быстро загружались 14 • 5 • В каких единицах стоит задавать размеры шрифта? 8 • 1 • Используете ли вы готовые ЦМС? 3 • 1 • 3 • Как правильно делать подчёркивание ссылок другим цветом? 6 • 1 • 5 • Как в ЦСС работать с родителями? 3 • 2 • Веб-студия рисует дизайн сайта и для выпадающего меню упорно делает пунктирную ссылку 4 • Как вы относитесь к «отложенным товарам» в интернет-магазинах? 3 • 1 • Как верстать ссылки вида http://site.ru/#news, чтобы при нажатии на них сайт не загружался заново? 2 • 16 • Как вы обходитесь без проверки на робота? 8 • 4 • 9 • 2 • 4 • Проблема в том, что ширина таблиц зависит от контента 5 • 2 • 5 • 3 • Как бы вы расставили ссылки в этих новостях с сайта glavbukh.ru? 1 • 1 • Клиент настаивает на длинных-длинных страницах текста в десятки экранов 4 • 2 • 1 • 3 • 5 • Какой делать фавыконку сайта: просто 16×16 или содержащую в себе разные размеры? 10 • 3 • 4 • 2 • 3 • 3 • 7 • 1 • Есть ли какие-то простые, самые базовые принципы по подбору цветовых схем для сайта? 3 • 6 • Без продвижения в поисковиках мы завтра же закроемся 2 • 3 • 1 • 7 • 2 • Дизайнер старательно вырисовывает в макете кнопку, похожую на его любимую в его ОС 4 • 3 • 1 • 4 • 5 • Есть форма, и есть поле ввода, куда пользователь вводит контактный телефон 3 • 2 • 4 • Сейчас хотя бы уж Джаваскрипт работает у всех? 7 • Как писать цены по-английски? 1 • 4 • 5 • 3 • 6 • 2 • 4 • Иногда люди, когда пытаются оценить, насколько выгодно расположены элементы на форме, рисуют линию, по которой якобы глаз скользит 2 • 5 • 2 • Раз уж интерфейс — зло, нужна ли вообще интернет-магазину корзина? 7 • 5 • 4 • 5 • 10 • 6 • 4 • 1 • Собираем и наполняем сайт одному дилеру известной автомобильной марки по гайдлайнам представительства 1 • 1 • 5 • 3 • 2 • 5 • 6 • Хозяин конторы принимает все решения относительно любого дизайна и вообще 3 • 3 • У меня с коллегой возник спор относительно того, какой элемент интерфейса нужно использовать для разлогинивания пользователя в интернете 7 • 6 • Какой должна быть вёрстка сайта — резиновой или фиксированной? 4 • 5 • 7 • 5 • Поскольку мне никто ничего не написал, пообщаюсь сам с собой 5 • 3 • 1 • Подскажите, пожалуйста, как правильно называть header и footer на сайтах по-русски? 1 • 3 • Я вот заметил, что на некоторых сайтах стали использовать статические баннеры 4 • 6 • 4 • 5 • Как вы относитесь к ссылке «наверх»? 12 • 3 • 4 • 5 • Если пользователь при авторизации на сайте трижды неправильно ввёл пароль, то на его электронную почту автоматически высылается письмо с ссылкой на восстановление 5 • 5 • Скажите, как отучить дизайнера лезть в код? 4 • 10 • Имеет ли смысл ставить кнопку «купить» в списке продуктов в интернет-магазинах? 22 • 3 • Зачем формы авторизации часто делают во всплывающих лайтбоксах 2 • Клиент хочет на сайте цветок. Железно 4 • 6 • Когда пользователь нажимает «Скачать файл», у него не открывается новое окно или же вкладка. Значит, ссылку на скачивание тоже надо подчёркивать пунктиром? 3 • 1 • 3 • 5 • 4 • Артём, пытаюсь не допустить настойчивого предложения сделать выключку текста по ширине в вебе 10 • 11 • 8 • 5 • Заметил, что в Советах вы часто используете капитель 3 • 7 • В каком лице формулировать ссылки и баблы на сайте? 5 • При запросе восстановления пароля сайты высылают подтверждение, при нажатии на ссылку генерируется новый пароль и высылается второе письмо 7 • Стоит ли обозначать ссылки, которые что либо меняют простым наведением курсора, волнистой линией? 5 • 3 • 4 • 4 • 17 • 14 • 6 • Что вы думаете по поводу наличия пункта «главная страница» в основном меню сайта? 9 • 4 • 1 • 5 • 2 • 6 • Почему у вас на сайтах везде используется английский перевод в урл, а в блоге — транслит? 6 • 5 • 5 • 8 • 2 • 5 • 1 • 4 • 4 • 7 • 10 • 7 • 6 • 1 • 10 • 2 • 6 • 3 • 5 • 5 • 6 • Почему бы не отвести часть правой стороны экрана под корзину? 13 • 5 • 8 • 3 • Как вы относитесь к новому формату форумов — вопросных систем? 3 • Артём, стоит ли учитывать различие регистров букв в адресах страниц? 11 • 2 • 2 • 7 • 8 • 4 • 13 • 12 • 6 • 5 • 2 • 19 • 4 • 2 • 7 • 4 • 3 • 7 • У меня есть сайт о Джумле 4 • 13 • 1 • 23 • Хотелось бы узнать ваше мнение о правиле «главная страница сайта должна умещаться на одном-двух экранах монитора» 3 • 5 • 10 • 9 • 4 • 2 • 2 • 1 • 7 • 4 • 7 • 3 • 5 • 9 • 2 • Что скажете о работе «Информационных архитекторов»? 1 • 6 • 5 • 3 • 2 • Хотелось бы услышать советы по минималистическому дизайну и по дизайну интернет-магазинов 5 • Почему на artgorbunov.ru курсор над горизонтальным скроллбаром имеет вид «движение во все стороны»? 8 • 12 • Подскажите, при создании сайта что раньше должно быть — дизайн или программирование? 9 • 3 • 13 • 6 • 2 • Как вы относитесь к иконке RSS? 8 • 1 • 4 • 3 • 2 • 3 • 5 • 8 • 1 • 9 • 8 • 6 • 4 • 11 • Для чего нужна висячая пунктуация в вебе? 6 • 4 • 7 • 3 • 11 • 6 • 1 • Шесть тезисов об идеальной электронной книге 12 • 1 • 22 • 6 • 2 • 23 • 9 • 12 • 15 • 3 • 4 • Довольно часто веб-страница должна содержать заведомо большое количество информации 2 • 1 • 9 • 6 • Как вы считаете, стоит ли причислять смайлы к знакам пунктуации? 6 • 1 • 5 • 12 • 2 • 1 • 7 • 8 • 10 • 5 • Что вы думаете о нотации Гарретта? 10 • Делаем открытый сервис «Сколько стоит хороший сайт?» 7 • 10 • 12 • 3 • 6 • 9 • 29 • 7 • 7 • 9 • Существует ли какая-то система нотации для моделирования пользовательского интерфейса, которая бы позволяла обозначать такие свойства элементов, как «резиновость», сохранение выравнивания по какой-либо оси? 10 • 7 • 9 • 12 • 10 • 7 • 12 • 13 • 7 • 16 • 8 • Как можно указать, что все это — PDF, не ставя иконку у каждой ссылки или просто подпись? 7 • 8 • 11 • Какое, по вашему мнению, самое лучшее решение для страницы faq? 7 • 8 • 22 • 7 • 4 • 8 • 6 • 8 • 3 • 9 • 4 • 4 • 10 • Есть ли смысл оформлять подчеркиванием все ссылки вне основного текста? 16 • 20 • Сет Годин только что опубликовал ссылку на результаты исследования движения глаз во время просмотра информации 5 • 7 • 6 • 15 • 1 • 3 • Что вы думаете насчет Google Chart API? 6 • 4 • 6 • 3 • 3 • Стоит ли при проектировании интерфейса опираться на вариант, что в будущем размеры экранов будут продолжать расти? 4 • 10 • 3 • 11 • 14 • 10 • 11 • 6 • 8 • 7 • 15 • 11 • 11 • 4 • 8 • 11 • 1 • 2 • Что изображать на инфоскроллере, чтобы он был действительно информативным? 7 • 2 • 8 • 15 • 7 • 4 • 4 • 9 • 5 • 4 • 11 • 1 • 7 • 3 • 15 • 12 • 9 • 4 • 12 • 17 • Все почтовые программы делятся на два класса: а-ля веб и а-ля десктоп-приложение 6 • 4 • 12 • Оправдана ли замена слова в меню или тексте на его синоним, если это исключает возможные ошибки при чтении? 17 • 15 • Сначала я думал, что 12 пунктов — это, может быть, 12 пикселей, но не так все просто 8 • 11 • 3 • 2 • 23 • 11 •

Недавно всплыло

1 • 3 • Правдивость 3 • Выбранные элементы списка, как не забывать принципы из советов бюро и когда нужен логотип 1 •

Комментарии

Ваш комментарий

Недавно всплыло