18 Reka Bentuk Konsep Cool (Facelift) Laman Web yang terkenal
Jika kandungan adalah raja, reka bentuk harus menjadi ratu. Ia adalah unsur penting yang mematikan untuk kejayaan laman web, kerana ia menentukan bagaimana kandungannya berstruktur dan dipaparkan, dan reka bentuk yang buruk hanya merosakkan pengalaman pengguna, sehingga membuat trafik laman web.
Selalunya kami pereka web harus bermain permainan perdagangan ketika kami merancang laman web. Kami sama ada keindahan perdagangan untuk fungsi, atau kefungsian untuk kebolehbacaan, kerana tidak mungkin menghasilkan reka bentuk yang menyenangkan semua orang dalam setiap aspek.
Jadi reka bentuk yang lebih baik kemudian? Pereka laman web suka bertanya soalan ini, dan ada yang mencabar diri mereka sendiri untuk bermain permainan dagangan dengan lebih baik dengan mengubah reka bentuk laman terkenal seperti Facebook dan YouTube, dengan itu membentuk reka bentuk yang berpotensi dalam pos pameran ini. Lebih baik atau lebih teruk, anda sebagai pengguna memutuskannya, nikmati!
Menurut statistik rasminya, Facebook telah berkhidmat lebih daripada 500 juta pengguna aktif, dengan 700 bilion minit dibelanjakan untuknya. Untuk statistik seperti ini, ia akan menjadi sangat tertekan untuk mereka bentuk laman web untuknya. Mungkin juga sebab yang sama mengapa begitu banyak pereka mencabar diri mereka untuk mereka bentuk semula Facebook. Mari kita lihat beberapa percubaan besar dari pereka di bawah:
Reka bentuk konsep Oleh: Barton Smith
“Facebook Facelift adalah projek yang dimulakan sendiri untuk mencabar bentuk dan fungsi Facebook. Antaramuka, linear tersusun dan berstruktur lebih mudah difahami, meningkatkan pengalaman pengguna dan menyerap keupayaan kandungan.”
Muka surat utama. (Sumber Imej: Barton Smith)
Halaman Foto. (Sumber Imej: Barton Smith)
Halaman Peristiwa. (Sumber Imej: Barton Smith)
Halaman Kenalan. (Sumber Imej: Barton Smith)
Halaman Pemberitahuan. (Sumber Imej: Barton Smith)
Reka bentuk konsep Oleh: Arkitek Maklumat
Reka bentuk inovatif ini dilahirkan dari Disember 2006 dan kemudian disesuaikan dengan piawaian reka bentuk kontemporari, untuk mendapatkan perbandingan yang adil dengan reka bentuk Facebook semasa. Idea ini adalah untuk mewujudkan aplikasi seperti mel dengan antara muka yang mengandungi susun atur 3 lajur elastik yang dengan jelas memisahkan penapis, aliran maklumat, dan tindak balas, yang jelas dijelaskan dalam catatan mereka.
Muka surat utama. (Sumber Imej: Arkitek Maklumat)
Reka bentuk konsep Oleh: Justin Dauer
“Salah satu matlamat utama saya adalah untuk memindahkan antara muka ke arah lebih banyak persembahan jenis aplikasi web. Facebook mempunyai sekitar 175 juta orang log masuk setiap hari; semua tugas berulang yang wujud dalam penggunaan sedemikian adalah kondusif kepada pendekatan ini. Apabila saya membungkus reka bentuk semula ini, UI seperti aplikasi baru Twitter dilancarkan, dan memberi saya seketika pengesahan seperti Stuart Smalley.”
Muka surat utama. (Sumber Imej: reka bentuk pseudoroom)
Reka bentuk konsep Oleh: Peter Knoll
Reka bentuk yang sangat anggun oleh Peter Knoll. Grafik ini bertambah baik untuk menjadikan keseluruhan tapak kelihatan menarik dan menjanjikan. Antara muka juga lebih bersih dengan typography yang baik digunakan untuk pembacaan yang baik.
Muka surat utama. (Sumber Imej: Peter Knoll)
Reka bentuk konsep Oleh: AndasoloARTS
Perubahan Facebook dilakukan oleh AndasoloARTS, malah mendapat jualan! Skema warna sangat mirip dengan reka bentuk Peter Knoll, tetapi secara keseluruhan ia adalah reka bentuk yang berbeza. Sekali lagi reka bentuk yang sangat rapi dengan minimalism dalam fikiran.
Muka surat utama. (Sumber Imej: AndasoloARTS)
Reka bentuk konsep Oleh: Jonaska
Reka bentuk yang diilhamkan dari reka bentuk Facebook AndasoloARTS, juga unik! Saya suka pelaksanaan perkongsian status dan kotak carian, satu perubahan yang direka dengan baik.
Muka surat utama. (Sumber Imej: Jonaska)
Reka bentuk konsep Oleh: Czarny-Design
Bagaimana pula dengan reka bentuk seksi dengan unsur-unsur sudut bulat? Pendekatan reka bentuk sepenuhnya unik untuk Facebook dengan skema warna yang sedikit berubah, bolehkah anda menerimanya?
Muka surat utama. (Sumber Imej: Czarny-Design)
Ruang saya
Setelah raksasa rangkaian sosial, Myspace akhirnya dipintas oleh pesaing utamanya, Facebook. Dikenali semula sebagai My_____ sekarang, ia bertujuan untuk menjadi destinasi hiburan sosial utama yang merangkumi muzik, filem, celeb, TV dan permainan, yang dikuasai oleh semangat peminat. Reka bentuk di bawah telah dicuba untuk Myspace lama, tetapi masih bagus untuk melihat apa perancang yang berfikir Myspace harus.
Reka bentuk konsep Oleh: Rafael Oliveira
“Bagaimana jika Myspace mempunyai antara muka yang lebih jelas, jelas dan indah secara lalai, tetapi masih dengan pilihan untuk memperibadikannya, tetapi dengan cara yang lebih mudah difahami? Itulah persoalan yang saya buat ketika memulakan ini, dan ia menjadi projek yang keren. Selain reka bentuk visual, saya mencadangkan beberapa peningkatan kebolehgunaan, berdasarkan kandungan yang sudah ada di laman web ini, dan melihat peta laman mereka.”
Muka surat utama. (Sumber Imej: Rafael Oliveira)
Menu Saluran. (Sumber Imej: Rafael Oliveira)
Halaman Foto. (Sumber Imej: Rafael Oliveira)
Halaman Profil Tersuai. (Sumber Imej: Rafael Oliveira)
Halaman artis. (Sumber Imej: Rafael Oliveira)
Halaman Artis - Disesuaikan. (Sumber Imej: Rafael Oliveira)
Halaman Saluran Video. (Sumber Imej: Rafael Oliveira)
Memproses lebih daripada 1 bilion permintaan carian di seluruh dunia, Google adalah laman web yang paling terkenal di planet Bumi. Ia juga dikenali sebagai kerajaan yang cuba menguasai internet dengan membina produk mesra pengguna seperti Android, Gmail dan Analytics. Memandangkan Google mempunyai banyak pereka terkemuka yang membuat reka bentuk laman web mereka, sebarang percubaan reka bentuk semula adalah satu cabaran langsung kepada pereka mereka. Menarik.
Reka bentuk konsep Oleh: Craig Reville
“Memandangkan Google telah memutuskan untuk mungkin membuat semula perkara-perkara sedikit, saya fikir saya akan pergi bagaimana saya mahu melihat dan menggunakan Google. Saya tidak pergi liar pada ikon atau logo terutamanya kerana pereka ikon boleh melakukan pekerjaan yang lebih baik dan saya suka logo seperti itu. Mana-mana dan semua maklum balas dihargai.”
Muka surat utama. (Sumber Imej: Craig Reville)
Halaman Keputusan Carian. (Sumber Imej: Craig Reville)
Halaman Keputusan Carian - Konsep ke-2. (Sumber Imej: Craig Reville)
Halaman Keputusan Carian Imej. (Sumber Imej: Craig Reville)
Reka bentuk konsep Oleh: FloxDesign
Sedikit seperti Bing, tetapi dengan cara yang lebih epik. Yang ikhlas saya ingin mempunyai reka bentuk yang paling hebat ini untuk halaman utama Google saya.
Muka surat utama. (Sumber Imej: FloxDesign)
Youtube
Peringkat no.3 di peringkat global dan no.4 di trafik laman web AS, YouTube adalah laman web untuk mencari, menonton, memuat naik dan berkongsi video. Kebanyakan kandungan telah dimuat naik oleh individu, tetapi media terkenal seperti CBS, BBC, Vevo dan Hulu telah menyediakan video mereka sendiri sebagai sebahagian daripada program perkongsian YouTube. Adakah anda berani untuk mengubah reka bentuk tapak yang dilihat lebih daripada 2 bilion kali sehari? Mereka berjaya.
Reka bentuk konsep Oleh: Michele Byrne
Reka bentuk semula yang anggun yang menekankan lebih banyak tentang tontonan dan perkongsian video. Pendekatan unik diterapkan pada reka bentuk ini, walaupun antara muka pengguna sedikit serupa dengan Vimeo. Percubaan hebat pula.
Muka surat utama. (Sumber Imej: Michele Byrne)
Halaman Video. (Sumber Imej: Michele Byrne)
Halaman Pengguna. (Sumber Imej: Michele Byrne)
Maklumat Video. (Sumber Imej: Michele Byrne)
Video yang disyorkan. (Sumber Imej: Michele Byrne)
Reka bentuk konsep Oleh: Josh Collie
“Salah satu keluhan terbesar saya dengan YouTube selama bertahun-tahun adalah ketidakupayaan untuk mencari video lain sambil menonton video, serta membaca ulasan tanpa video menatal dari bahagian atas skrin. Reka bentuk di bawah cuba untuk menyelesaikan masalah ini dengan mempunyai 3 lajur yang boleh ditukar secara berasingan termasuk carian, video & ulasan.”
Muka surat utama. (Sumber Imej: Josh Collie)
Halaman Pengguna. (Sumber Imej: Josh Collie)
Reka bentuk konsep Oleh: Thadeu Morgado
Percubaan semula reka bentuk untuk halaman utama YouTube. Gaya ini hampir sama, kecuali susun atur keseluruhan telah disusun semula, dan gelangsar yang besar, licin ditambahkan untuk memberi tumpuan lebih kepada video yang diketengahkan.
Muka surat utama. (Sumber Imej: Thadeu Morgado)
Amazon
Amazon pergi dalam talian pada tahun 1995 dan kini menjadi syarikat e-dagang multinasional yang mengandungi pilihan buku, majalah, muzik, DVD, elektronik, komputer, perisian, kasut, hampir segalanya! Kerana mereka mempunyai perniagaan yang begitu besar, pereka di seluruh dunia telah mencabar diri mereka untuk memperbaiki reka bentuk untuk menjadikannya lebih cantik dan tentunya mesra pengguna.
Reka bentuk konsep Oleh: Trevor Cleveland
“Saya ingin meneroka tiga konsep unik untuk reka bentuk semula laman utama Amazon di atas lipatan. Amazon adalah salah satu daripada laman web membeli-belah utama, tetapi reka bentuk laman web cecair mereka ditetapkan untuk saiz monitor dengan dimensi kecil, meninggalkan laman web ini kelihatan sangat gembira pada banyak komputer yang lebih baru dengan resolusi yang lebih tinggi. Jadi, saya ingin mempersembahkan tiga idea untuk membawa Amazon laju.”
Konsep Pertama - Halaman Utama. (Sumber Imej: Trevor Cleveland)
Konsep Pertama - Menu. (Sumber Imej: Trevor Cleveland)
Konsep Kedua - Laman Utama. (Sumber Imej: Trevor Cleveland)
Konsep Kedua - Menu. (Sumber Imej: Trevor Cleveland)
Konsep Ketiga - Laman Utama. (Sumber Imej: Trevor Cleveland)
Konsep Ketiga - Menu. (Sumber Imej: Trevor Cleveland)
Reka bentuk konsep Oleh: Maurice Kindermann
Tidak ada percubaan semula reka bentuk jika tiada masalah dalam reka bentuk semasa, reka bentuk Amazon Maurice Kindermann adalah contoh terbaik untuk kes ini. Kecewa dengan reka bentuk semasa Amazon, Maurice mendesain semula halaman ini untuk menyelesaikan tiga isu tertentu: resolusi skrin lebih lanjutan, pilihan pembelian berpecah dan jumlah kandungan yang dibanjiri.
Muka surat utama. (Sumber Imej: Maurice Kindermann)
IMDb
Tuntutan itu sendiri sebagai laman filem yang paling hebat, terbaik dan paling memenangi anugerah di planet ini, IMDb (Database Filem Internet) adalah pangkalan data maklumat dalam talian yang berkaitan dengan filem, rancangan televisyen, pelakon, kakitangan kru pengeluaran, permainan video dan watak-watak fiksyen yang dipaparkan dalam media hiburan visual. Merumuskan laman web ini dengan cara ia menunjukkan maklumat secara berkesan akan menjadi cabaran besar bagi pereka web.
Reka bentuk konsep Oleh: Vladimir Kudinov
“Kenapa tidak mempunyai reka bentuk IMDB semasa? Ia terlalu banyak. Maklumat yang tidak tersusun besar. Walaupun kebanyakan pengguna laman web tersebut memberi perhatian terutamanya kepada gambar, video dan banyak lagi.
Jadi saya membuat reka bentuk yang bersih dan anggun. Di sini, pengguna menerima skrin di mana terdapat maklumat mengenai filem ini: gambar, pelakon, treler, jalan cerita dan banyak lagi. Dia tidak perlu memutar, memutar, membaca. Apa yang diperlukan - ialah melihat skrin.”
Halaman Filem. (Sumber Imej: Vladimir Kudinov)
Menu. (Sumber Imej: Vladimir Kudinov)
Component Pop Up Player. (Sumber Imej: Vladimir Kudinov)
Panel Teratas. (Sumber Imej: Vladimir Kudinov)
Reka bentuk konsep Oleh: Rob Hendricks
“Tidak sukar untuk melihat mengapa laman web IMDB semasa begitu berantakan. Hakikatnya mereka mempunyai banyak kandungan. Senibina maklumat yang betul adalah penting dalam mengubahnya.”
Muka surat utama. (Sumber Imej: Rob Atomic)
Foursquare
Dengan Foursquare, pengguna dapat berkongsi lokasi semasa mereka dengan “semak masuk” melalui aplikasi telefon pintar atau SMS, menanda maklumat tentang tempat-tempat dan meninggalkan cadangan yang relevan mengenai tempat-tempat berdekatan. Peniaga tempatan juga menggunakan Foursquare untuk melibatkan diri dan mengekalkan pelanggan mereka. Mendesain semula untuk Foursquare sangat mencabar kerana ia adalah perkhidmatan yang sangat unik sehingga lebih banyak kajian diperlukan.
Reka bentuk konsep Oleh: Clay Parker Jones
Clay Parker Jones percaya peta adalah tambahan bagus kepada laman pengguna Foursquare kerana perkhidmatan ini adalah mengenai lokasi. Mengklik pada peta akan meruntuhkan statistik bermaklumat dengan 4 pandangan yang berbeza yang tersedia. Pengaya lain ke halaman ini adalah suapan, suka, petua dan cadangan, sama seperti halaman rangkaian sosial biasa!
Halaman Pengguna. (Sumber Imej: exitcreative)
Refleksi
Tidak kira dengan reka bentuk, setiap pengguna mengambil masa untuk menyesuaikan reka bentuk baru. Persoalannya, sebagai pengguna, adakah anda ingin menukar kepada mana-mana reka bentuk di atas, atau anda dengan reka bentuk semasa? Adakah anda rasa reka bentuk ini menyelesaikan isu pengalaman pengguna anda? Saya percaya reka bentuk ini dibuat untuk menerima pendapat anda, jadi berasa bebas untuk berkongsi apa yang anda fikirkan tentang mereka, setiap pendapat yang dikira!