Portfolio


07.06.2011   pf   WebDesign   UI Design 

Аудиоплеер ВКонтакте



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

ВКонтакте добавили на сайт плеер, который отображается в подвале сайта при проигрывании музыки и выглядел он вот так:

Плеер ВКонтакте (старый вариант)

Что в нем не так? Расположение кнопок проигрывания и перемотки почему-то находится по разным сторонам относительно друг друга. И это не удобно. Получается, что если мне нужно перемотать на другую композицию, то нужно еще сделать движение мышкой в самый правый край, где и находятся кнопки перемотки. Ну а по логике вещей все они должны находиться в одном месте. И вот вчера, было свободное время, думаю, дай попробую расположить их в более привычном глазу месте. Получилось вот так:

Мой вариант расположения кнопок

Какие изменения:
- кнопка паузы и проигрывания находится между кнопками перемотки;
- кнопка повторения стоит следующей после кнопки перемотки вперед;
- и вот оно: добавил кнопку, которая прям из этого проигрывателя добавляла бы аудиозапись в закладки, т.к. если мы переходим на другие страницы, а играет незнакомая нам песня, а мы хотим ее в свои аудиозаписи, то как это сделать? Поэтому такая кнопка просто необходима!

А что я вижу сегодня, зайдя на сайт ВКонтакте? Бля, ребята, да вы читаете мои мысли =) Это же ппц как здорово, что вот так оно получилось! А вот как у них с сегодняшнего дня отображается плеер:

Как сейчас выглядит плеер

Вот такие совпадения...и во времени, когда они поменяли все местами и в расположении почти, и в том, что еще добавили в плеер.



Tags: Portfolio  WebDesign  UI  ВКонтакте 









Code for blog (show / hide)

Программы для дизайнера

More
  •  

111