Изменения в дизайне и юзабилити Твиттера и новый вид бэкграунда
35
Наташа Клевер
Веб-дизайн / Практика
17-10-2010
Для того, чтобы понять, как пользоваться новым Твиттером, воспользуемся очень полезным обзором от Webdesignshock. В нем толково рассказано о последних изменениях в дизайне и функциональности. Особое внимание уделено установкам бэкграунда, поскольку в связи с новым дизайном, Твиттер фон будет выглядеть по-разному в зависимости от разрешения экрана.
В целом, новый дизайн Твиттера стал более организованным и упорядоченным. Теперь стало быстрее, проще и эффективнее узнать, что нового происходит в вашем мире. Твиттер панель стала значительно шире и состоит из двух частей. Давайте посмотрим на основные произошедшие перемены.

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

2. Левая панель
На левой панели собраны твиты и сообщения. Можно переключаться между 5-ю закладками: Timeline (Твиттерлента), Favorites (Избранное), Following (За кем следуешь), Followers (Фолловеры) и Lists (Листы).

3. Правая панель
На правой панели в более развернутом виде представлена информация о вашем аккаунте (tweets, following, followers и lists), ваши последние твиты, текущие тренды, предложения за кем следовать и некоторые дополнительные функции.

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

5. Непрерывная прокрутка
Теперь не надо постоянно нажимать кнопку More. Достаточно просто прокручивать страницу вниз и информация сама будет постепенно подгружаться.
6. Удобный обзор хэштегов
Кликнув по твиту, содержащему любой хэштег (#), на правой панели отобразятся твиты, в которых упомянут данный хэштег.

7. Встроенное фото изображение
Согласно договоренности с Flickr, TwitPic и Yfrog, все изображения будут появляться непосредственно в правой панели Твиттера.

8. Встроенное видео
Аналогично, согласно договоренности с YouTube и Vimeo, все видео будут появляться непосредственно в правой панели Твиттера.

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

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

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

Макеты бэкграунда при разном разрешении экрана
Есть один не совсем удобный момент в новом Твиттере. Так получилось, что большинство старых фонов для Твиттера просто не впишутся в новый дизайн. Жаль конечно. Но давайте привыкать к новым реалиям и посмотрим, как будет выглядеть бэкграунд при разных разрешениях монитора и сколько места в пикселях остается на экране для фона.
1024 x 768

1152 x 864

1280 x 1024

1440 x 900

1600 x 1200

Написать комментарий с помощью формы ВКонтакте
Написать комментарий с помощью формы Facebook
Комментариев (35)
|
@Oleg Mykhailenko: Ответить | |
|
По мне, так они сделали из простого и понятного интерфейса какую-то страшную, громоздкую фигню. Ответить | |
|
@MegaFill: Ответить | |
|
А может поэтому они и предлагают очень настойчиво перейти на их новый шедевр, потому как не особо торопятся люди это делать? ) Ответить | |
|
@Vadiem: Ответить | |
|
@Наташа Клевер: Ответить | |
|
Я недавно зарегилась на твиттере и ещё толком не успела разобраться со старым функционалом))) Спасибо за статью, Наташа, мне она оч поможет)) Ответить | |
|
@Oleg Mykhailenko: @Aurinko: Ответить | |
|
@Наташа Клевер: Ответить | |
|
@Наташа Клевер: Осваиваю потихоньку)) Правда, в последнее время времени вообще нет туда зайти)))) Но скоро появится)) Буду пыхтеть и трудиться)))) Ответить | |
|
@Oleg Mykhailenko: @Aurinko: Ответить | |
|
@Наташа Клевер: Спасибо за предложение)) Думаю, небольшая помощь мне не помешает=)))) Ответить | |
|
@Aurinko: Ответить | |
|
Здравствуйте, спасибо за развернутую и исключительно полезную статью =) Ответить | |
|
@LEGION: Ответить | |
|
Ооо, огромное вам человеческое спасибо!! Теперь хоть бекграунд по человечески выглядит. Ответить | |
|
@LEGION: Ответить | |
|
Ничего не поняла про встроенное фото и видео. Как можно их встроить? Ответить | |
|
@Gloria Uspeshnaya: Ответить | |
|
Ни фига не отображается! Ни в Internet Explorer ни в Google Chrome Ответить | |
|
@Gloria Uspeshnaya: Вот пример аккаунта, где есть сообщение («Only 2 more weeks to go… enjoy this trailer until …») с ссылкой на Ютюб: Вверху справа этого твита есть небольшая иконка в виде кинопленки, это свидетельствует о том, что Твиттер может отобразить видео, ссылка на которое присутствует в данном твите. Все так же само и с изображениями. Только там другая иконка, в виде картины, по-моему. И также само не все фото-хостинги поддерживает Твиттер. Ответить | |
|
@Oleg Mykhailenko: Ответить | |
|
@Oleg Mykhailenko: Вот страничка где я взяла этот код Ответить | |
|
@Gloria Uspeshnaya: Еще может быть нюанс, что видео не отобразится. Убедитесь, что в настройках Твиттера (http://twitter.com/settings/account) стоит галочка возле «Show photos and videos from everyone». @Наташа Клевер: Ответить | |
|
Спасибо за ответы, но всё оказалось гораздо проще. На YouTube есть кнопочка «отправить». Жмёшь её и появляется окошечко, в котором есть кнопка Twitter. Вот и всё! Ответить | |
|
@Gloria Uspeshnaya: Ответить | |
|
Подскажите плиз как можно написать человеку который не следует за мной в твиттере ? Ответить | |
|
@Анастасия: Или же наводите курсор на любой твит этого человека, внизу сообщения появятся кнопки, типа: «n… seconds ago», «Favorite», «Retweet», «Reply». Вот жмете на «Reply» и опять появится окно с полем ввода, пишите сообщение и отправляете Ответить | |
|
@Анастасия: Ответить | |
|
@Oleg Mykhailenko: Ответить | |
|
@Oleg Mykhailenko Ответить | |
|
@Наташа Клевер, @Анастасия: Ответить | |
|
Я нигде не могу найти ответ на проблему в твиттере:когда я хочу зафолловить,нажимаю на кнопку Читать,выходит надпись,что это все пользователи,которых я могу читать,т.е. не дает установить Читаю,может подскажете,что делать. Ответить | |
|
@Валентина: Ответить | |










Ответить

По поводу 10-го пункта: мне не очень нра, что показывается только 3 последних твита. Когда возникает сомнение, что мой новый фолловер бот или человек, мне нужно в любом случае открывать его полный профиль, чтобы заценить хотя-бы 10-15 последних твитов.
Так что по 3-х последних твитах мало что можно сказать и это крайне неудобно, ИМХО.
По поводу 11-го пункта: Наташа, у тебя, походу, очепятка, там не ретвит, а меншин