Cara Membuat Website Atau Blog Pada Tahun 2020 - Panduan Gratis Dan Mudah Untuk Membangun Website

Cara membawa UX Anda ke tingkat berikutnya: desain yang lebih bijaksana dan berkelanjutan

Ketika Anda memikirkan UX, Anda mungkin berpikir tentang bagaimana produk Anda memberikan jawaban praktis mengapa, apa, dan bagaimana hal itu mendorong pengguna untuk berinteraksi dengannya. Singkatnya, UX menciptakan produk yang dibutuhkan pelanggan Anda (untuk menyelesaikan tugas tertentu), memahami (melalui fungsinya) dan menyukainya (untuk kejelasan dan kesenangannya).

Melalui masing-masing tahapan ini dalam perjalanan pengguna, konten situs web atau aplikasi mereka harus meyakinkan, membimbing, dan menyenangkan pelanggan mereka. Untuk mencapai hal ini, UX Anda harus memanfaatkan sepenuhnya sejumlah konsep dan cara berkomunikasi dengan penggunanya.

1. Desain adalah bahasa visual produk Anda.

Gambar Dreamstime

Ketika Anda berbicara dengan seseorang, Anda secara naluriah menggunakan kata-kata terbaik dalam kosakata Anda untuk menyampaikan ide dan emosi Anda. Juga, secara umum, Anda melakukan yang terbaik untuk berbicara dengan cara yang mungkin dipahami pasangan Anda. Itu berarti menggunakan kosakata umum dan mengadaptasi nada dan pilihan kata Anda dengan konteks di mana Anda berdua.

Melalui proses ini, Anda benar-benar membentuk dan membangun koneksi. Itu sama dengan desain Anda. Setiap komponen antarmuka visual Anda adalah kata, gerakan, atau ekspresi wajah dalam percakapan Anda dengan pengguna Anda yang sebenarnya atau potensial.

Menentukan siapa produk Anda dan konsisten tentang hal itu penting untuk menarik audiens target Anda dan menjaga audiens itu tetap terlibat dengan Anda. Untuk ini, ia memiliki merek yang jelas dan terus-menerus menegaskan kembali dan mengembangkannya. Sama seperti dalam hubungan yang sehat, berkomunikasi melalui desain Anda adalah perjalanan yang konstan dan bukan hanya interaksi satu kali.

2. Gambar adalah apa yang Anda katakan ketika Anda tidak menulis.

Gambar Dreamstime

Dari halaman beranda Anda (setara dengan "Halo, saya …") ke halaman sekunder Anda dan mengikuti antarmuka produk Anda, gambar yang menyertai konten tertulis atau interaktif memiliki pengaruh besar pada pernyataan umum Anda.

Gambar di bagian tajuk membantu Anda membuat kesan pertama yang solid, sama seperti gambar yang tertanam di seluruh konten pada halaman tertentu membantu Anda mengonfirmasi tayangan itu dan juga menawarkan jeda baca cepat untuk pengunjung Anda. Gambar yang cerah dan menghibur (karena kita cenderung merasa bahwa gambar yang kuat mencerminkan kekuatan dalam merek kami dan semua orang menginginkan mitra yang kuat, bukan?), Anda perlu menjauh dari ide itu untuk sementara waktu dan memikirkan kembali strategi visual Anda.

Apakah gambar itu benar-benar selaras dengan siapa Anda dan, sama pentingnya, siapa pelanggan Anda? Apakah Anda menggunakan warna-warna berani saat menjual produk yang halus? Apakah Anda mengisi situs web Anda dengan gambar bertema industri saat Anda menjual asuransi jiwa? Mungkin Anda memilih komposisi yang kompleks dan metaforis ketika pembeli utama Anda sedang terburu-buru? Juga pertimbangkan dampak gambar Anda terhadap konten lainnya. Apakah Anda melanggar keseimbangan antara konten tertulis Anda, komponen interaktif Anda (formulir, tombol) dan gambar Anda? Apa tujuan akhir situs web Anda?

Selalu menilai apakah ada salah satu komponen desain Anda yang mendominasi yang lain atau bahkan berpotensi menyabotase tujuan akhir mereka (seperti gambar yang tidak proporsional yang dapat membuat tombol "Hubungi kami" tidak terlihat). Pertimbangkan jenis dan frekuensi gambar Anda dan fokus untuk menjaga komunikasi dengan pengguna Anda mudah diikuti dan konsisten (tanpa berteriak melalui foto berhenti tanda 2000x2000px) Gambar Anda juga harus efektif secara fungsional. secara emosional.

Ingatlah bahwa desain Anda tidak hanya harus mewakili siapa Anda (atau yang ingin dianggap), tetapi juga empati dan mencerminkan orang-orang yang Anda coba bantu melalui produk atau layanan Anda. Desain adalah dialog, bukan monolog.

Untungnya untuk dekade kami, kualitas dan keragaman perpustakaan foto stok memungkinkan untuk menemukan sumber daya apa pun yang Anda butuhkan untuk membangun identitas dan suara Anda dengan cara yang benar.

3. Produk Anda harus dapat diakses oleh semua orang.

Gambar Dreamstime

Ketika web berevolusi dan jangkauan internet menjangkau planet ini, pemirsa potensial tumbuh dan beragam. Orang-orang dari semua latar belakang dan budaya bergabung dalam percakapan dan Anda harus merencanakan desain Anda untuk menjaga saluran tetap terbuka untuk banyak jenis pengguna.

Ada banyak pembicaraan tentang aksesibilitas dalam beberapa tahun terakhir dan semakin banyak merek yang membangun atau membangun kembali situs web dan produk mereka agar inklusif untuk berbagai kebutuhan yang berbeda.

Konsorsium World Wide Web (W3C) memiliki banyak standar khusus untuk memandu Anda dalam menciptakan pengalaman pengguna yang dapat diakses. Berikut adalah beberapa rekomendasi dasar yang perlu diingat untuk desain Anda:

● kejelasan gambar

Kualitas gambar yang ada di situs web atau di dalam aplikasi harus selalu tinggi. Ini tidak hanya menjawab kebutuhan pengguna dengan berbagai kondisi tampilan, tetapi juga memberi Anda fleksibilitas untuk menyesuaikan konten ke berbagai jenis perangkat dan ukuran layar.

Pustaka foto stok dapat membantu Anda mengelola ini dengan gambar mulai dari ukuran terkecil (pikirkan 480x200px dan 72dpi) hingga kualitas retina penuh (lebih dari 4000px atau 5000px dan 300dpi).

● Kontras yang dapat dibaca

Apakah itu bagian teks biasa atau Anda menambahkan teks di atas gambar, selalu pertimbangkan untuk memberikan informasi utama Anda kontras yang tepat dengan latar belakangnya.

Anda dapat memeriksa rasio kontras yang direkomendasikan yang dipromosikan oleh W3C, tergantung pada jenis teks:

  • Teks kecil – gunakan rasio kontras minimal 4,5: 1 dengan latar belakang
  • Teks besar (Berarti ukuran mulai dari 14 poin tebal / 18 poin reguler): gunakan rasio kontras minimal 3: 1 terhadap latar belakang

Pilih warna pelengkap untuk teks dan gambar Anda dan cukup gunakan pencarian yang difilter di perpustakaan foto untuk menemukan gambar yang paling cocok.

● Gunakan subtitle

Ini adalah saran yang sehat bukan hanya untuk keperluan SEO atau sebagai solusi cadangan ketika terjadi kesalahan tampilan. Ini terutama merupakan persyaratan aksesibilitas bagi tunanetra, yang akan mengakses konten mereka menggunakan pembaca layar. Untuk membantu mereka memahami informasi Anda dan menggunakan produk Anda, pastikan untuk menyertakan teks alternatif atau judul untuk setiap gambar (atau setidaknya yang paling penting).

4. Tidak apa-apa untuk memiliki kepribadian multi-faceted.

Gambar Dreamstime

Beberapa orang yang paling menarik di dunia menampilkan kepribadian yang kompleks, dengan aspek multi-warna daripada tipologi linier. Hal ini juga diketahui terjadi pada merek, besar atau kecil.

Bergantung pada acara, waktu perjalanan pengguna, atau media di mana mereka berkomunikasi dengan audiens mereka, sangat keren untuk menggunakan lebih dari satu jenis elemen visual. Dengan kata lain, tidak ada masalah atau kontradiksi jika Anda ingin menggabungkan foto, ilustrasi, animasi dan infografis di situs web yang sama.

Bahkan, banyak desainer menggunakan kombinasi elemen dan hanya ada satu hal yang sangat penting yang menarik garis antara campuran yang baik dan yang dijalankan dengan buruk: niat.

Niat berarti bahwa Anda merancang dengan mengingat bahwa setiap elemen yang ada di situs web Anda atau dalam aplikasi Anda harus relevan dan berguna untuk tujuan tertentu. Jangan menambahkan gambar atau ilustrasi hanya untuk mengisi bagian yang kosong (dan berisiko menarik perhatian pengguna ke informasi produk), dan jangan memposting infografis hanya karena itu adalah hal yang populer. Selalu selaraskan gambar Anda dengan merek Anda.

Gunakan setiap item untuk membuat percakapan berjalan dengan pengguna Anda dan membuat mereka tetap terlibat dalam perjalanan penemuan produk mereka.

Dan sebagai aturan umum, inilah yang kami sarankan untuk menggunakan 3 aset visual paling populer:

  • Foto-foto – Mereka benar-benar bersinar ketika digunakan untuk menyorot fitur produk (tergantung pada jenis produk), untuk menyajikan entitas tertentu (seperti anggota tim Anda), atau untuk menyajikan acara dan cerita.
  • Ilustrasi – Mereka luar biasa ketika digunakan untuk menyajikan konsep atau metafora dan sebagai interaksi mikro (tombol think, toggle, state kosong). Mereka juga merupakan pilihan yang sempurna untuk layar aplikasi karena dapat menambah kesenangan tanpa mengganggu pengalaman pengguna.
  • Sumber – Ya, sumber juga sumber daya visual. Dan mereka akan membuat atau menghancurkan percakapan Anda dengan pengguna Anda, secara harfiah (double pun). Font juga berfungsi berpasangan dan ada rekomendasi umum bahwa Anda hanya boleh menggunakan 3 atau 4 dalam tata letak yang diberikan. Anda tentu dapat menggunakan font yang berbeda untuk teks utama, tajuk utama, dan overlay teks, tetapi pastikan semuanya diselaraskan, dapat dibaca, dan efisien di beberapa layar.

Dan sama seperti gambar harus menyoroti konten tertulis Anda, sumber harus bertindak sebagai suara yang jernih untuk informasi Anda.

Apakah Anda mencari sumber daya untuk diintegrasikan ke dalam desain merek Anda atau mencari gambar tertentu untuk kampanye atau acara, perpustakaan foto stok sekarang menawarkan semua jenis aset: foto, ilustrasi, font, video, elemen antarmuka pengguna dan masih banyak lagi. Yang Anda butuhkan adalah "strategi pembelian".

5. Jaga agar suara merek Anda otentik saat berbicara di depan umum.

Gambar Dreamstime

Jadi, kami telah berbicara tentang bagaimana membangun desain Anda di domain atau produk Anda sendiri. Tapi itu juga akan sering meninggalkan wilayahnya untuk menarik khalayak yang lebih luas – di media sosial, forum, blog, situs web pihak ketiga.

Desain Anda harus diperluas dan disesuaikan untuk memenuhi kesempatan ini. Konten sosial bermerek telah menjadi keharusan selama bertahun-tahun dan itu tren yang mungkin tidak akan kita lihat berubah dalam waktu dekat. Apa yang berubah, dalam 2 tahun terakhir, adalah format yang disukai publik untuk konten sosial. Konten Ephemeral, khususnya cerita (di Instagram, Facebook atau YouTube) sekarang merupakan jenis konten sosial yang paling banyak dikonsumsi dan paling efisien.

Dan karena karakternya atas nama (sementara), terus-menerus menghasilkan konten yang sangat halus untuk saluran media sosial dapat dengan cepat menjadi beban keuangan yang berat.

Sekali lagi, ada solusi sederhana dan sangat efisien untuk tantangan ini: stok foto, video, dan templat. Yang harus Anda lakukan adalah fokus pada pesan Anda yang sebenarnya dan tetap konsisten dengan desain dan suara Anda.

Pada akhirnya, pengalaman pengguna adalah proses yang berkelanjutan. Itu tumbuh dan berubah dengan produk Anda dan audiens Anda, berkembang ketika Anda belajar lebih banyak tentang pelanggan Anda dan dengan membangun atau membangun kembali fitur dan antarmuka. Desainnya juga dapat berubah, untuk beradaptasi dengan audiens baru atau merek baru. Namun, yang harus tetap konstan adalah dialognya dengan penggunanya dan fleksibilitasnya.

Saat Anda merancang pengalaman pengguna, Anda memengaruhi waktu, emosi, dan hasil yang diinvestasikan pengguna dalam menemukan produk atau layanan Anda. Dalam cara yang lebih dalam dari sebelumnya, merancang produk dan menciptakan UX adalah elemen sosial dan etis dari kehidupan sehari-hari. Dan sementara itu mungkin terdengar agak menakutkan, ini adalah kesempatan luar biasa untuk meningkatkan kehidupan dan membuat tanda positif. Desain bukan lagi tentang kertas pembungkus yang cantik, tetapi telah menjadi kekuatan yang signifikan.

Untuk tetap fokus pada misi Anda dan bersandar pada proses pengalaman pengguna Anda, pertimbangkan untuk memfokuskan sumber daya Anda pada pengembangan produk (diteliti secara menyeluruh) dan beralih ke sumber yang menguntungkan untuk mendorong desain Anda. Dan di situlah perpustakaan stok foto beradaptasi dengan perjalanan Anda dan membuatnya lebih mudah.

Artikel ini ditulis oleh Clif Haley, yang merupakan seorang profesional SEO dan saat ini bekerja untuk Dreamstime, salah satu agen fotografi terkemuka. Ketika dia tidak menggunakan pengalaman SEO-nya, dia sering pergi hiking dan menyukai alam bebas.

Table of Contents