Facebook mendesain ulang analisis mendalam tentang desain independen

Ada banyak yang harus dipelajari dengan mempelajari karya desainer lain. Ini berlaku untuk proyek profesional dan desain khusus untuk situs web yang ada. Situs besar seperti Facebook menyajikan pengalaman pengguna yang sangat khusus dengan beberapa elemen bagus, dan elemen tidak bagus lainnya. Dalam posting ini, saya ingin memeriksa desain ulang Facebook yang berbeda untuk menganalisis konsep antarmuka yang dapat meningkatkan pengalaman pengguna saat ini.

Saya telah menarik beberapa desain ulang FB khusus dari pengguna Dribbble, masing-masing dengan peningkatan spesifik dan elemen UI yang diperbarui. Pertimbangkan ide-ide ini untuk melihat bagaimana mereka terlihat, bagaimana mereka berfungsi, dan bagaimana mereka dapat mempengaruhi kegunaan jika diterapkan langsung di Facebook.

Halaman Profil yang Efisien

Desain ulang halaman profil ini berasal dari Haris Jusovic, seorang desainer dari wilayah Balkan di Eropa.

Dalam desain ini ia lebih fokus pada kesederhanaan dengan menyorot pemilik halaman dengan lebih foto tajuk terkemuka dan foto profil.

Pos waktu dapat disortir berdasarkan “baru” atau “populer” berdasarkan preferensi Anda. Ini besar untuk kegunaan, terutama setelah reaksi Twitter terhadap perubahan algoritma yang baru-baru ini diamanatkan.

Juga banyak tombol dengan tampilan lebih besar bantalan ekstra dan tipografi yang lebih besar. Karena Facebook dimaksudkan untuk bersifat interaktif, masuk akal untuk meningkatkan visibilitas item seperti tombol dan hyperlink.

Secara keseluruhan konsep ini terasa kompak dan lebih ringan di mengasapi. Akan menyenangkan untuk melihat Facebook menempatkan lebih banyak fokus pada elemen interaktif dan mungkin meningkatkan ukuran font mereka juga.

Timeline Multi-Kolom

Menuju tata letak kolom vertikal adalah desain ulang Alejandro Osorio. Layout ini mewakili tampilan timeline profil yang dilihat pengguna Facebook ketika mereka mengunjungi halaman profil pengguna.

Desainnya mencolok tetapi bisa membuat tidak nyaman bagi beberapa pengguna. Itu bergantung beberapa kolom halaman untuk diatur tautan profil pengguna, bersama dengan tampilan garis waktu posting terbaru. Semua warna dan elemen tetap sesuai dengan gaya desain Facebook. Ini tentu terasa seperti halaman timeline Facebook.

Tetapi beberapa elemen sidebar memang sedikit membingungkan. Misalnya, tombol hijau dengan tanda tambah tunggal tepat di samping a “mengikuti” tombol. Satu hanya menggunakan simbol, yang lain hanya teks. Ini terasa tidak sesuai dengan gaya desain dan info profil lainnya.

Yang paling saya sukai di sini adalah struktur data yang jelas dalam timeline. Semuanya diatur dengan jelas dan bahkan ada tautan sidebar untuk beralih antara posting terbaru dan posting populer.

Mendesain Ulang Konten-Padat

Situs web yang lebih besar seperti Facebook menangani lebih banyak data dan basis pengguna yang menginginkan akses mudah ke data itu. Dalam desain ulang beranda oleh MagicVoltage Anda akan menemukan satu fitur yang konsisten: banyak konten dijejalkan ke dalam satu tata letak halaman.

Beranda Facebook adalah tampilan garis waktu awal yang dilihat pengguna saat pertama kali mengunjungi situs web. Ini termasuk posting terbaru dari teman, daftar obrolan, permainan, iklan, dan info relevan lainnya seperti ulang tahun yang akan datang.

Kesibukan tata letak inilah yang membuatnya hebat dan berpotensi kontroversial. Memiliki semua konten ini di satu halaman membuatnya super mudah dinavigasi - setelah Anda benar-benar belajar di mana semuanya berada. Dan tautan ikon kiri atas cukup samar untuk mencegah siapa pun berinteraksi dengan mereka.

Namun untuk mempertahankan desain ini, ia menangani konten yang sangat padat. Ada banyak spasi putih antar elemen dan menjalankan desain empat kolom dengan cemerlang.

Navigasi yang produktif

Desain ulang Facebook 2.0 yang dibuat oleh Marcelo Silva ini sungguh menarik untuk dilihat. Tata letak demo-nya menampilkan beranda yang diperbarui dengan garis waktu dan kontak obrolan yang sebagian tersembunyi.

Bagian besar untuk desain ini adalah sistem navigasi berjenjang. Saya suka bagaimana ada nav primer dengan tautan ikon yang menampilkan tautan sekunder. Pada tangkapan layar di atas, pengguna memilih ikon profil yang memiliki tautan untuk menelusuri riwayat terkini dan mengedit profil.

Tidak seperti foto persegi tradisional Facebook, desain ulang Marcelo memilih foto lingkaran. Gaya ini ada di mana-mana di timeline dan daftar obrolan.

M Asisten & Daftar Aktivitas Terbaru

Ada banyak yang bisa dikatakan tentang desain ulang FB Steven McCabe. Faktanya, banyak area seperti game dan aktivitas terkini telah dirancang ulang sepenuhnya dengan facelift yang mengesankan.

Desain Steven adalah jauh lebih gelap dari skema warna Facebook saat ini. Saya suka ini karena ini membangun lebih banyak kontras antara sidebar dan konten halaman utama. Halaman muka Facebook saat ini memiliki sebagian besar konten ini, tetapi seiring waktu ia dapat berbaur dengan latar belakang.

Header masih menggunakan gelembung merah untuk menandakan notifikasi. Ada juga posting yang sedang tren dan umpan berita dengan kemampuan untuk memilah-milah aktivitas terbaru dari teman-teman di sidebar kanan.

Di bagian paling bawah Anda akan melihat kotak kecil untuk Facebook M, the setara dengan Siri untuk pengguna Facebook.

Fitur ini tidak mendapat banyak perhatian dalam mendesain ulang tetapi Steven benar-benar berusaha keras untuk membuat konsepnya benar-benar mewakili teknologi Facebook modern.

Tata Letak Timeline Empat Kolom

Berikut ini adalah desain ulang beranda 4-col lain yang dibuat oleh desainer Jepang Sho Kameya. Semua kolom ini span keseluruhan halaman, lebar dan tinggi.

Bilah sisi paling kiri menempatkan fokus berat pada tautan Facebook tradisional untuk permainan, aplikasi, halaman, sumber daya dev, dan item serupa lainnya. Berikutnya adalah kolom konten yang paling beragam di antara semua desain ulang. Ini tidak menyimpan tautan tradisional untuk memperbarui status / menambahkan foto tetapi malah menggunakan a pendekatan minimalis dengan opsi tersembunyi.

Dua bilah sisi kanan menyertakan semua yang lainnya dengan lebih banyak foto seperti avatar pengguna dan ikon game. Desain ini masih menyimpan semua pembaruan seperti ulang tahun, obrolan, dan rekomendasi teman.

Desain ini sangat beragam tetapi tetap setia pada inti fitur Facebook. Ini mungkin bukan desain ulang yang sempurna tetapi itu menunjukkan kemungkinan tata letak empat kolom.

UI Sederhana dengan Daftar Obrolan Gelap

Tujuan dari desain ulang Ben Hartley adalah kesederhanaan dan kehalusan. Tata letak menggunakan kombinasi konsep desain datar dengan beberapa bayangan di elemen halaman yang lebih besar.

Banyak barang bermerek tetap sama dan ia bergantung pada skema warna biru / abu-abu tradisional Facebook. Tetapi Anda akan melihat beberapa ikon telah dirancang ulang lebih kecil atau lebih sederhana (atau keduanya).

Layout ini juga bergantung pada avatar melingkar dan memberi banyak ruang untuk gambar yang dibagikan dengan posting. Saya sangat menikmati miliknya daftar obrolan yang diperbarui dengan skema warna yang lebih gelap dan ikon status yang lebih kecil.

Sementara desain ulang Ben masih terasa sedikit berantakan, itu terasa jauh lebih sederhana. Ini akan menjadi desain yang sulit untuk mengukur pengalaman pengguna tanpa studi UX di browser. Tapi sekilas sepertinya lebih mudah dijelajahi dan memberi lebih banyak ruang untuk mengkonsumsi konten garis waktu.

Bungkus

Meskipun contoh-contoh ini terutama berfokus pada Facebook, pelajaran yang dipetik dapat diterapkan ke situs web apa pun. Desain pengalaman pengguna yang hebat melampaui semua hambatan bahasa dan itu adalah bagian penting dari proses kreatif digital.

Jangan ragu untuk meminjam ide dari analisis ini dan bahkan menerapkan ide serupa dalam pekerjaan proyek Anda sendiri. Juga jika Anda menemukan desain ulang Facebook yang relevan, jangan ragu untuk membagikan komentar dengan analisis Anda sendiri.