Статьи

Activetuts + Workshop # 1: NYTimes для Chrome Critique

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


Не так давно Google взял штурмом рынок настольных веб-браузеров с Chrome. Наряду с целой кучей свежих идей и неустанным акцентом на молниеносном просмотре, функцией, которая застала всех остальных браузеров врасплох, был Chrome Web Store . То, что началось с огромного количества избыточных ссылок на веб-сайты и нескольких специально разработанных браузерных приложений, быстро превратилось в лавину нативных приложений, которые, похоже, с каждым выпуском используют все преимущества возможностей браузера, что делает Chrome явным лидером в пространство браузера для поддержки сторонней разработки.

Приложение New York Times было одним из первых нативных приложений в Chrome и долгое время было их витриной для будущего веб-приложений с богатым интернетом. Специально созданное для использования преимуществ браузера, приложение подняло чтение новостей в браузере на совершенно новый уровень и установило тенденцию для других. Только тогда мы сможем начать эту серию с приложением NYTimes Chrome.

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


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

Хорошие 90% экранной недвижимости посвящены контенту, который по умолчанию содержит главные новости на данный момент. Справа список разделов четко обозначен, но все же ненавязчив. Поскольку я не являюсь платным подписчиком на NY Times, значки с замками ясно говорят мне, что у меня будет только ограниченный доступ ко всему, кроме категории «Главные новости».

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

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

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

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


Однако, как и в большинстве приложений, не все идеально там, где и должно быть. Тонкие дизайнерские решения, такие как значок сохранения (+) в правом верхнем углу каждого синопсиса истории, изменение цвета при наведении курсора или значки блокировки для обозначения премиального контента, хороши, если вы достаточно сообразительны, чтобы понять, что они могут означать , И да, можно утверждать, что компьютерная грамотность — по крайней мере, в такой стране, как США, — находится на стадии, когда неопытные пользователи встречаются редко. Но моя проблема остается в том, что наличие интерактивных элементов в дизайне этой квартиры в некоторой степени представляет собой кривую обучения для всех пользователей.

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

Другая проблема, которая может быть уникальной для меня, заключается в том, что некоторые сочетания клавиш просто не работают. На главном экране нажатие клавиши / должно переключать меня на выбор статей с помощью клавиш со стрелками, но я просто не могу заставить его работать. Может быть, я что-то делаю не так или моя комбинация браузер / ОС ошибается, но я ожидаю, что дизайнеры протестировали наиболее распространенные сценарии (у меня простая бета-версия Chrome на Windows 7, что не редкость) перед выпуском приложения.

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


Так что да, у приложения есть свои плюсы и минусы. В целом, тем не менее, мне нравится то, чего он добивается своей смелой попыткой вынести лучшее из обоих миров на платформу. Новости в Интернете прошли долгий путь со времен отсканированных PDF-файлов газет, воспроизводимых с помощью неуклюжих Flash-виджетов, и будущее кажется еще более светлым. Теперь нужно подождать и посмотреть, какая публикация NYS Times создаст нечто действительно революционное.


Что вы думаете о NYTimes для Chrome ? Поделитесь своей конструктивной критикой в ​​комментариях ниже!

И если у вас есть браузерное приложение или игра, для которой вы хотите, чтобы сообщество Activetuts + выступило с критикой, отправьте его здесь . Мы с нетерпением ждем встречи с тем, что вы построили.