18 Cool концептуальних дизайнів (Facelift) помітних веб-сайтів
Якщо зміст є королем, дизайн повинен бути королевою. Це смертельний вирішальний елемент успіху веб-сайту, оскільки він вирішує, яким чином вміст має бути структурованим і відображатися, а поганий дизайн просто руйнує досвід користувача, таким чином прирікаючи трафік сайту.
Часто ми, веб-дизайнер, граємо в торгову гру, поки ми розробляємо веб-сайт. Ми або торгуємо красою функціональності, або функціональністю для зручності читання, оскільки неможливо створити дизайн, який би радував усіх у кожному аспекті.
Отже, який дизайн краще? Веб-дизайнери люблять ставити це питання, а деякі навіть закликали себе грати в торгову гру краще за допомогою редизайн знаменитих сайтів, таких як Facebook і YouTube, таким чином формуючи потенційні проекти в цій вітрині. Краще або гірше, ви, як користувач вирішує це, насолоджуватися!
За його офіційною статистикою, Facebook обслуговував понад 500 мільйонів активних користувачів, на це витрачено 700 мільярдів хвилин. Для такого роду статистики буде дуже напружено розробляти веб-сторінку для неї. Можливо, з тієї самої причини, чому так багато дизайнерів ставили собі за мету переробити Facebook. Давайте розглянемо кілька великих спроб дизайнерів нижче:
Концепція дизайну Автор: Бартон Сміт
“Facebook Facelift - це самостійно ініційований проект для оскарження форми та функціональності Facebook. Це спрощений, структурований і лінійний інтерфейс, більш зрозумілий, що підвищує рівень користувацького досвіду та вміння вмісту.”
Головна сторінка. (Джерело зображення: Бартон Сміт)
Фотографії Сторінка. (Джерело зображення: Бартон Сміт)
Сторінки подій. (Джерело зображення: Бартон Сміт)
Сторінка контактів. (Джерело зображення: Бартон Сміт)
Сторінка сповіщень. (Джерело зображення: Бартон Сміт)
Концепція дизайну Автор: Інформаційні архітектори
Цей інноваційний дизайн народився з грудня 2006 року, а пізніше був адаптований до сучасних стандартів дизайну, щоб мати справедливе порівняння з поточним дизайном Facebook. Ідея полягала в тому, щоб створити поштове додаток з інтерфейсом, що містить розкладку 3 еластичних стовпців, яка чітко відокремлює фільтр, інформаційний потік і реакцію, які чітко пояснюються в їх публікації..
Головна сторінка. (Джерело зображення: інформаційні архітектори)
Концепція дизайну Автор: Джастін Дауер
“Однією з моїх основних завдань було переміщення інтерфейсу до більш презентації типу веб-програми. Facebook має щодня близько 175 мільйонів користувачів; всі повторювані завдання, притаманні такому використанню, сприяють такому підходу. Коли я перегортав цей редизайн, новий користувальницький інтерфейс, подібний до програми Twitter, був запущений і дав мені момент перевірки Stuart Smalley..”
Головна сторінка. (Джерело зображення: pseudoroom design)
Концепція дизайну Автор: Пітер Нолл
Дуже гладкий дизайн Петра Нолла. Графік значно покращився, щоб зробити весь сайт виглядає привабливим і перспективним. Інтерфейс також набагато більш чистий з приємною типографікою, що застосовується для хорошої читаності.
Головна сторінка. (Джерело зображення: Пітер Кнолл)
Концепція дизайну Автор: AndasoloARTS
Варіанти Facebook, зроблені AndasoloARTS, навіть продаються! Колірна схема досить схожа на дизайн Пітера Кнолла, але в цілому вона відрізняється дизайном. Знову дуже гладкий дизайн з мінімалізмом на увазі.
Головна сторінка. (Джерело зображення: AndasoloARTS)
Концепція дизайну Автор: Jonaska
Дизайн, натхненний дизайном Facebook від AndasoloARTS, теж унікальний! Мені подобається реалізація поділу статусу та вікна пошуку, дійсно добре продумана варіація.
Головна сторінка. (Джерело зображення: Jonaska)
Концепція дизайну Автор: Czarny-Design
Як щодо сексуального дизайну з закругленими кутами? Цілком унікальний підхід до дизайну для Facebook зі злегка зміненою колірною схемою?
Головна сторінка. (Джерело зображення: Czarny-Design)
Мій простір
Одного разу бегемот соціальних мереж, Myspace в кінцевому підсумку обігнав його головний конкурент, Facebook. Тепер ребрендований як My_____, він прагне стати провідним об'єктом соціальних розваг, який включає в себе музику, фільми, знаменитості, телебачення та ігри, що працюють від пристрасті шанувальників. Нижче були зроблені спроби для старого Myspace, але все ще дуже цікаво подивитися, що дизайнер вважає, що Myspace має бути.
Концепція дизайну Автор: Рафаель Олівейра
“Що робити, якщо Myspace мав більш чіткий, визначений і красивий інтерфейс за замовчуванням, але все ж таки з можливістю персоналізувати його, але в більш зрозумілий спосіб? Це питання я зробив сам, починаючи з цього, і він вийшов цікавим проектом. Крім візуального дизайну, я запропонував деякі поліпшення зручності використання, засновані на вмісті, який вже знаходиться на сайті, і переглядаючи їх карту сайту.”
Головна сторінка. (Джерело зображення: Рафаель Олівейра)
Меню Канали. (Джерело зображення: Рафаель Олівейра)
Фотографії Сторінка. (Джерело зображення: Рафаель Олівейра)
Індивідуальна сторінка профілю. (Джерело зображення: Рафаель Олівейра)
Сторінка виконавця. (Джерело зображення: Рафаель Олівейра)
Сторінка виконавця - налаштована. (Джерело зображення: Рафаель Олівейра)
Сторінка каналу відео. (Джерело зображення: Рафаель Олівейра)
Обробляючи понад 1 млрд. Пошукових запитів у всьому світі, Google є найвідомішим веб-сайтом на планеті Земля. Він також відомий як царство, яке намагається домінувати в Інтернеті, створюючи зручні для користувача продукти, такі як Android, Gmail і Analytics. Оскільки Google має безліч першокласних дизайнерів, що працюють над дизайном веб-сайту, будь-яка спроба перепроектування є прямим викликом для своїх дизайнерів. Цікаво.
Концепція дизайну Автор: Крейг Ревілл
“Оскільки Google вирішив, можливо, ре-дизайн речей трохи я думав, що я буду йти, як я хочу бачити і використовувати Google. Я не дивувався на ікони або логотип головним чином тому, що дизайнери іконок могли б краще працювати, і мені подобається такий простий логотип. Будь-який і всі відгуки оцінили.”
Головна сторінка. (Джерело зображення: Craig Reville)
Сторінка результатів пошуку. (Джерело зображення: Craig Reville)
Сторінка результатів пошуку - друга концепція. (Джерело зображення: Craig Reville)
Сторінка результатів пошуку зображень. (Джерело зображення: Craig Reville)
Концепція дизайну Автор: FloxDesign
Трохи схожий на Bing, але в більш епічний спосіб. З повагою хочу, щоб у кінцевому підсумку це було приголомшливо для моєї головної сторінки Google.
Головна сторінка. (Джерело зображення: FloxDesign)
YouTube
За рейтингом №3 у глобальному та № 4 трафіку на сайті США YouTube є веб-сайтом, який дозволяє виявляти, переглядати, завантажувати та обмінюватися відео. Більшість контенту були завантажені окремими особами, але відомі засоби масової інформації, як CBS, BBC, Vevo і Hulu, надавали свої відео в рамках партнерської програми YouTube. Чи можете ви реорганізувати сайт, який переглядається більше 2 мільярдів разів на день? Вони це зробили.
Концепція дизайну Автор: Мішель Бірн
Витончений редизайн, який більше підкреслює перегляд і обмін відео. До цього дизайну застосовано унікальний підхід, хоча інтерфейс користувача схожий на Vimeo. Втім, велика спроба.
Головна сторінка. (Джерело зображення: Мішель Бірн)
Сторінка відео. (Джерело зображення: Мішель Бірн)
Сторінка користувача. (Джерело зображення: Мішель Бірн)
Інформація про відео. (Джерело зображення: Мішель Бірн)
Рекомендоване відео. (Джерело зображення: Мішель Бірн)
Концепція дизайну Автор: Джош Коллі
“Одним з моїх найбільших труднощів з YouTube протягом багатьох років була нездатність шукати інші відео під час перегляду відео, а також читати коментарі, не маючи відео прокручування у верхній частині екрана. Нижче наведено спроби вирішити цю проблему за допомогою 3 окремо прокручуваних стовпців, включаючи пошук, відео та коментарі.”
Головна сторінка. (Джерело зображення: Джош Коллі)
Сторінка користувача. (Джерело зображення: Джош Коллі)
Концепція дизайну Автор: Thadeu Morgado
Редизайн експерименту для головної сторінки YouTube. Стиль майже такий же, за винятком того, що весь макет був реструктуризований, а великий, гладкий повзунок додано, щоб приділяти більше уваги призначеним відео.
Головна сторінка. (Джерело зображення: Thadeu Morgado)
Amazon
Amazon вийшла в Інтернет в 1995 році, і тепер вона стала багатонаціональною компанією електронної комерції, яка містить найбільший вибір книг, журналів, музики, DVD, електронних, комп'ютерних, програмних продуктів, взуття, практично все! Оскільки вони мають такий величезний бізнес, дизайнери в усьому світі ставлять собі за мету покращити дизайн, щоб зробити його ще більш красивим і, звичайно, зручним для користувача..
Концепція дизайну Автор: Тревор Клівленд
“Я хотів вивчити три унікальні концепції для редизайну домашньої сторінки Amazon вище рази. Amazon є одним з провідних торгових сайтів, але їхній рідкий дизайн домашньої сторінки встановлюється для розмірів моніторів з невеликими розмірами, залишаючи сайт дуже приємним на набагато нових комп'ютерах з більш високою роздільною здатністю. Так що я хотів представити три ідеї, щоб привести Amazon до швидкості.”
Перша концепція - головна сторінка. (Джерело зображення: Тревор Клівленд)
Перша концепція - меню. (Джерело зображення: Тревор Клівленд)
Друга концепція - головна сторінка. (Джерело зображення: Тревор Клівленд)
Друга концепція - меню. (Джерело зображення: Тревор Клівленд)
Третя концепція - головна сторінка. (Джерело зображення: Тревор Клівленд)
Третя концепція - меню. (Джерело зображення: Тревор Клівленд)
Концепція дизайну Автор: Моріс Кіндерманн
Немає жодної спроби редизайну, якщо в теперішньому дизайні не виникає жодних проблем, кращим прикладом для цього є дизайн дизайну Amazon Моріса Кіндермана. Розчарований поточним дизайном Amazon, Maurice переробив сторінку, щоб вирішити три особливі питання: розширене дозвіл екрану, фрагментарний варіант покупки і затоплений вміст.
Головна сторінка. (Джерело зображення: Maurice Kindermann)
IMDb
Стверджується, що він є найбільшим, найкращим, найбільш відзначеним фільмом на планеті, IMDb (Internet Movie Database) - це онлайнова база даних інформації, пов'язаної з фільмами, телевізійними шоу, акторами, персоналом виробничої групи, відеоіграми та вигаданими персонажами візуальні розважальні медіа. Перепроектування цього сайту таким чином, щоб вона ефективно відображала інформацію, стане великим викликом для веб-дизайнерів.
Концепція дизайну Автор: Володимир Кудінов
“Чому немає поточної конструкції IMDB? Він перевантажений. Велика кількість неструктурованої інформації. Хоча більшість користувачів таких сайтів звертають увагу на фотографії, відео та багато іншого.
Таким чином, я зробив чистий і гладкий дизайн. Тут користувач отримує екран, на якому є інформація про фільм: фотографії, актори, трейлери, сюжетну лінію тощо. Він не повинен крутити, крутити, читати. Все, що потрібно - це подивитися на екран.”
Сторінка фільму. (Джерело зображення: Володимир Кудінов)
Меню. (Джерело зображення: Володимир Кудінов)
Гравець спливаючого компонента. (Джерело зображення: Володимир Кудінов)
Верхня панель. (Джерело зображення: Володимир Кудінов)
Концепція дизайну Автор: Роб Хендрікс
“Не важко зрозуміти, чому поточний веб-сайт IMDB так завалений. Справа в тому, що вони мають багато змісту. Правильна інформаційна архітектура була ключовою у зміні цього.”
Головна сторінка. (Джерело зображення: Rob Atomic)
Foursquare
За допомогою Foursquare користувачі можуть ділитися своїм поточним розташуванням “перевірка” через додаток смартфона або SMS, закладка інформації про місця і залишення відповідних пропозицій про найближчі місця. Місцеві торговці також використовують Foursquare для залучення та утримання своїх клієнтів. Перепроектування Foursquare дійсно складно, оскільки це абсолютно унікальна послуга, тому потрібно більше досліджень.
Концепція дизайну Автор: Clay Parker Jones
Клей Паркер Джонс вважає, що карта - це справжнє доповнення до сторінки користувача Foursquare. Якщо натиснути на карті, це призведе до згортання інформативної статистики з 4 доступними видами. Інші додатки до цієї сторінки - це канали, улюблені поради, поради та пропозиції, подібно до звичайної сторінки соціальної мережі!
Сторінка користувача. (Джерело зображення: exitcreative)
Відображення
З дизайном не має значення, кожен користувач потребує часу, щоб адаптувати новий дизайн. Питання в тому, що ви, як користувач, бажаєте змінити будь-який з вищезазначених розробок, або ви добре працюєте з поточним дизайном? Чи вважаєте ви, що ці рішення вирішують проблему з користувачем? Я вважаю, що цей дизайн зроблений для того, щоб отримати вашу думку, тому не соромтеся поділитися своїми думками, кожна думка має значення!
