Изменения в дизайне и юзабилити Твиттера и новый вид бэкграунда

35

12673
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
Изменения в дизайне и юзабилити Твиттера и новый вид бэкграунда

Оцените, пожалуйста, статью!
  1. 5
  2. 4
  3. 3
  4. 2
  5. 1
(0 голосов, в среднем: 0 из 5)
  • Короткая ссылка на этот пост: http://www.designonstop.com/?p=2037
  • Получать обновления:

  • Поддержать DesingNonstop рублём!

Написать комментарий с помощью формы ВКонтакте

Написать комментарий с помощью формы Facebook

Комментариев 35 комментариев

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

По поводу 11-го пункта: Наташа, у тебя, походу, очепятка, там не ретвит, а меншин 🙂

ОтветитьОтветить

@Oleg Mykhailenko:
Держусь до последнего, пользуюсь старым Твиттером.
Спасибо, исправила 11 пункт 🙂

ОтветитьОтветить

По мне, так они сделали из простого и понятного интерфейса какую-то страшную, громоздкую фигню.
Надеюсь возможность оставить старый дизайн они не уберут =

ОтветитьОтветить

@MegaFill:
К сожалению, возможность пользоваться старым дизайном в скором времени уберут, мне кажется. Уж больно настойчиво они предлагают перейти на новый диз. Уже практически каждое действие сопровождается пригласительным всплывающим окошком.

ОтветитьОтветить

А может поэтому они и предлагают очень настойчиво перейти на их новый шедевр, потому как не особо торопятся люди это делать? )
Мне он тоже не нравится! И добровольно я не собираюсь никуда переходить. Не знаю как остальным — у меня отторжение какое то прям! Ну вот бывает же иногда, что не можешь убедить себя в чем то. Кроме дискомфорта от этого «подарка» — ничего больше не испытываю. Даже открывать твиттер лишний раз не хочу. )

ОтветитьОтветить

@Vadiem:
Ну пока можно на старом Твиттере работать. Но все-равно придется когда-нибудь переходить на новый. Попробуй перебороть это отторжение. А то жалко терять такого интересного твиттерянина ))

ОтветитьОтветить

@Наташа Клевер:
Да куда он от нас денется!))))

ОтветитьОтветить

Я недавно зарегилась на твиттере и ещё толком не успела разобраться со старым функционалом))) Спасибо за статью, Наташа, мне она оч поможет))

ОтветитьОтветить

@Oleg Mykhailenko:
Ага, никуда не денется… Так уже скоро месяц, как его твиттер лента молчит )))

@Aurinko:
Пожалуйста! Осваивай обязательно! Очень люблю Твиттер за его исключительную полезность ))

ОтветитьОтветить

@Наташа Клевер:
Ну, может у человека свободного времени нету)

ОтветитьОтветить

@Наташа Клевер: Осваиваю потихоньку)) Правда, в последнее время времени вообще нет туда зайти)))) Но скоро появится)) Буду пыхтеть и трудиться))))

ОтветитьОтветить

@Oleg Mykhailenko:
Ну не знаю… Может быть ))

@Aurinko:
Если чего не понятно будет — спрашивай )))

ОтветитьОтветить

@Наташа Клевер: Спасибо за предложение)) Думаю, небольшая помощь мне не помешает=))))

ОтветитьОтветить

@Aurinko:
Всегда пожалуйста! )))

ОтветитьОтветить

Здравствуйте, спасибо за развернутую и исключительно полезную статью =)
Не могли бы вы подсказать можно ли как нибудь новый интрефейс сменить на старый?? По глупости согласился поменть когда «предложили» а теперь не знаю как вернуть так как было. Копался в настройках, вроде в явном там интерфейс поменять не дают. 🙁

ОтветитьОтветить

@LEGION:
Привет! А для того, чтобы поменять новый интерефейс твиттера на старый вариант, надо нажать пункт Leave preview в раскрывающемся меню у профиля справа наверху 🙂

ОтветитьОтветить

Ооо, огромное вам человеческое спасибо!! Теперь хоть бекграунд по человечески выглядит.

ОтветитьОтветить

@LEGION:
Ну и отлично! Сама пока пользуюсь старой версией твиттера ))

ОтветитьОтветить

Ничего не поняла про встроенное фото и видео. Как можно их встроить?

ОтветитьОтветить

@Gloria Uspeshnaya:
Они уже встроенные. Это значит можно публиковать (указывать урл) изображения и видео и ни будут нормально отображаться в Твиттере. То есть теперь в Твиттере можно смотреть картинки и видео.

ОтветитьОтветить

Ни фига не отображается! Ни в Internet Explorer ни в Google Chrome
Может просто что-то не так указано? Если не трудно, загляните, пожалуйста, на мою страничку. Там твит «Володя Хацкий поёт Высоцкого»

ОтветитьОтветить

@Gloria Uspeshnaya:
Так оно и не отобразится. У вас указана не прямая ссылка на видео с Ютюб, а на какой-то сайт, на котором вставлено видео. Тем более видео с русского видео-хостинга Рутюб. А Твиттер не поддерживает этот сервис.

Вот пример аккаунта, где есть сообщение («Only 2 more weeks to go… enjoy this trailer until …») с ссылкой на Ютюб:
http://twitter.com/#!/thesketchbank

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

Все так же само и с изображениями. Только там другая иконка, в виде картины, по-моему. И также само не все фото-хостинги поддерживает Твиттер.

ОтветитьОтветить

@Oleg Mykhailenko:
Олег, чтобы я без тебя делала! Спасибо за обстоятельное объяснение 🙂

ОтветитьОтветить

@Oleg Mykhailenko:
ОК! Если я хочу вставить следующий код с Ютюб с заголовком (твитом), то что я должна сделать? Куда это всё прописывать

Вот страничка где я взяла этот код
http://www.youtube.com/watch?v=GAsXyVCPX6Q&feature=related

ОтветитьОтветить

@Gloria Uspeshnaya:
Все просто, вставляете эту ссылку в поле ввода твита и любой комментарий или заголовок, который Вам нужно. Все. Твиттер сам определит ссылку на Ютюб и будет показывать, что данный твит с «ютюбовским» видео, которое можно сразу просмотреть в Тви.

Еще может быть нюанс, что видео не отобразится. Убедитесь, что в настройках Твиттера (http://twitter.com/settings/account) стоит галочка возле «Show photos and videos from everyone».

@Наташа Клевер:
Да ноу праблем! 😉 Если могу помочь с ответом, почему бы и нет))

ОтветитьОтветить

Спасибо за ответы, но всё оказалось гораздо проще. На YouTube есть кнопочка «отправить». Жмёшь её и появляется окошечко, в котором есть кнопка Twitter. Вот и всё!

ОтветитьОтветить

@Gloria Uspeshnaya:
Ну и отлично! 😉

ОтветитьОтветить

Подскажите плиз как можно написать человеку который не следует за мной в твиттере ?

ОтветитьОтветить

@Анастасия:
Открываете страничку требуемого пользователя, в строке, где находится кнопка «Follow»/»Unfollow» с правой стороны находите иконку шестеренки, кликаете по ней, выпадет список, выбираете «Mention ЛОГИН_ПОЛЬЗОВАТЕЛЯ», всплывает окно с полем, где будет вписан логин получателя в таком виде «@логин», пишете сообщение и отправляете. Все!

Или же наводите курсор на любой твит этого человека, внизу сообщения появятся кнопки, типа: «n… seconds ago», «Favorite», «Retweet», «Reply». Вот жмете на «Reply» и опять появится окно с полем ввода, пишите сообщение и отправляете 😉

ОтветитьОтветить

@Анастасия:
Если человек не следует за вами в твиттере, то написать ему напрямую не получится. Поэтому единственный вариант опубликовать твит с упоминанием твиттера этого человека, типа @chelovek Привет, у меня к тебе есть дело, зафолловь меня, плиз…. Ну типа так. Но это сообщение прочитают все, кто следует за тобой. ))

ОтветитьОтветить

@Oleg Mykhailenko:
Олег, спасибо! ))

ОтветитьОтветить

@Oleg Mykhailenko
Спасибо тебе большое…)

ОтветитьОтветить

@Наташа Клевер, @Анастасия:
Не за что! 😉

ОтветитьОтветить

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

ОтветитьОтветить

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

ОтветитьОтветить

Написать комментарий с помощью обычной формы блога

Не пишите пожалуйста всякую ерунду и критику, все-равно все удалю. Спасибо за комментарий!

80 queries in 0,537 seconds.