18 Cool Concept Designs (Facelift) известных сайтов
Если контент король, дизайн должен быть королевой. Это смертельно важный элемент успеха сайта, так как он решает, как контент должен быть структурирован и отображен, а плохой дизайн просто портит пользовательский опыт, обрекая тем самым трафик сайта..
Часто нам, веб-дизайнеру, приходится играть в торговые игры, пока мы разрабатываем сайт. Мы либо обмениваем красоту на функциональность, либо функциональность на удобочитаемость, поскольку невозможно создать дизайн, который понравился бы всем во всех аспектах..
Так какой дизайн лучше? Веб-дизайнеры любят задавать этот вопрос, а некоторые даже ставят перед собой задачу лучше сыграть в торговую игру, перепроектировав известные сайты, такие как Facebook и YouTube, создав таким образом потенциальный дизайн в этой демонстрационной публикации. Лучше или хуже, вы, как пользователь, решаете это, наслаждайтесь!
Согласно официальной статистике, Facebook обслуживает более 500 миллионов активных пользователей, на что затрачено 700 миллиардов минут. Для такого рода статистики будет очень сложно разработать для него веб-страницу. Это также может быть той же самой причиной, по которой так много дизайнеров бросили себе вызов изменить дизайн Facebook. Давайте рассмотрим несколько великих попыток дизайнеров ниже:
Концептуальный дизайн Автор: Бартон Смит
“Facebook Facelift - это самопровозглашенный проект, призванный бросить вызов форме и функциональности Facebook. Это упрощенный, структурированный и линейный интерфейс, более понятный, улучшающий пользовательский опыт и способность воспринимать контент.”
Главная страница. (Источник изображения: Бартон Смит)
Страница фотографий. (Источник изображения: Бартон Смит)
Страница событий. (Источник изображения: Бартон Смит)
Страница контактов. (Источник изображения: Бартон Смит)
Страница уведомлений. (Источник изображения: Бартон Смит)
Концептуальный дизайн Автор: Информационные Архитекторы
Этот инновационный дизайн появился на свет в декабре 2006 года, а затем был адаптирован к современным стандартам дизайна, чтобы его можно было сравнить с текущим дизайном Facebook. Идея заключалась в том, чтобы создать почтовое приложение с интерфейсом, содержащим эластичную 3-х колоночную разметку, которая четко разделяет фильтр, информационный поток и реакцию, что четко объясняется в их посте..
Главная страница. (Источник изображения: Информационные архитекторы)
Концептуальный дизайн Автор: Джастин Дауэр
“Одна из моих главных целей состояла в том, чтобы переместить интерфейс к большей части представления типа веб-приложения. Facebook ежедневно посещает около 175 миллионов человек; все повторяющиеся задачи, присущие такому использованию, способствуют такой форме подхода. Когда я закончил этот редизайн, появился новый пользовательский интерфейс, похожий на приложение, и дал мне момент проверки Стюарта Смолли..”
Главная страница. (Источник изображения: псевдо-дизайн)
Концептуальный дизайн Автор: Питер Нолл
Очень гладкий дизайн от Питера Нолла. Графика значительно улучшена, чтобы весь сайт выглядел привлекательно и многообещающе. Интерфейс также намного чище, с хорошей типографикой для удобства чтения.
Главная страница. (Источник изображения: Питер Нолл)
Концептуальный дизайн Автор: AndasoloARTS
Вариант Facebook, сделанный AndasoloARTS, он даже продается! Цветовая схема очень похожа на дизайн Питера Нолла, но в целом это другой дизайн. Снова очень гладкий дизайн с минимализмом в виду.
Главная страница. (Источник изображения: AndasoloARTS)
Концептуальный дизайн Автор: Йонаска
Дизайн, вдохновленный дизайном AndasoloARTS на Facebook, тоже довольно уникальный! Мне нравится реализация обмена статусами и окна поиска, действительно продуманный вариант.
Главная страница. (Источник изображения: Йонаска)
Концептуальный дизайн Автор: Czarny-Design
Как насчет сексуального дизайна с закругленными углами элементов? Совершенно уникальный подход к дизайну для Facebook с немного измененной цветовой схемой?
Главная страница. (Источник изображения: Czarny-Design)
Мое пространство
Когда-то гигантская социальная сеть, Myspace была в конечном итоге настигла своего главного конкурента, Facebook. Теперь она переименована в My_____ и ставит целью стать ведущим общественно-развлекательным центром, включающим в себя музыку, фильмы, знаменитостей, телевидение и игры, вдохновленные страстью фанатов. Приведенные ниже проекты были предприняты для старого Myspace, но все же замечательно посмотреть, что, по мнению дизайнера, должно быть в Myspace..
Концептуальный дизайн Автор: Рафаэль Оливейра
“Что если Myspace по умолчанию имеет более четкий, определенный и красивый интерфейс, но все же с возможностью персонализировать его, но более понятным способом? Это вопрос, который я задал себе, когда начал это, и он оказался классным проектом. Помимо визуального дизайна, я предложил некоторые улучшения юзабилити, основанные на контенте, который уже есть на сайте, и просмотре их карты сайта..”
Главная страница. (Источник изображения: Рафаэль Оливейра)
Меню каналов. (Источник изображения: Рафаэль Оливейра)
Страница фотографий. (Источник изображения: Рафаэль Оливейра)
Индивидуальная страница профиля. (Источник изображения: Рафаэль Оливейра)
Страница исполнителя. (Источник изображения: Рафаэль Оливейра)
Страница исполнителя - Индивидуальные. (Источник изображения: Рафаэль Оливейра)
Страница канала видео. (Источник изображения: Рафаэль Оливейра)
Обрабатывая более 1 миллиарда поисковых запросов по всему миру, Google является самым известным веб-сайтом на планете Земля. Он также известен как королевство, которое пытается доминировать в Интернете, создавая удобные для пользователя продукты, такие как Android, Gmail и Analytics. Поскольку в Google много первоклассных дизайнеров, работающих над дизайном своего веб-сайта, любая попытка редизайна является прямой проблемой для их дизайнеров. Интересно.
Концептуальный дизайн Автор: Крейг Ревилл
“Так как Google решил, возможно, немного изменить дизайн, я подумал о том, как я хочу видеть и использовать Google. Я не сходил с ума от значков или логотипа в основном потому, что дизайнеры иконок могли бы работать лучше, и мне нравится простой логотип. Любые отзывы приветствуются.”
Главная страница. (Источник изображения: Крейг Ревилл)
Страница результатов поиска. (Источник изображения: Крейг Ревилл)
Страница результатов поиска - 2nd Concept. (Источник изображения: Крейг Ревилл)
Страница результатов поиска изображений. (Источник изображения: Крейг Ревилл)
Концептуальный дизайн Автор: FloxDesign
Немного похоже на Bing, но более эпично. Искренне хочу, чтобы этот потрясающий дизайн был для моей главной страницы Google, пожалуйста..
Главная страница. (Источник изображения: FloxDesign)
YouTube
YouTube занимает 3-е место в мире и 4-е место по посещаемости сайта в США. Это веб-сайт для поиска, просмотра, загрузки и обмена видео. Большая часть контента была загружена частными лицами, но известные СМИ, такие как CBS, BBC, Vevo и Hulu, предоставили свои собственные видео в рамках партнерской программы YouTube. Вы рискуете изменить дизайн сайта, который просматривается более 2 миллиардов раз в день? Они сделали это.
Концептуальный дизайн Автор: Мишель Бирн
Гладкий редизайн, который подчеркивает больше о просмотре и обмене видео. К этому дизайну применяется уникальный подход, хотя пользовательский интерфейс немного похож на Vimeo. Великая попытка в любом случае.
Главная страница. (Источник изображения: Мишель Бирн)
Страница видео. (Источник изображения: Мишель Бирн)
Страница пользователя. (Источник изображения: Мишель Бирн)
Информация о видео. (Источник изображения: Мишель Бирн)
Рекомендуемое видео. (Источник изображения: Мишель Бирн)
Концептуальный дизайн Автор: Джош Колли
“Одна из моих самых больших неприятностей с YouTube за эти годы - это невозможность поиска других видео во время просмотра видео, а также чтения комментариев без прокрутки видео вверху экрана. Дизайн ниже пытается решить эту проблему, имея 3 отдельно прокручиваемых столбца, включая поиск, видео и комментарии.”
Главная страница. (Источник изображения: Джош Колли)
Страница пользователя. (Источник изображения: Джош Колли)
Концептуальный дизайн Автор: Thadeu Morgado
Редизайн эксперимента для главной страницы YouTube. Стиль почти такой же, за исключением того, что весь макет был реструктурирован, и добавлен большой, гладкий слайдер, чтобы больше внимания уделять избранным видео..
Главная страница. (Источник изображения: Thadeu Morgado)
Амазонка
Amazon вышел в онлайн в 1995 году, и теперь он стал многонациональной компанией электронной коммерции, которая содержит самый большой выбор книг, журналов, музыки, DVD-дисков, электроники, компьютеров, программного обеспечения, обуви, практически всего! Поскольку у них такой огромный бизнес, дизайнеры по всему миру ставят перед собой задачу улучшить дизайн, чтобы сделать его еще более красивым и, конечно же, удобным для пользователя..
Концептуальный дизайн Автор: Тревор Кливленд
“Я хотел исследовать три уникальные концепции для редизайна домашней страницы Amazon выше сгиба. Amazon является одним из ведущих сайтов онлайн-покупок, но их гибкий дизайн домашней страницы предназначен для мониторов с небольшими размерами, поэтому сайт выглядит очень быстро на гораздо более новых компьютерах с более высоким разрешением. Итак, я хотел бы представить три идеи, чтобы ускорить Amazon.”
Первая концепция - главная страница. (Источник изображения: Тревор Кливленд)
Первая Концепция - Меню. (Источник изображения: Тревор Кливленд)
Вторая концепция - главная страница. (Источник изображения: Тревор Кливленд)
Вторая концепция - меню. (Источник изображения: Тревор Кливленд)
Третья концепция - главная страница. (Источник изображения: Тревор Кливленд)
Третье понятие - меню. (Источник изображения: Тревор Кливленд)
Концептуальный дизайн Автор: Морис Киндерманн
Нет никакой попытки изменить дизайн, если в текущем дизайне нет никаких проблем, дизайн Мориса Киндерманна Amazon - лучший пример для этого случая. Разочарованный текущим дизайном Amazon, Морис изменил дизайн страницы, чтобы решить три конкретные проблемы: чрезмерно расширенное разрешение экрана, фрагментированный выбор при покупке и переполненный объем контента..
Главная страница. (Источник изображения: Морис Киндерманн)
IMDb
IMDb (Интернет-база данных фильмов), которая считается самым большим, лучшим и самым удостоенным наград киносайтом в мире, представляет собой онлайн-базу данных о фильмах, телевизионных шоу, актерах, съемочной группе, видеоиграх и вымышленных персонажах, представленных в визуальные развлекательные средства. Редизайн этого сайта таким образом, чтобы он эффективно отображал информацию, станет большой проблемой для веб-дизайнеров..
Концептуальный дизайн Автор: Владимир Кудинов
“Почему нет текущего дизайна IMDB? Это перегружено. Большое количество неструктурированной информации. Хотя большинство пользователей таких сайтов обращают внимание в основном на картинки, видео и многое другое.
Так что я сделал чистый и гладкий дизайн. Здесь пользователь получает экран, на котором есть информация о фильме: фотографии, актеры, трейлеры, сюжетная линия и многое другое. Ему не нужно крутить, вертеть, читать. Все что нужно - это смотреть на экран.”
Страница фильма. (Источник изображения: Владимир Кудинов)
Меню. (Источник изображения: Владимир Кудинов)
Всплывающий компонент игрока. (Источник изображения: Владимир Кудинов)
Верхняя панель. (Источник изображения: Владимир Кудинов)
Концептуальный дизайн Автор: Роб Хендрикс
“Нетрудно понять, почему нынешний веб-сайт IMDB так загроможден. Дело в том, что у них много контента. Правильная информационная архитектура была ключевой в изменении этого.”
Главная страница. (Источник изображения: Rob Atomic)
квадрат
С Foursquare пользователи могут поделиться своим текущим местоположением “проверка в” с помощью приложения для смартфона или SMS, добавление в закладки информации о местах и оставление соответствующих предложений о близлежащих местах. Местные торговцы также используют Foursquare для привлечения и удержания своих клиентов. Редизайн для Foursquare действительно сложен, так как это совершенно уникальный сервис, поэтому необходимы дополнительные исследования.
Концептуальный дизайн Автор: Клэй Паркер Джонс
Клэй Паркер Джонс считает, что карта - это отличное дополнение к пользовательской странице Foursquare, так как сервис ориентирован на местоположение. Нажатие на карту свернуло бы информативную статистику с 4 различными доступными представлениями. Другие дополнения к этой странице - это фиды, лайки, советы и предложения, почти как на обычной странице в социальной сети.!
Страница пользователя. (Источник изображения: exitcreative)
отражение
С дизайном это не имеет значения, каждому пользователю нужно время, чтобы адаптировать новый дизайн. Вопрос, как пользователь, хотите ли вы перейти на какой-либо из вышеперечисленных дизайнов, или у вас все хорошо с текущим дизайном? Считаете ли вы, что эти решения решают проблему пользовательского опыта? Я считаю, что эти дизайны созданы для того, чтобы получить ваше мнение, поэтому не стесняйтесь делиться тем, что вы о них думаете, каждое мнение имеет значение!
