Самый первый интерфейс Вконтакте

1 апреля 2016 года социальная сеть ВКонтакте официально представила новый интерфейс, работа над которым велась в течение около полутора лет. Новый интерфейс приобрел свежий и современный вид, хотя и сохранил основные элементы и цветовое оформление старого.

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

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

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

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

НОВЫЙ ИНТЕРФЕЙС ВКОНТАКТЕ / САМЫЙ ПРОСТОЙ СПОСОБ ВКЛЮЧИТЬ!

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

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

Аватарки стали круглыми.

Новый дизайн диалогов позволяет видеть ваших собеседников в то самое время, когда вы с кем-то переписываетесь.

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

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

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

Более подробнее вы можете узнать о новом дизайне ВК, когда «пощупаете» его в живую.

Популярная социальная сеть «ВКонтакте » изменила дизайн. Как сообщает операционный директор компании Андрей Рогозов, новый внешний вид соцсети является результатом плодотворной работы специалистов, которая велась последние полтора года.

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

ВК — До Того Как Стал Известен!

Исчезли лишние элементы, появилось дополнительное пространство для новых функций и увеличилась ширина экрана и шрифты, благодаря чему интерфейс стал удобнее для восприятия. Меню слева претерпело существенные изменения – сокращены названия пунктов и добавлены иконки, а наиболее популярные разделы «Новости » и «Сообщения » теперь находятся вверху.

В «Новостях » каждый элемент отображается по-новому. Списки новостей, поиск и комментарии расположились в отдельном блоке справа. Если вы не хотите просматривать все новости, нажиме на раздел «Сначала интересные », находящийся непосредственно под этим блоком.

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

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

Хорошие новости для любителей публиковать и смотреть фотографии – теперь снимки отображаются в более крупном формате и в журнальной верстке (т.е. без пробелов между ними).

«Шеф-редактор блога GetGoodRank, веб-аналитик, блоггер.
Социальная сеть ВКонтакте обновила пользовательский интерфейс. Теперь быстрее, проще, легче. Но это только по словам разработчиков. Пользователи жалуются на сложности нахождения привычных опций. Это четко доказывает, что привычки сильны, и кардинальная смена интерфейса — не всегда хорошо.»

17 августа 2016 года все пользователи социальной сети ВКонтакте переведены на новый дизайн. По заявлениям представителей соцсети на создание обновленного дизайна ушло более 1.5 лет. С 1 апреля 2016 года пользователи могли по желанию перейти на обновленный дизайн для тестирования. Это позволило понять, что нравится/не нравится пользователям, исправить более 2500 мелких ошибок. Благодаря внедренным обновлением улучшилось взаимодействие с системой и скорость загрузки, появилось больше пространства для нововведений.

Еще по теме:  Что такое петиция Вконтакте

Что нового в обновленном ВК?

Скорость и стабильность

Разработчики устранили ошибки, сказывающиеся на стабильности работы платформы. Переписаны и оптимизированы все разделы. Отказ от устаревшей, неподдерживаемой браузерами технологии Flash в пользу HTML5 обеспечивает стабильную работу аудио и видео-проигрывателей на мобильных устройствах.

В обновленном варианте VK улучшена доступность для слабовидящих пользователей.

Новый дизайн VK: пользовательский интерфейс

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

Обновленный сервис Сообщения

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

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

Для смены интерфейса диалогов, надо войти в настройки через иконку шестеренки внизу экрана.

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

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

Разработчики приводят следующие результаты эффективности нововведений:

Первые отклики пользователей на новый дизайн VK

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

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

Крупнейшая российская соцсеть «ВКонтакте» впервые за 10 лет начала масштабное обновление дизайна, но изменения понравились не всем пользователям; они отмечают, что новый интерфейс стал слишком похож на дизайн Facebook, «Одноклассников», Twitter и Telegram.

Однако не все пользователи так категоричны. Среди плюсов многие отмечают, что «ВКонтакте» теперь автоматически подсказывает стикеры при наборе текста сообщений, причем предложения подбираются по контексту беседы.

Как сообщили в самой компании, работа над новым дизайном велась протяжении последних полутора лет. «Сегодня мы делаем следующий шаг и переходим на новый уровень развития сайта, чтобы сделать его более современным», – цитирует ПРАЙМ сообщение компании.

Сообщается, что обновленный дизайн включен у 10% случайно выбранных пользователей.

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

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

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

Также в новых версиях приложений VK для iOS и Android появилась возможность включить «умную» ленту новостей. Новый алгоритм меняет порядок новостей, отображая интересные записи выше остальных, чтобы пользователь не упустил важные для себя сообщения. Также запущена новая функция – подсказки стикеров: при вводе ряда слов, фраз или emoji пользователю будут предложены подходящие по смыслу стикеры для отправки. Кроме того, появился автозапуск GIF-анимаций.

Источник: innovakon.ru

Создаём графический интерфейс на Python за 10 минут

Python — язык программирования для решения разных задач: на нём можно как играть в угадайку чисел, так и создавать нейросети.

Но обычно работа с программой на Python идёт через командную строку: она отвечает тебе текстом, ты ей подаёшь на вход текст. Это хорошо, когда программа работает на сервере, но в бытовых ситуациях это не всегда удобно: хочется понажимать на кнопочки.

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

Еще по теме:  Как задать вопрос в техподдержку ВК

Библиотека PySimpleGUI — простой интерфейс для Python

На самом деле у Python есть много библиотек, которые позволяют создать графический интерфейс — Tkinter, Qt, Remi или WxPython. Но проблема в том, что каждую из них нужно осваивать отдельно. Например, в одной удобно создавать графики, но неудобно — кнопки и надписи.

Чтобы сделать создание интерфейсов проще, придумали PySimpleGUI. Идея в том, чтобы объединить лучшие идеи из каждой библиотеки и написать для них внешнюю обёртку.

В итоге программисту на Python достаточно взять уже готовую команду создания кнопки, а отрисовку и внешний вид программа возьмёт на себя.

Ещё PySimpleGUI — это кросс-платформенное решение. Это значит, что интерфейсы, созданные с помощью этой библиотеки, будут работать одинаково на разных операционных системах.

Пара примеров, что можно сделать с PySimpleGUI:

Создаём графический интерфейс на Python за 10 минут Создаём графический интерфейс на Python за 10 минут

Что для этого нужно

Для установки PySimpleGUI в командной строке компьютера или среды разработки пишем такую команду:

pip install pysimplegui

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

import PySimpleGUI as sg

Теперь нам достаточно написать sg вместо pysimplegui.

Если появилось такое сообщение, значит, библиотека установлена и готова к работе

Создаём простой интерфейс

Сегодня мы посмотрим, как всё работает, и сделаем маленькую программу. Как разберёмся — возьмём проекты помасштабнее.

В редакторе кода создаём новый Python-файл и пишем такой код — в нём мы создаём простое окно с кнопкой и текстом:

# подключаем библиотеки import PySimpleGUI as sg import random # что будет внутри окна # первым описываем кнопку и сразу указываем размер шрифта layout = [[sg.Button(‘Новое число’,enable_events=True, key=’-FUNCTION-‘, font=’Helvetica 16’)], # затем делаем текст [sg.Text(‘Результат:’, size=(25, 1), key=’-text-‘, font=’Helvetica 16’)]] # рисуем окно window = sg.Window(‘Генератор случайных чисел’, layout, size=(350,100)) # запускаем основной бесконечный цикл while True: # получаем события, произошедшие в окне event, values = window.read() # если нажали на крестик if event in (sg.WIN_CLOSED, ‘Exit’): # выходим из цикла break # закрываем окно и освобождаем используемые ресурсы window.close()

За размер окна отвечает параметр size в последней команде

Новый дизайн вк. Новый интерфейс Вконтакте: это точно не Facebook

Новый дизайн вк. Новый интерфейс Вконтакте: это точно не Facebook

1 апреля 2016 года социальная сеть ВКонтакте официально представила новый интерфейс, работа над которым велась в течение около полутора лет. Новый интерфейс приобрел свежий и современный вид, хотя и сохранил основные элементы и цветовое оформление старого.

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

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

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

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

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

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

Аватарки стали круглыми.

Новый дизайн диалогов позволяет видеть ваших собеседников в то самое время, когда вы с кем-то переписываетесь.

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

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

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

Более подробнее вы можете узнать о новом дизайне ВК, когда «пощупаете» его в живую.

Сравнение интерфейса Вконтакте и Фейсбука давно стало аналогом холиваров между андроидоманами и «яблокофилами»: с каждой стороны можно набрать целую армию, которая будет яростно отстаивать свою точку зрения. Многим известно, что нынешний образ Вконтакте – это оптимизированный и очищенный от всего лишнего образца эдак 2006 года. И именно это для многих и было решающим фактом в пользу vk.com, по сравнению с вечномутирующим Фейсбуком: стабильность интерфейса и его простота. Поэтому первоапрельская новость стала более чем неожиданной: нас ждет новый интерфейс Вконтакте !

И, судя по , дизайнеры Вконтакте, подождав 10 лет, снова зашли Facebook, огляделись и решили: «Круто, нам надо сделать так же!»… И ведь, правда, сделали…
Анонсируя данную первоапрельскую «нешутку» операционный директор настаивал на том, что новый интерфейс Вконтакте – результат более чем полуторалетних тщательных изучений и проработки каждого элемента сайта, и основная цель всех этих действий – «переход на новый уровень развития» .
Благодаря изменениям интерфейс Вконтакте будет выглядеть практически одинаково на любом устройстве (планшет/ПК/смартфон и т.д.), не нужно будет привыкать к управлению соцсетью на каждом отдельном гаджете.

Еще по теме:  Как редактировать запись Вконтакте которую уже нельзя

Также утверждается, что Vk.com теперь будет «проще для восприятия». Зачем упрощать и так простое и понятное, правда, не уточняется. Озвучено, что изменению подверглись шрифты, увеличена ширина экрана, а под «новые полезные функции» определили доп.пространство.

Переработана и колонка основного меню (та, что слева): названия разделов стали короче и сопровождаются теперь пиктограммами-иконками, разделы «Новости» и «Сообщения» вообще перекочевали наверх.

Человек, знакомый с интерфейсом Facebook, может сейчас возмутиться: «Ну ведь ни капли не похоже!».

Ну как сказать, ни капли. Давайте присмотримся к такой картинке:

Дублировать наиболее востребованные разделы в шапке? Да нее, «Вконтакте» такое сами придумали.

Огромное спасибо дизайнерам Вконтакте, что не стали заимствовать и левую колонку! Сплагиатить «тонко и со вкусом» ведь тоже уметь надо.

Отдельно анонсировалась . В марте о ней говорили в контексте «вплетения» в старый интерфейс. В первоапрельском обзоре видоизменений соцсети о ней уже сообщается как о неотъемлемой части нового облика vk.com. Итак, что поменялось? Как утверждает А. Рогозов – всё. Каждый элемент блока «Новости» был «отредизайнен».

Под «Новости» отвели часть правой колонки, добавили разделение «Новостей» на категории (Фото/Видео, Друзья, …), там же разместились и другие элементы «старых Новостей» (например, «Рекомендации»). Но самое важное, на чем разработчики vk.com акцентировали внимание еще при презентации «Новой ленты» — размещенный обособленно переключатель на «алгоритмический механизм». Не заметить его просто нельзя: вот он, тумблер «Сначала интересные» внизу правой колонки:

По замыслу разработчиков это должно упростить переходы между беседами, сделать более информативными сигналы о новых сообщениях. Индикация следующая: непрочитанные сообщения – точка справа от «беседы» — синяя; если собеседник онлайн, возле мини-аватарки будет зеленый индикатор. Иии… тут возникает очередной, вполне справедливый вопрос: когда заявляют, что «переписывая» раздел «с нуля» всё равно получают сглаженный-прилизанный, но Facebook?

Учиться у более опытных и успешных конечно нужно. Но кто говорил, что нужно и во всём подражать?

«Вконтактовцы» вообще постарались, чтобы новый интерфейс Вконтакте стал как можно более «очевидным». И для этого в «шапку» вывели еще один индикатор – «Уведомления». Чтобы пользователь не пропустил чего-нибудь важного: дня рождения друга, чьего-нибудь «лайка», запроса в «друзья» и т.д.

Если на сайте происходит какая-либо активность, затрагивающая пользователя, «колокольчик» сразу обзаведется красной меткой.

Раздел «Фотографий», также очень востребованный раздел соцсети Вконтакте, откровенно говоря, был не таким уж и удобным. И его «офейсбучивание» — практически под копирку – отличный пример того, что хорошее подражание может идти на пользу:

Вот такой теперь к «Вконтактика» интерфейс фотопросмотра: фотки крупнее, горизонтальная ориентация «viewer-а», комментарии не где-то шлейфом внизу страницы, а на удобном месте – справа от «объекта комментирования».
А вот вам Facebook. Как для чего? Для того чтобы сыграть в «Найди 5 отличий»!

Анализировать все-все изменения, которые вскоре «свалятся на голову» всем пользователям Вконтакте было бы весьма утомительно – ведь операционный директор соцсети заверил, что был затронут «каждый интерфейс сайта». Для того, чтобы, «проникнуться» новым интерфейсом, в который нарядят Вконтакте, достаточно и рассмотренных разделов.

Есть одно но: если уважаемый читатель сейчас зашел проверить свою vk-страничку и вернулся сюда с резонным недоумением вроде: «Что за бред они тут несут! Всё ж как было». Объяснением этому служит не горячечный бред у автора, а тот факт, что тестирование нового интерфейса vk.com решили на «ограниченной аудитории». И читатель, к счастью (а может, к сожалению) в эту аудиторию не попал. Однако, для тех, у кого есть непреодолимая тяга к «новизне», и у кого «горит» вопрос, как перейти к новому дизайну Вконтакте у себя, разработчики оставили право добровольно присоединиться к обкатке нового дизайна. Для этого они разместили на странице

Редизайн Вконтакте: подробно и обо всем!

Как сделать обновление Вконтакте?

В чем существенная разница?

Главная достопримечательность нового дизайна – сам сайт стал шире (вместо 765 пикселей теперь 975). Вы обращали внимание на зияющие белые пустоты по бокам своей странички Вк? Теперь такая раздражающая нерациональность резать глаз больше не будет. Новая бета-версия предусматривает заполнение имеющегося пространства за счет блока полезных функций.

Раздел «Сообщения» стал практически неузнаваем, ведь он был переписан кардинально. Теперь вы будет видеть активный чат и список своих бесед. Для того чтобы все это было максимально читаемо, ширина отдела доведена до 1090 пикселей (вместе с боковым меню). Довольно-таки удобно, ведь теперь не надо каждый раз возвращаться назад для подключения дополнительной беседы.

Источник: cena5.ru

Рейтинг
( Пока оценок нет )
Загрузка ...