18 Cool Concept Designs (Facelift) znanych stron internetowych
Jeśli treść jest królem, projekt powinien być królową. Jest to niezwykle ważny element sukcesu witryny, ponieważ decyduje o tym, jak treść ma być uporządkowana i wyświetlana, a zły projekt po prostu niszczy wrażenia użytkownika, a tym samym zmniejsza ruch w witrynie.
Często my, projektanci stron internetowych, gramy w grę handlową podczas projektowania strony internetowej. Handlujemy pięknem za funkcjonalność lub funkcjonalnością dla czytelności, ponieważ niemożliwe jest stworzenie projektu, który podoba się każdemu pod każdym względem.
Więc który projekt jest lepszy? Projektanci stron internetowych uwielbiają zadawać to pytanie, a niektórzy nawet rzucili wyzwanie, aby lepiej grać w grę handlową, przeprojektowując słynne witryny, takie jak Facebook i YouTube, tworząc w ten sposób potencjalne projekty w tej wystawie. Lepiej czy gorzej, ty, jako użytkownik, decydujesz, ciesz się!
Zgodnie z oficjalną statystyką Facebook obsłużył ponad 500 milionów aktywnych użytkowników, wydając na nie 700 miliardów minut. Dla tego rodzaju statystyk bardzo stresujące będzie zaprojektowanie strony internetowej. Może to być również ten sam powód, dla którego tak wielu projektantów wymagało przeprojektowania Facebooka. Przyjrzyjmy się kilku wspaniałym próbom wykonanym przez projektantów poniżej:
Projekt koncepcyjny Autor: Barton Smith
“Facebook Facelift to zainicjowany przez siebie projekt mający na celu zakwestionowanie formy i funkcjonalności Facebooka. Usprawniony, ustrukturyzowany i liniowy interfejs jest bardziej zrozumiały, poprawiając wrażenia użytkownika i wchłaniając treści.”
Strona główna. (Źródło obrazu: Barton Smith)
Zdjęcia na stronie. (Źródło obrazu: Barton Smith)
Strona wydarzeń. (Źródło obrazu: Barton Smith)
Strona kontaktów. (Źródło obrazu: Barton Smith)
Strona powiadomień. (Źródło obrazu: Barton Smith)
Projekt koncepcyjny Autor: Architekci informacji
Ten innowacyjny projekt narodził się od grudnia 2006 r., A później został dostosowany do współczesnych standardów projektowych, aby zapewnić uczciwe porównanie z obecnym projektem Facebooka. Pomysł polegał na stworzeniu aplikacji podobnej do poczty z interfejsem, który zawiera elastyczny układ 3 kolumn, który wyraźnie oddziela filtr, strumień informacji i reakcję, co jest wyraźnie wyjaśnione w ich poście.
Strona główna. (Źródło obrazu: Information Architects)
Projekt koncepcyjny Autor: Justin Dauer
“Jednym z moich głównych celów było przeniesienie interfejsu w stronę prezentacji typu aplikacji internetowej. Facebook ma codziennie około 175 milionów osób; wszystkie powtarzalne zadania związane z takim użytkowaniem sprzyjają tej formie podejścia. Kiedy zapakowałem tę przeprojektowaną wersję, uruchomiłem nowy interfejs użytkownika podobny do aplikacji, który dał mi chwilę sprawdzania poprawności Stuarta Smalleya.”
Strona główna. (Źródło obrazu: projekt pseudoroom)
Projekt koncepcyjny Autor: Peter Knoll
Bardzo elegancki design autorstwa Petera Knolla. Grafika jest znacznie ulepszona, aby cała strona wyglądała atrakcyjnie i obiecująco. Interfejs jest również znacznie czystszy dzięki ładnej typografii, która zapewnia dobrą czytelność.
Strona główna. (Źródło zdjęcia: Peter Knoll)
Projekt koncepcyjny Autor: AndasoloARTS
Odmiana na Facebooku wykonana przez AndasoloARTS, nawet zostaje sprzedana! Schemat kolorów jest bardzo podobny do projektu Petera Knolla, ale ogólnie jest to inny projekt. Ponownie bardzo elegancki design z myślą o minimalizmie.
Strona główna. (Źródło obrazu: AndasoloARTS)
Projekt koncepcyjny Autor: Jonaska
Projekt inspirowany projektem Facebooka AndasoloARTS, również wyjątkowy! Podoba mi się implementacja funkcji dzielenia się statusem i wyszukiwania, naprawdę dobrze zaprojektowana odmiana.
Strona główna. (Źródło zdjęcia: Jonaska)
Projekt koncepcyjny Autor: Czarny-Design
Co powiesz na seksowny design z zaokrąglonymi elementami narożników? Całkowicie unikalne podejście do projektowania Facebooka z nieco zmienioną kolorystyką, czy możesz to zaakceptować?
Strona główna. (Źródło obrazu: Czarny-Design)
Moja przestrzeń
Niegdyś gigant sieci społecznościowych, Myspace został ostatecznie wyprzedzony przez jego głównego konkurenta, Facebooka. Zmieniony na My_____, teraz ma stać się wiodącym miejscem rozrywki społecznej, obejmującym muzykę, filmy, gwiazdy, telewizję i gry, napędzanym pasją fanów. Poniższe projekty zostały wypróbowane dla starego Myspace, ale nadal dobrze jest spojrzeć na to, co według projektanta powinno być Myspace.
Projekt koncepcyjny Autor: Rafael Oliveira
“Co jeśli Myspace miał domyślnie bardziej przejrzysty, zdefiniowany i piękny interfejs, ale z możliwością personalizacji, ale w bardziej zrozumiały sposób? To jest pytanie, które zadałem sobie samemu, kiedy to rozpocząłem i okazało się, że to fajny projekt. Oprócz projektu wizualnego zaproponowałem kilka ulepszeń w zakresie użyteczności, opartych na treściach, które są już na stronie, i patrząc na ich mapę witryny.”
Strona główna. (Źródło zdjęcia: Rafael Oliveira)
Menu kanałów. (Źródło zdjęcia: Rafael Oliveira)
Zdjęcia na stronie. (Źródło zdjęcia: Rafael Oliveira)
Dostosowana strona profilu. (Źródło zdjęcia: Rafael Oliveira)
Strona artysty. (Źródło zdjęcia: Rafael Oliveira)
Strona wykonawcy - Dostosowana. (Źródło zdjęcia: Rafael Oliveira)
Filmy Strona kanału. (Źródło zdjęcia: Rafael Oliveira)
Przetwarzając ponad miliard żądań wyszukiwania na całym świecie, Google jest najbardziej znaną stroną na Ziemi. Jest również znany jako królestwo, które próbuje zdominować Internet, budując przyjazne dla użytkownika produkty, takie jak Android, Gmail i Analytics. Ponieważ Google ma wielu znakomitych projektantów pracujących nad projektem swojej strony internetowej, każda próba przeprojektowania jest bezpośrednim wyzwaniem dla ich projektantów. Ciekawy.
Projekt koncepcyjny Autor: Craig Reville
“Ponieważ Google postanowił trochę przeprojektować rzeczy, pomyślałem, że chciałbym zobaczyć, jak chcę widzieć i korzystać z Google. Nie zachwycałem się ikonami ani logo głównie dlatego, że projektanci ikon mogli wykonać lepszą pracę, a ja lubię takie proste logo. Wszelkie opinie są mile widziane.”
Strona główna. (Źródło zdjęcia: Craig Reville)
Strona wyników wyszukiwania. (Źródło zdjęcia: Craig Reville)
Strona wyników wyszukiwania - 2. koncepcja. (Źródło zdjęcia: Craig Reville)
Strona wyników wyszukiwania obrazów. (Źródło zdjęcia: Craig Reville)
Projekt koncepcyjny Autor: FloxDesign
Trochę jak Bing, ale w bardziej epicki sposób. Z poważaniem, chcę mieć ten niesamowity projekt mojej głównej strony Google.
Strona główna. (Źródło obrazu: FloxDesign)
Youtube
Miejsce nr 3 na globalnym i 4 miejsce w amerykańskim ruchu na stronach, YouTube to witryna do odkrywania, oglądania, przesyłania i udostępniania filmów. Większość treści została przesłana przez osoby prywatne, ale znane media, takie jak CBS, BBC, Vevo i Hulu, dostarczyły własne filmy w ramach programu partnerskiego YouTube. Czy odważysz się przeprojektować witrynę oglądaną ponad 2 miliardy razy dziennie? Zrobili to.
Projekt koncepcyjny Autor: Michele Byrne
Elegancki projekt, który podkreśla więcej na temat oglądania i udostępniania wideo. W tym projekcie zastosowano unikalne podejście, choć interfejs użytkownika jest nieco podobny do Vimeo. I tak świetna próba.
Strona główna. (Źródło zdjęcia: Michele Byrne)
Strona wideo. (Źródło zdjęcia: Michele Byrne)
Strona użytkownika. (Źródło zdjęcia: Michele Byrne)
Informacje o wideo. (Źródło zdjęcia: Michele Byrne)
Zalecane wideo. (Źródło zdjęcia: Michele Byrne)
Projekt koncepcyjny Autor: Josh Collie
“Jedną z moich największych przeszkód w YouTube na przestrzeni lat była niemożność wyszukiwania innych filmów podczas oglądania wideo, a także czytania komentarzy bez przewijania wideo na górze ekranu. Poniższy projekt próbuje rozwiązać ten problem, mając 3 osobno przewijane kolumny, w tym wyszukiwanie, wideo i komentarze.”
Strona główna. (Źródło zdjęcia: Josh Collie)
Strona użytkownika. (Źródło zdjęcia: Josh Collie)
Projekt koncepcyjny Autor: Thadeu Morgado
Eksperyment dotyczący przeprojektowania strony głównej YouTube. Styl jest prawie taki sam, z wyjątkiem tego, że cały layout został zrestrukturyzowany, a duży, elegancki suwak został dodany, aby skupić się na polecanych filmach.
Strona główna. (Źródło obrazu: Thadeu Morgado)
Amazonka
Amazon wszedł do Internetu w 1995 roku i teraz stał się międzynarodową firmą handlu elektronicznego, która zawiera największy wybór książek, czasopism, muzyki, DVD, elektroniki, komputera, oprogramowania, butów, praktycznie wszystkiego! Ponieważ mają tak ogromny biznes, projektanci na całym świecie rzucają wyzwanie ulepszaniu projektu, aby był jeszcze piękniejszy i bardziej przyjazny dla użytkownika.
Projekt koncepcyjny Autor: Trevor Cleveland
“Chciałem zbadać trzy unikalne koncepcje przeprojektowania strony głównej Amazon powyżej zakładki. Amazon jest jedną z wiodących witryn zakupów online, ale ich płynny projekt strony internetowej jest ustawiony na rozmiary monitorów o niewielkich wymiarach, dzięki czemu strona wygląda bardzo dobrze na znacznie nowszych komputerach o wyższych rozdzielczościach. Chciałem więc przedstawić trzy pomysły, które pozwolą Amazonowi przyspieszyć.”
Pierwsza koncepcja - strona główna. (Źródło obrazu: Trevor Cleveland)
Pierwsza koncepcja - menu. (Źródło obrazu: Trevor Cleveland)
Druga koncepcja - strona główna. (Źródło obrazu: Trevor Cleveland)
Druga koncepcja - menu. (Źródło obrazu: Trevor Cleveland)
Trzecia koncepcja - strona główna. (Źródło obrazu: Trevor Cleveland)
Trzecia koncepcja - menu. (Źródło obrazu: Trevor Cleveland)
Projekt koncepcyjny Autor: Maurice Kindermann
Nie ma próby przeprojektowania, jeśli nie ma problemu w obecnym projekcie, najlepszym przykładem na to jest projekt Amazon Maurice Kindermann. Rozczarowany obecnym projektem Amazon, Maurice przeprojektował stronę, aby rozwiązać trzy szczególne problemy: nadmierna rozdzielczość ekranu, rozdrobniona opcja zakupu i zalana ilość treści.
Strona główna. (Źródło zdjęcia: Maurice Kindermann)
IMDb
IMDb (Internet Movie Database) jest największą, najlepiej nagradzaną witryną filmową na świecie. Jest to internetowa baza danych zawierająca informacje na temat filmów, programów telewizyjnych, aktorów, personelu ekipy produkcyjnej, gier wideo i fikcyjnych postaci z filmu nośniki rozrywki wizualnej. Przeprojektowanie tej strony w sposób, który skutecznie pokazuje informacje, będzie wielkim wyzwaniem dla projektantów stron internetowych.
Projekt koncepcyjny Autor: Vladimir Kudinov
“Dlaczego nie masz aktualnego projektu IMDB? Jest przeciążony. Duża ilość nieustrukturyzowanych informacji. Podczas gdy większość użytkowników takich stron zwraca uwagę głównie na zdjęcia, filmy i wiele innych.
Zrobiłem więc czysty i elegancki wygląd. Tutaj użytkownik otrzymuje ekran, na którym znajdują się informacje o filmie: zdjęcia, aktorzy, zwiastuny, fabuła i wiele innych. Nie musi się przekręcać, kręcić, czytać. Wszystko, co jest potrzebne - to spojrzenie na ekran.”
Strona filmowa. (Źródło zdjęcia: Vladimir Kudinov)
Menu. (Źródło zdjęcia: Vladimir Kudinov)
Składnik odtwarzacza. (Źródło zdjęcia: Vladimir Kudinov)
Górny panel. (Źródło zdjęcia: Vladimir Kudinov)
Projekt koncepcyjny Autor: Rob Hendricks
“Nietrudno zrozumieć, dlaczego obecna strona IMDB jest tak zaśmiecona. Faktem jest, że mają DUŻO treści. Właściwa architektura informacji była kluczem do zmiany tego.”
Strona główna. (Źródło obrazu: Rob Atomic)
Foursquare
Dzięki Foursquare użytkownicy mogą udostępniać swoją aktualną lokalizację przez “odprawa” za pomocą aplikacji na smartfona lub SMS-a, dodawanie informacji o miejscach i pozostawienie odpowiedniej sugestii na temat pobliskich miejsc. Lokalni kupcy wykorzystują również Foursquare do angażowania i zatrzymywania swoich klientów. Przeprojektowanie Foursquare jest naprawdę trudne, ponieważ jest to całkowicie unikalna usługa, więc potrzeba więcej badań.
Projekt koncepcyjny Autor: Clay Parker Jones
Clay Parker Jones uważa, że mapa jest naprawdę fajnym dodatkiem do strony użytkownika Foursquare, ponieważ usługa dotyczy lokalizacji. Kliknięcie mapy spowoduje zwinięcie statystyk informacyjnych z 4 różnymi dostępnymi widokami. Inne dodatki na tej stronie to kanały, polubienia, porady i sugestie, bardzo podobne do zwykłej strony sieci społecznościowej!
Strona użytkownika. (Źródło obrazu: exitcreative)
Odbicie
Projekt nie ma znaczenia, każdy użytkownik potrzebuje czasu, aby dostosować nowy projekt. Pytanie brzmi, czy jako użytkownik chcesz zmienić na dowolny z powyższych projektów, czy jesteś dobry w obecnym projekcie? Czy uważasz, że te projekty rozwiązują problem z użytkowaniem? Wierzę, że te projekty zostały stworzone po to, aby otrzymać twoją opinię, więc nie krępuj się podzielić tym, co o nich myślisz, każda opinia się liczy!