dimm's life

May 23

Почему ссылки стоит подчеркивать

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

Давайте разберемся, почему так.

Сам язык HTML возник приблизительно в 1989-1991 годах. В то время он использовался для оформления научно-технической документации. И ссылки в нем значили только одно — нажав на нее, пользователь попадал в другой документ или другую часть документа. Почему для оформления было выбрано именно подчеркивание, мне достоверно не известно. Возможно, потому что подчеркивание хорошо заметно и его трудно спуать с другими приемами офорления текста. Возможно, потому что в то время было еще достаточно компьютеров с монохромными дисплеями, для которых подчеркивание — единственный способ выделить ссылку. В наше время это не актуально, поскольку все устройства для доступа в интернет имеют цветные экраны. Хотя нет, постойте! Самая популярная читалка, которая имеет доступ в Интренет, Amazon Kindle имеет монохромный экран. Так что последнее предположение актуально и сейчас. Кроме того, людям с ослабленным зрением подчеркнутую ссылку увидеть проще, чем не подчеркнутую.

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

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

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

Однако, HTML уже давно используют не только для разметки текстов, но и для создания интерфейсов, которые эти тексты окружают. Многие сайты сейчас являются ни чем иным, как программами, кторые выводят результаты своей работы в окно браузера. Тот же Твиттер это не размеченый текст, это интерфейс. А вот в интерфейсе ссылки совсем не обязательно должны быть подчеркнутыми! И вот почему.

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

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

 

May 21

Плохой дизайн

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

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

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

Хороший дизайнер, создавая Хороший дизайн должен думать прежде всего о пользователе дизайна. О том, помогает ли его работа или наоборот, мешает? Это то, о чем Хороший дизайнер должен спорить с заказчиком: не о красоте макета, которая субъективна, а об удобстве, которое объективно. Хороший дизайн требует времени на полную и всестороннюю проработку. Так что если вы заказчик и требуете создать новый дизайн в кратчайшие сроки — будьте готовы к тому, что внешне красивым изделием будет невозможно пользоваться. А, значит, экономия на дизайне может только навредить вашему бизнесу.

Хороший дизайн стоит дорого, но окупается сторицей.

Posted from Дніпропетровськ, Ukraine

Apr 26

Особенности местного бизнеса

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

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

О: — А как можно было бы ускорить процесс?

М: — У нас на складе есть 30 единиц нужного вам товара, но мы отправлять вам не будем. Директор сказал, что это лишняя возня, пусть валяется и дальше.

Why

Такая вот зарисовка рабочих будней.

Apr 25

Письмо клиентам

42_letter

На днях исполняется месяц с рождения сервиса 42 magnets. За это время мы получили более 500 заказов, которые отправили в 10 стран мира, а наши заказчики прислали нам множество воодушевляющих отзывов.

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

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

Mar 30

Контроль качества [42]magnets

Test
Проверяю качество напечатанных магнитов перед отправкой клиентам 42magnets.com. После проверки каждый магнит мы положим в индивидуальный прозрачный пакетик, каждый заказ упакуем в пупырчатую пленку и в почтовый конверт. А потом отправим. Кстати, пупырчатая пленка (вы ее получите совершенно бесплатно!) — еще одна причина заказать магнитики у нас :)

 

Mar 27

Фотомагниты на холодильник

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

Итак, хочу вам представить наш новый проект: 42magnets, сервис с помощью которого можно создать свой магнитик на холождильник и получить его через пару дней, если отправлять по Украине. Доставка работает по всему миру, но сроки будут отличать от страны к стране. Мы разработали систему заказа так, что каждый следующий магнит стоит дешевле предыдущего, поэтому выгоднее заказать сразу несколько магнитиков.

Подробнее можно прочитать в блоге проекта. Ниже — пару примеров уже напечатаных фотомагнитов.

(download)

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

Mar 21

Постер Mona Lisa в QR

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

Пока мы ждем начала продаж, расскажите, что думаете об этом проекте ;)

Feb 17

Любовь к мелочам

New

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

Feb 6

Ретина-дисплеи на Маках

Retina-display-icon-e1282010142552

С самого утра у меня в твиттере появлись два твита в продолжение слуха о том, что в 2012 году мы увидим Ретина-дисплеи не только на айФонах и айПадах, но и на обычных Маках.

Вот, что написал в своем твите Марк Эдвардс:

27" Thunderbolt display: 5120×2880 = 14,745,600 px

4K film: 4096×2160 = 8,847,360 px

Retina iPad 3: 2048×1536 = 3,145,728 px

А вот, что откопал Сергей Макаренко: 

А вы знали, что размер новых иконок в Mac OS X Lion после обновления до 10.7.3 составляет 1024×1024 пиксела?

Представляете себе? Иконки размером большим, чем некоторые сайты!

Для меня, как  для пользователя, это хорошие новости, ведь теперь интерфейс станет еще приятнее и красивее.

Для меня, как для дизайнера это тревожные новости. Ведь интерфейс — это далеко не все, что важно на «настоящем» компьютере. Очень интересно, как при таких разрешениях будут выглядеть сайты. Ведь одно дело — заставить разработчиков сделать поддержку Ретины в программах, а совсем другое — повлиять на веб-разработчиков, ведь большинство пользователей интернета останется за своими «не Ретиновыми» мониторами. Но больше всего меня беспокоит вопрос, будет ли удобно разработчикам использовать новые экраны для создания мелких иконок, сайтов и экранной графики? Ведь создатель должен понимать, как его творение будет выглядеть на обычных мониторах, а иконка 16×16 просто затеряется на новом необъятном экране.

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

Feb 6

Отдадим рабочее место в хорошие руки

Сделаю репост из нашего студийного блога:

Так уж получилось, что у нас большой офис. Примерно на одну комнату больше, чем нам нужно в данный момент. Поэтому мы готовы приютить команду из 2-3 человек, работающую над своим проектом. Со своей стороны мы обещаем интернет, чай, печеньки и общение. Офис будет доступен по будням с 9 до 19. Мы решили не делать это предложение бесплатным, чтобы не привлекать любителей халявы. Но уверены, что $50/мес для команды — более чем хорошее предложение.

Если это вам интересно — присылайте на coworking@psyho.ua письмо с описанием команды, проекта, а также парой строк о том, почему именно вас мы должны пригласить к себе. 

Get Updates

Tags

Archive

2012 (18)
2011 (88)
2010 (96)