Приклади грамотного редизайну сайтів
Зміст статті:
Тенденції у світі дизайну змінюються дуже швидко, і тому сайти, які колись вважалися зразком для наслідування, згодом втрачають колишню привабливість і виглядають застарілими.
Іноді змінюється напрямок діяльності компанії, її пріоритети, а це в результаті призводить до того, що сайт, створений кілька років тому, більше не відображає суть і цілі компанії. У випадку з застарілим дизайном проблема вирішується простою модернізацією.
Якою б не була причина, яка змусила вас замислитись про косметичний ремонт сайту, ми дамо вам кілька підказок.
Стара версія Digg схожа на список, що складається із посилань синього кольору.
Оновлена версія Digg більше нагадує електронний журнал.
Після запуску V4 - чергової версії дизайну - сайт Digg різко впала відвідуваність. Зрештою компанія Betaworks придбала сайт Digg та здійснила тотальний редизайн.
Новий вигляд сайту виглядає привабливішим, нагадуючи собою журнал, а не перелік посилань. Також варто відзначити покращену навігацію по сайту та підвищення юзабіліті загалом.
Стара версія головної сторінки Spotify є демонстрацією продукту.
Оновлена головна сторінка виглядає емоційніше.
Музичний стрімінг-додаток Spotify став настільки популярним (частково цьому сприяла інтеграція у Facebook), що головній сторінці його сайту були потрібні суттєві зміни. Раніше на головній сторінці розміщувалася інформація про те, що є Spotify і як воно працює.
Старий дизайн Mashnable.
У новому дизайні Mashable простір використовується практично.
Використання 3-колонкової розкладки та розширеного вікна дозволяє використовувати наявний простір з більшою користю.
The Next Web
Стара версія The Next Web слідувала формату типового блогу.
У новій версії сайт нагадує журнал.
Як і Mashable, IT-блог The Next Web оновив свій зовнішній вигляд. Він став наочнішим, а простір використовується з більшою практичністю. Тепер цей сайт можна легко переглядати на пристроях з маленьким екраном.
Стара версія MySpace виглядала дуже посередньо.
Намагаючись повернути інтерес користувачів, які вважали за краще перейти на Facebook, команда MySpace витратила купу часу та зусиль на оновлення дизайну свого сайту. Новий дизайн виглядає більш видовищно.
Завдяки збільшенню простору, відведеного під публікацію статусів та фотографій, зросла функціональність сайту. Також була покращена навігація, що робить сайт зручнішим для використання.
Grooveshark
На головній сторінці старої версії Grooveshark потрібно було ввести назву групи, щоб розпочати пошук.
Новий Grooveshark приділяє більшу увагу музичним течіям.
Grooveshark, музичний стрімінг-сайт, який конкурує зі Spotify, нещодавно оновив свій дизайн. Тепер новим відвідувачам не важко знайти потрібну музику. У колишньому варіанті увага приділялася тому, як працює додаток - кожен етап супроводжувався інструкціями.
Крім того, користувач повинен був відразу вказати в пошуковому рядку назву групи чи ім'я виконавця, чию музику він хотів прослухати. У новій версії немає анотацій (частково тому, що інтерфейс говорить сам за себе), і основна увага приділяється пошукумузики.
Тепер користувачеві не потрібно ламати голову над назвою групи чи ім'ям виконавця. На головній сторінці оновленого Grooveshark користувачі бачать добірку треків, що згрупована за жанрами, тоді як рядок пошуку перемістився ближче до заголовка.
Новий дизайн спрямований на досягнення зовсім іншої мети, ніж раніше. Тим, хто прийшов на сайт вперше, легко розібратися в принципі його роботи.