Читать онлайн «Идеально! Как создать и переделать свой сайт. Правильный подход и передовые техники разработки». Страница 69

44

smashed.by/exjlb.

Свойство column-span еще не поддерживается широко, поэтому ваша верстка может «слететь», если будете сильно полагаться на него.

Вы можете попробовать сами, посетив smashed.by/mltclmn.

smashed.by/multbgs.

smashed.by/bgexample1.

smashed.by/bgclipping.

smashed.by/brdimages.

Попробуйте это по ссылке smashed.by/wikitarget.

smashed.by/slctvzr.

smashed.by/mixunits.

smashed.by/percproblem.

smashed.by/box-sizing.

smashed.by/cbcbz.

smashed.by/caniuse.

smashed.by/easing.

Испробуйте этот пример в действии: smashed.by/transition.

smashed.by/sandbox.

Проверьте этот пример в действии: smashed.by/todolist.

Попробуйте этот пример на практике: smashed.by/cafevintage.

Проверьте этот пример в действии: smashed.by/cafevintage

ZURB. Why Burying Sign Up Buttons Helps Get More Sign Ups / smashed.by/signupbuttons.

VWOblog. Регистрация возросла до 60 % после фактического перемещения ее формы /smashed.by/abtesting.

Вроблевский, Люк. Плавное вхождение в контакт повышает количество регистраций в Twitter на 29 % / smashed.by/twsignups.

Вроблевский, Люк. Тестирование форм-аккордеонов / smashed.by/testing-forms.

The Baymard Institute. Contextual Words Like ‘Continue’ are Usability Poison/ smashed.by/poison.

Apple Insider. Inside Mac OS X 10.7: Lion / smashed.by/appinside.

Холст, Кристиан. Redesigning The Country Selector/ smashed.by/selector.

Porter, Joshua. Reward The Passionates / smashed.by/dropboxads.

Вращающийся каталог с карточками, используемыми для хранения контактной бизнес-информации (ROLling + inDEX). – Примеч. науч. ред.

Сейчас уже выпущены ноутбуки с высокой плотностью пикселей, например ноутбуки Apple с экраном Retina. – Примеч. науч. ред.

На момент перевода книги уже выпущен ноутбук Apple Macbook Pro 15” с экраном Retina и разрешением 2880 на 1800, который позволяет уместить целиком разрешениеэкрана iPad, правда, лишь в альбомном режиме. – Примеч. науч. ред.

Action– скрипт с записанной последовательностью действий для автоматизации рутинных операций. – Примеч. науч. ред.

Вы можете воспользоваться моим экшеном для Copy Merged в smashed.by/copyaction.

Wikipedia: Borg (Star Trek) / smashed.by/borg // http://ru.wikipedia.org/wiki/Борг_(Звёздный_путь).

Unger, Russ and Chandler, Carolyn. A Project Guide to UX Design: For user experience designers in the field or in the making. New Riders Press, 1st edition, 2009. Выпущена издательством «Символ-Плюс» в 2010 под названием «UX-дизайн. Практическое руководство по проектированию опыта взаимодействия».

Cooper, Alan. The Inmates Are Running the Asylum. Sams – Pearson Education, 1st edition, 2004. Издана в России под названием «Психбольница в руках пациентов». – Примеч. ред.

Компании, работающие в сфере интернет-консалтинга, маркетинга и диджитал-стратегий.

smashed.by/carbon.

smashed.by/jojo.

ge.com.

Pinker, Steven. How the Mind Works. W. W. Norton & Company, Reissue edition, 2009.

smashed.by/hipmunk.

Medina, John. Brain Rules: 12 Principles for Surviving and Thriving at Work, Home, and School. Pear Press, Reprint edition, 2009.

smashed.by/wufoo.

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

smashed.by/monkey.

Wilson, Fred. Minimum Viable Personality / smashed.by/mvp.

Wroblewski, Luke. Warm Gun: Designing for Emotion / smashed.by/warmgun.

Why Does Emotional Design Work on the Web. Forbes / smashed.by/forbes.

Загрузите образцы для досье user personas из smashed.by/persona.

Чтобы узнать больше о схеме образа и ее исследовании, см.: Van Gorp, Trevor. Emotional Design With A.C.T.: Part 1 // Boxes and Arrows / smashed.by/emodesign.

Anderson, Stephen P. Mental Notes / smashed.by/notes.

smashed.by/persona.

Детская кукла Элмо, персонаж программы «Улица Сезам». – Примеч. ред.

Загрузите эти примеры из smashed.by/mailchimp.

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

smashed.by/voicetone.

Дополнительная информацию на smashed.by/bonus.

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

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

Узнать больше о методах такой работы вы сможете, изучив материалы по живым методологиям и развитию продукта, нацеленного на пользователя. Постоянное тестирование и добавление по его результатам элементов дизайна – это то, что я называю динамичное развитие продукта, нацеленного на пользователя («user-centered agile product development»): smashed.by/cfe.

Эти нормы обычно выражаются в рекомендациях по интерфейсу к платформам, а именно рекомендации по интерфейсу с пользователем для платформ Mac, iPhone, iPad и Android. Android можно выделить, так как это не единичная платформа, имеющая много разновидностей, каждая настроена под устройство производителя и мобильные носители. Вот почему для Google очень сложно проконтролировать опыт пользователя на платформе Android. Хороший пользовательский опыт – это контролирующая функция. А Google очень слабо контролирует опыт пользователей телефонами с платформой Android.

smashed.by/apple.

smashed.by/fapp.

Смотрите, как Тантек Челик требует «Руководство интерфейса человека для сети» (smashed.by/wehuin), и читайте сообщение Джо Хьюитас призывом обращать больше внимания на веб-технологии (smashed.by/owned).

Как утверждает Эндрю Люис, «если вы не платите за это, вы – не клиент. Вы – продукт на продажу» /smashed.by/discount.

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

Во всяком случае здесь URL не заблокируется автократичным режимом.

Изучите «манифест одной версии» и характер меньшей версии сети в моем отзыве в. Netmagazineс названием «Мой веб-сайт будет поддерживать только новейшие версии браузера» («My Websites Will Only Support the Latest Browser Versions») /smashed.by/netsu

Topolsky, Joshua. A modest proposal: the Continuous Client / smashed.by/client.

Graceful dergradation – изящная деградация – прием, обратный прогрессивному улучшению. В этом случае продукт разрабатывается, например, для браузеров с полной поддержкой современных функций, а для устаревших версий, таких как, например, Internet Explorer 6, функционал уменьшается – убирается поддержка «украшательств» и менее важных опций, оставляя базовый функционал. – Примеч. науч. ред.

PhoneGap не навязывает использование какой-то определенной структуры веб-интерфейса пользователя (например, jQuery Mobile). Все это позволяет вам представить веб-приложение «родным». Однако, независимо от того, какую структуру интерфейса пользователя вы используете (или даже если вы решили вообще не использовать структуру веб-интерфейса пользователя), воспроизводимые компоненты будут компонентами веб-интерфейса пользователя, а не компонентами «родного» интерфейса пользователя той платформы, на которой запускается ваше приложение.

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