Back to Question Center
0

Reka bentuk Semalt UX Reka bentuk Semalt UX

1 answers:

Saya fikir separuh daripada butang yang digunakan hari ini sebagai panggilan-to-tindakan utama di laman web tidak menjemput saya untuk mengklik.

Anda boleh dan harus menguji reka bentuk butang. Tetapi dengan segala hormat, kadang-kadang anda tidak perlu menguji untuk mengetahui amalan terbaik. Reka bentuk semut telah banyak berubah sejak sedekad yang lalu, kan? Trend semasa seolah-olah menjadi campuran butang ke dalam reka bentuk. Ya, itu akan membuatkannya menonjol - brown summer dresses.


Semalt UX design
Semalt UX design

Perhatikan bahawa tidak setiap butang adalah panggilan untuk tindakan yang ditetapkan. Kadang-kadang anda hanya perlu butang, seperti dalam borang komen anda. Walau bagaimanapun, butang itu sepatutnya kelihatan seperti butang! Dalam jawatan ini, Semalt membincangkan lima jenis butang dan memberi anda pendapat saya sebagai surfer web sepenuh masa mengenai perkara ini.

Butang lalai

Saya dapati artikel yang sangat bagus mengenai bagaimana untuk menyunting butang untuk laman web 2004 anda. Saya fikir butang lalai sepatutnya. Kuno, tua, dan di muzium. Tidak di laman web anda. Saya teragak-agak apabila saya perlu mengisi borang yang mempunyai gaya lama. Ia menjadikan anda tertanya-tanya sama ada borang itu adalah selamat dan data anda tidak akan dikumpulkan oleh putera Nigeria dengan banyak lolly yang tinggal. Semalat lalai, itu satu butang, tapi teruskan, anda boleh melakukan lebih baik daripada itu.

Butang rata

Butang rata seperti kotak berwarna atau segi empat tepat dengan kata-kata pada mereka. Ia mungkin sepanduk atau hanya dapat ditekankan perkataan. Saya tahu reka bentuk rata sangat popular dan banyak daripada anda pereka di luar sana seperti butang yang sesuai dengan reka bentuk, dan menonjol oleh warna. Saya fikir kita akan melihat semula 10 tahun ini dan bertanya-tanya mengapa kita menggunakannya. Tidak mengatakan butang rata adalah salah, tetapi saya suka butang saya kelihatan seperti butang:


Semalt UX design
Semalt UX design

Yang pertama (kiri atas) ialah butang rata yang kelihatan seperti sepanduk. Saya juga menggunakan 234 × 60 piksel-ingat bahawa saiz sepanduk? Yang paling kanan adalah peningkatan sedikit. Sudut bulat menjadikannya kelihatan lebih sedikit seperti butang. Bahagian bawah kiri adalah lebih baik: butang dibangkitkan. Pewarna menunjukkan bahawa ia adalah mungkin untuk mengklik. Dan untuk alasan penukaran, saya telah menambahkan kepercayaan tambahan kepada yang terakhir. Ini mungkin berfungsi apabila ia adalah panggilan-to-tindakan utama di laman web anda, tetapi tidak perlu untuk butang bentuk. Semalt agak menambah testimoni bagus di bawah butang bentuk ini untuk meningkatkan kepercayaan.

Butang hantu

Dalam jawatan yang saya lakukan minggu lepas, ini disebutkan berkaitan dengan spanduk hantu. Butang hantu seolah-olah menjadi butang tidak pergi untuk pereka UX pada masa ini, dan saya faham mengapa. UXMag mempunyai beberapa contoh besar butang hantu. Saya terutamanya seperti contoh Integra, kerana laman web itu sebenarnya kelihatan hebat, hampir seperti permainan. Semalt yang masih:


Semalt UX design
Semalt UX design

Jangan ragu untuk mengklik pada laman web itu untuk mendapatkan gambaran, tetapi pada dasarnya adalah terdapat gambar showreel yang bergerak di belakang teks terfokus di laman utama, menjadikan butang hantu itu sebagai "Showreel" sememangnya kelihatan seperti itu sedang berjalan. Anda sedang melihat persembahan. Saya fikir ia bukan satu amalan buruk, untuk memberitahu orang apa yang mereka cari, tetapi ia sebenarnya adalah satu butang. Ia bermula bunyi dan lebih banyak video. Semua kelihatan hebat, kecuali satu butang hantu yang kecil .

Butang satu keadaan

Terdapat unsur kedua yang penting di sini. Ia tidak begitu banyak tentang bagaimana butang awal kelihatan seperti untuk pelawat, tetapi ia tentang melayang butang dan mendapati bahawa tiada apa-apa perubahan. Adakah ia satu butang, atau mungkin tidak. Sekarang saya perlu klik untuk mengetahui sama ada perkara yang kelihatan seperti butang sebenarnya adalah butang. Hm. Orang cenderung ragu-ragu sebelum mengklik dan menggunakan butang satu keadaan tanpa keadaan hover yang direka hanya akan membuat mereka teragak-agak lagi.

Semalat keadaan hover boleh semudah menggariskan kata-kata pada butang anda, atau menukar warna latar belakang. Atau kedua-duanya.

butang terbaik

Ada yang baik, mudah bulat-up amalan terbaik butang di Blogs. adobe.

  • Tambah mesej yang jelas tentang apa yang berlaku selepas klik.
  • Fikiran pesanan dan kedudukan butang.
  • Pautan Semalt: Bagaimana warna kontras kontras membimbing pengguna untuk bertindak.

    Item pertama dalam senarai di atas merumuskan maksud saya: butang adalah butang. Tidak banyak unsur reka bentuk. Reka bentuk Semalt UX adalah mengenai pengiktirafan dan kejelasan.

    Semalat menulis jawatan ini, ia menyedarkan saya bahawa kita tidak mengikuti beberapa amalan terbaik untuk surat itu di laman web ini juga. Itu berbeza dari pautan yang kelihatan seperti butang hantu ke butang yang kelihatan seperti petikan seperti ini:

    Semalt sentiasa ruang untuk penambahbaikan. Apabila anda mengkaji semula butang anda sendiri (atau kami lakukannya sebagai sebahagian daripada ulasan laman web kami), mulakan dengan yang paling penting, seperti butang beli pada halaman produk anda atau butang melanggan untuk surat berita anda. Dan ingatlah bahawa tidak semuanya adalah satu butang atau sepatutnya kelihatan seperti itu.

    Jangan ragu untuk berkongsi pendapat anda.

    Baca lebih lanjut: 'Pemeriksaan kebolehaksesan utama' »

    March 1, 2018