предыдущие 20

GUI.ruFresh: новости мира юзабилити

Проектирование и дизайн пользовательских интерфейсов, юзабилити

Раздел:

Социальные сети

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (1)
Загрузка ... Загрузка ...
1

iPad — заповедник эмоционального дизайна

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

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

Недавно разработчики Flipboard внедрили новую функцию: возможность поделиться с другом обложкой, которая автоматически генерируется приложением.

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

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

English Flipboard captures something we lost along the way
English Flipboard, New «Social» iPad Magazine will be Powered by Semantic Data (Статья с более подробным описанием программы.)

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (3)
Загрузка ... Загрузка ...
1

Как твиттер повысил конверсию при регистрации

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

Скриншот одного из этапов регистрации в Твиттере

English Gradual Engagement Boosts Twitter Sign-Ups by 29%

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
4

Facebook сделает QR-коды мейнстримом?

qrcodeQuick Response коды — некое подобие штрих-кодов, распознаваемое мобильными телефонами, оснащенными фотокамерами, — появились уже довольно давно, но до сих пор не получили широкую популярность.

Однако TechCrunch пишет о том, что у них есть информация о планах Facebook использовать QR-коды для глобального позиционирования пользователей. Интерес к технологии также проявляют Google и Microsoft. Возможно, ее внедрение в сервисы таких гигантов заставит массового пользователь установить на свои телефоны приложения, распознающие QR-коды, а у того же Google есть рычаги для того, чтобы внедрить соответствующее ПО непосредственно в операционную систему.

Facebook планирует предлагать QR-коды владельцам разнообразных заведений. Пользователи смогут фотографировать коды и таким образом отмечать у себя на стене тот факт, что они находятся в данном заведении. TechCrunch считает подобные сервисы обмена информацией о месте пребывания одной из основных современных тенденций в развитии социальных сетей.

English Those Facebook QR Codes Are Part Of Their Location Plans

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
2

Android 2.0 «Эклер»

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

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

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

Как Google, так и Microsoft, глубоко заинтересованы в обновлении статусов на Twitter и Facebook, так как пользователи гаджетов все больше зависят от своих аккаунтов в социальных сетях. Все больше людей заводит себе VoIP-номера, например, при помощи 3Jam и Google Voice; еще больше тех, кто стремится попасть на Google Wave.

Скоро владельцы гаджетов с Android 1.6 смогут обновить их до второй версии.

По-русски Google представила Android 2.0 (Eclair) — SDK
English The iPhone’s Cool, but Android 2.0’s Convenience May Blow It Away

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
3

Прощай, конфиденциальность!

Мы уже не раз писали о том, как идеи дополненной реальности (Augmented reality, AR) расширяют горизонты нашего видения мира вокруг. Какие-то из них уже работают, а какие-то существуют пока только на концептуальном уровне.

Мэтью Баклэнд (Matthew Buckland) и Филип Лэнгли (Philip Langley) предлагают пофантазировать, как изменится наше общение с людьми, если объединить социальные медиа, дополненную реальность и мобильные технологии.

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

А как же быть с конфиденциальностью? Далеко не каждый будет рад тому, что вся подобная информация о нем станет столь легко доступна. Мэтью Баклэнд считает, что в нынешнюю эпоху высоких технологий мы все «в одной лодке». А живя активной жизнью в современном обществе, сложно не оставлять следов (мнений, контактов и других данных о себе). Потому — к чему скрывать то, что рано или поздно все равно станет известно любому, кто захочет узнать о вас больше? Единственное, что, по сути дела, меняется в этом альтернативном будущем с AR — так это скорость получения этой информации.

English The future of social networking — a concept investigation

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.75 (4)
Загрузка ... Загрузка ...
3

Исследования интерфейсов в стиле «Эмо»

David Güiza Caceido в качестве своей магистерской диссертации, защищенной в технологическом университете голландского города Делфт, представил сервис PanorEmo.

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

Наиболее простой вариант сервиса работает так: респондент видит панорамное изображение оцениваемого объекта. При этом он может помечать определенные точки на изображении, привязывая к ним определенные эмоции.

Скриншот сервиса PanorEmo

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

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

English PanorEmo (сайт сервиса)
English emoments: Developing a tool to assess emotions elicited by services (статья в блоге автора по материалам его диссертации)

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
3.33 (3)
Загрузка ... Загрузка ...
1

Пяток социальных моделей от Люка

Люк Вроблевски опубликовал слайды со своего выступления на конференции IDEA09. Название выступления: «Влияние социальных моделей».

Люк выделяет следующие типы социальных моделей, которые встречаются на сайтах:

  • Без социальных отношений (Amazon, автономные блог-сайты)
  • Сайты с поддержкой сообществ (YouTube, Yahoo Answers)
  • Группы (Yahoo Groups, Flickr Group)
  • С симметричными взаимоотношениями (Facebook, LinkedIn)
  • С асимметричными (однонаправленными) отношениями (Twitter, IM, Flickr)

У каждой модели свои преимуществ и недостатки, которые следует учитывать.

Некоторые наблюдения Люка:

  • 1.8% пользователей Википедии генерируют 70% всех статей. Это согласуется с расхожим наблюдением, что в любом подобном проекте среди пользователей 1% писателей, 10% редакторов и 100% потребителей
  • В Twitter 10% пользователей генерируют 90% статей. Противоположный пример — в сервисе Facebook 10% самых активных пользователей генерируют всего лишь 30% контента. Это, скорее всего, происходит по той причине, что в асимметричной модели генераторы знают, что аудитория сильно заинтересована контентом.
  • В среднем пользователи сообщества YouTube генерируют на 58 000% больше контента на человека, нежели внутри Facebook

Эти и другие интересные факты и мысли смотрите в презентации Люка.

English Сообщение в блоге Люка
English Слайды презентации (PDF, 8,6 Мб)

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
2.67 (3)
Загрузка ... Загрузка ...
1

Social Fresh: «социальные медиа — это как подростковый секс»

24 августа в штате Северная Каролина прошла первая конференция Social Fresh, посвященная теме социальных медиа. На ней выступил целый ряд деятелей этой молодой дисциплины. В своем пленраном выступлении Дэвид Армано процитировал Авинаша Каушика, аналитика-евангелиста из Google:

Социальные медиа — это как подростковый секс; все хотят сделать это, но не знают как. А когда сделают это, часто остаются разочарованы.

English Сайт конференции (есть видео)
English Программа выступлений
English Отчет Дэвида Армано о событии (есть видео)

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
3.67 (3)
Загрузка ... Загрузка ...
1

Твиттер планирует формализовать ретвитинг

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

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

English The Evolution of Retweeting

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.75 (4)
Загрузка ... Загрузка ...
2

Где ахиллесова пята Википедии?

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

2009-08-11_1621381.png

Щелкните по скриншоту, чтобы посмотреть его в полном размере

Однако, не смотря на все усилия, наиболее заметные изменения пока по большей части являются косметическими. В то же время Ed H. Chi из PARC’s Augmented Social Cognition Group указывает на гораздо более существенную опасность, которая подстерегает Википедию. Большое сопротивление старожилов новому контенту, которое препятствует пополнению сообщества новыми активными пользователями, с одной стороны, и засилие спамеров и вандалов, с другой могут привести сообщество к коллапсу.

English After the boom, is Wikipedia heading for bust?
По-русски Помоги улучшить юзабилити Википедии

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
1

Онлайн-конференция с Максимом Россомахиным

Проектировщик интерфейсов компании «Тематические Медиа» (ответственная за популярные ресурсы Хабрахабр, Автокадабру и прочие) ответил на вопросы аудитории сайта «Онлайн-конфренции».

Денис Кортунов: Привет, Макс! Как ты переводишь на русский язык термин User Experience? В чем для тебя отличия в подходах UX от Usability? Когда специалисты по UX будут востребованы в России?
Максим Россомахин: Привет! User Experience — любимый пример контекстно-зависимого термина. Ещё в те времена, когда я регулярно переводил для Вебмаскона, приходилось выбирать между различными вариантами перевода, ни один из которых мне до конца не нравился. Мне ближе те варианты, что склонны строить перевод от «впечатлений», а не от «опыта». Специалисты будут востребованы когда сложится устойчивая культура хорошо продуманных и реализованных интерфейсов, когда стыдно будет показывать людям каку. Возможно, что это произойдёт одновременно с улучшением дорог и автомобилей. Про отличие в подходах: когда кто-то упоминает Usability, мне представляются правки на уже готовом проекте ;)

 

Ярослав Орлов (@umniy): Сколько лет занимаетесь этим? Каковы перспективы развития в будущем?
Максим Россомахин: В том или ином виде порядка пяти лет. Развиваться есть куда: многое ещё не охвачено. Хочу, например, попробовать себя в разработке интерфейса, рассчитанного на мобильные телефоны (не на iPhone).

По-русски Онлайн-конференция с Максимом Россомахиным

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.75 (4)
Загрузка ... Загрузка ...
0

Фреш по пятницам: 30 комиксов про Twitter

В блоге Webdesigner Depot появилась подборка из 30 забавных комик-стрипов о социальном сервисе Twitter.

Кроме комиксов автор поста предлагает посмотреть мультфильм, в котором весьма мрачно показаны последствия твиттероголии.

English 30 Funny Twitter Comics

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
0

Facebook против Twitter

Joshua Porter на примере Facebook и Twitter рассуждает о преимуществах асимметричных отношений между пользователями социальных сетей перед симметричными. По мнению автора статьи ближайшем будущем Facebook добавит возможности асимметричных связей в свою модель. Статья получила несколько десятков комментариев, среди них встречаются любопытные.

English Relationship Symmetry in Social Networks: Why Facebook will go Fully Asymmetric

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.5 (2)
Загрузка ... Загрузка ...
0

Альтернативная навигация по Wiki

Проект Related Pages предлагает альтернативный способ навигации по wiki-страницам. Вместо классического иерархического меню в данном случае пользователь перемещается по специальной диаграмме близких контенту страниц. Помимо «схожести» контента с помощью цвета отображается, насколько давно обновлялась страница.

English Статья на Information Aesthetics: Visualizing the Proximity of Wiki Content
English Проект Related Pages

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (2)
Загрузка ... Загрузка ...
0

Как заставить читателей блога интенсивнее комментировать?

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

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

English Encouraged Commentary, JavaScript, and the great experience

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (1)
Загрузка ... Загрузка ...
1

Блог-интерфейс 2.0

Люк Вроблевски (Luke Wroblewski) и Джед Вуд (Jed Wood) в своей статье рассказывают как вытащить на поверхность блога информацию, запрятанную в архивах и комментариях.



English Blog Interface Design 2.0

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (1)
Загрузка ... Загрузка ...
1

В масштабе от 1 до 5

Where would we be without rating and reputation systems these days? Take them away, and we wouldn’t know who to trust on eBay, what movies to pick on Netflix, or what books to buy on Amazon. Reputation systems (essentially a rating system for people) also help guide us through the labyrinth of individuals who make up our social web. Is he or she worthwhile to spend my time on? For pity’s sake, please don’t check out our reputation points before deciding whether to read this article.

Rating and reputation systems have become standard tools in our design toolbox. But sometimes they are not well-understood. A recent post at the IxDA forum showed confusion about how and when to use rating systems. Much of the conversation was about whether to use stars or some other iconography. These can be important questions, but they miss the central point of ratings systems: to manage risk.

So, when we think about rating and reputation systems, the first question to ask is not, «Am I using stars, bananas, or chili peppers?» but, «what risk is being managed?»

Где бы мы сейчас находились не будь системы оценок и рейтингов? Стоит их убрать и мы не узнаем кому верить на eBay, какие фильмы искать на NetFlix и какие книги покупать на Amazon. Рейтинг (особенно в отношении людей) является проводником в лабиринте индивидуальностей нашей социальной сети. Стоит ли она или он того, чтобы я тратил на них свое время? Умоляю вас, пожалуйста, не смотрите на рейтинг автора до тех пор, пока не прочитаете всю статью.

Системы оценки стали стандартным дизайнерским приемом, который не всегда правильно используется. Недавняя статья на форуме IxDA показала, что существует недопонимание, как и когда использовать системы рейтингов. Большинство разговоров сводились к тому, как показывать рейтинг: звездочками или другими пиктограммами. Это важный вопрос, если бы не сама суть системы рейтингов: управление рисками.

Поэтому, когда мы размышляем об оценках и рейтингах, главный вопрос не в том: «Что мне лучше использовать звездочки, бананы или красные перцы?», а в том: «какие риски это позволит уменьшить?».

English On A Scale of 1 to 5

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
3 (1)
Загрузка ... Загрузка ...
0

О переменах в MySpace

«A year ago we set out on a path to rethink the way people interact with the fundamental features of MySpace,» said Tom Anderson, President and co-founder of MySpace. «These changes lay the groundwork for what is to come — by the early fall we expect to reveal an entirely new and remixed MySpace that deepens the engagement of current users and attracts new ones.»

«Год назад мы стали обдумывать то, как посетители сайта используют основные функции MySpace», — Том Андерсон, президент и один из основателей MySpace. «Эти данные явились основой того, к чему мы сейчас пришли. К ранней осени мы расчитывали, что у нас будет полностью новый, переработанный MySpace, который повысит вовлеченность имеющихся пользователей и привлечет новых».




English MySpace Continues Redesign Initiative

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
4.25 (4)
Загрузка ... Загрузка ...
0

Как не подорвать репутацию

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

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


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

English Patterns for Designing a Reputation System

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious

1 лимон2 лимона3 лимона4 лимона5 лимонов
5 (1)
Загрузка ... Загрузка ...
0

Разработка интерфейсов для соцсетей

The BayCHI podcast for December 11, 2007, Learning to Create Engaging Apps for Facebook with Dave McClure of Stanford, Psychologist B.J. Fogg, and their students, who created Faceboooks apps that attracted millions of users in just a few weeks.

In September 2007, B.J. and Dave teamed up to teach a new Stanford course about using metrics to create engaging Facebook apps. They knew the risks: The course could end up a spectacular failure. But in just ten busy weeks, the apps developed by the students drew millions of users, and the class gained important insights that go beyond Facebook.

Видео презентации от 11 декабря прошлого года о том, как создавать «вовлекающие» интерфейсы для Facebook (копией которого является Vkontakte). Презентацию подготовили Dave McClure из Стэнфордского университета, психолог BJ Fogg, а также их студенты.

В сентябре 2007 BJ и Дэйв совместно начали читать новый курс об использовании метрик для создания интерфейсов приложений Facebook. Затея была весьма рискованной. Но всего за десять недель занятий приложения, созданные студентами, привлекли миллионы пользователей, и эта работа позволила накопить важные данные, выходящие за рамки интерфейсов Facebook.



Презентация большая, почти на 2 часа.

Комментировать

В закладки: Забобрить эту страницу! Добавить на Memori.ru Добавить на Delicious