Идеально! Как создать и переделать свой сайт. Правильный подход и передовые техники разработки - Элиот Стокс

44

smashed.by/exjlb.

45

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

46

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

47

smashed.by/multbgs.

48

smashed.by/bgexample1.

49

smashed.by/bgclipping.

50

smashed.by/brdimages.

51

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

52

smashed.by/slctvzr.

53

smashed.by/mixunits.

54

smashed.by/percproblem.

55

smashed.by/box-sizing.

56

smashed.by/cbcbz.

57

smashed.by/caniuse.

58

smashed.by/easing.

59

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

60

smashed.by/sandbox.

61

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

62

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

63

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

64

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

65

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

66

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

67

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

68

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

69

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

70

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

71

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

72

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

73

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

74

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

75

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

76

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

77

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

78

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-дизайн. Практическое руководство по проектированию опыта взаимодействия».

79

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

80

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

81

smashed.by/carbon.

82

smashed.by/jojo.

83

ge.com.

84

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

85

smashed.by/hipmunk.

86

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

87

smashed.by/wufoo.

88

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

89

smashed.by/monkey.

90

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

91

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

92

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

93

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

94

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

95

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

96

smashed.by/persona.

97

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

98

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

99

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

100

smashed.by/voicetone.

101

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

102

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

103

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

104

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

105

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

106

smashed.by/apple.

107

smashed.by/fapp.

108

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

109

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

110

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

111

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

112

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

113

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

114

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

115

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

116

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