Sejak Oktober 2022, saya mengikuti program S2 “ Strategi Konten ” di FH JOANNEUM di Graz. Sebagai bagian dari kursus “Platform Publikasi Digital” bersama Eric Eggert , saya berkesempatan untuk melihat lebih dekat pembicaraan konferensi Val Head “ Membangun Produk yang Lebih Ekspresif ” di An Event Apart di tahun 2018. Dalam artikel berikut, Anda akan tidak hanya menemukan rangkuman, tetapi juga kunci takeaways saya dan satu atau dua momen yang membuka mata saya sebagai seseorang yang lebih terlibat dalam bidang teks.

Dengan menjadi ekspresif dengan desain kami, kami akan melekat di benak orang - kurang lebih itu adalah sajak. Namun, hal itu terbesit di benak saya setelah menonton ceramah konferensi “ Membangun Produk yang Lebih Ekspresif ” oleh Val Head . Saat ini lebih penting dari sebelumnya untuk terhubung dengan kuat dan lebih kuat dengan satu audiens dengan mengkomunikasikan satu pesan dan kepribadian tertentu agar menonjol.

Ini dapat dicapai tidak hanya melalui teks, gambar, atau maskot seperti MailChimp atau TunnelBear , tetapi juga melalui desain . Saat mengerjakan desain visual dengan detailnya, penting untuk mengingat ukuran layar yang berbeda , konteks , dan bahkan antarmuka suara atau obrolan — bagaimana elemen antarmuka bergerak atau suara dapat menciptakan ekspresi emosional . “Produk yang terasa lebih manusiawi memproyeksikan kepribadian tertentu”, Val menjelaskan dan dengan itu maksudnya adalah merek dapat terhubung lebih kuat dan kuat dengan audiens mereka. Tapi mari kita masuk ke res media.

Kepribadian diungkapkan melalui desain

Biasanya seseorang akan meringkas pembicaraan secara kronologis, tapi saya pikir lebih baik memulai dari akhir — jadi inilah peringatan spoiler saya!

Val Head menjelaskan menjelang akhir presentasinya bahwa seseorang dapat membuat produk yang lebih ekspresif dengan dua hal:

1. Kenali kepribadian Anda dengan menuliskan kata-kata deskriptif tentang kepribadian merek — sendiri atau dalam kelompok.
2. Ekspresikan kepribadian yang terdefinisi ini melalui desain — cari tahu sekali dan kemudian gunakan lagi dan lagi.

Ajukan pertanyaan berikut…

• Apa merek atau produk yang mencoba membantu pengguna mencapainya?
• Merk atau produknya seperti apa? Suasana hati dan disposisi?
• Apa yang diketahui merek atau produk? Apa bidang keahliannya?

Mengekspresikan kepribadian dengan gerak

Banyak perusahaan menggunakan gerakan seperti Slack atau Google . Tapi bagaimana mungkin bercerita dan mengomunikasikan perasaan dengan gerak dan animasi? Dengan menggunakan pilihan easing seperti ease-in atau bouncing, nilai durasi , offset , dan properti yang kita animasikan . Tergantung pada aspek-aspek ini mereka mengatakan hal yang berbeda. Oleh karena itu, keputusan dibuat dengan sengaja .

Untuk menggunakannya, seseorang harus menavigasi jalannya — seperti kata Val — "lubang kelinci raksasa". Seseorang dapat mengontrol proses ini dengan mengetahui kepribadian merek dan memilih gaya gerak yang sesuai. Untuk itu mulailah mengembangkan daftar kata-kata yang menjelaskan produk . Setelah itu orang menemukan bagaimana gerakan mengekspresikannya — yang disebut studi gerak . Val memberikan beberapa contoh untuk penggunaan gerakan yang tepat. Inilah dua di antaranya:

Menjadi tenang, lembut dan meyakinkan

• gunakan: opacity, blur lembut, delta kecil dan kurva easing dengan perubahan kecepatan bertahap

• gunakan: gerakan langsung, garis lurus dan kemudahan masuk keluar simetris
• hindari: blur, pantulan, dan overshoot

Slack melakukannya, Windows dan Apple melakukannya, bahkan Facebook melakukannya - mereka semua menggunakan suara - yang pasti ada dalam pikiran kita. Sebagian besar orang web menanggapi ide ini agak negatif karena di masa lalu ada banyak contoh yang tidak dipikirkan dengan baik di Internet dan hampir tidak ada teknologi seperti API Audio Web .

Selain itu, rasanya agak aneh menggunakan suara pada perangkat besar seperti komputer — semakin kecil perangkatnya, semakin besar kemungkinan penggunaan suara terasa oke bagi masyarakat kita . Tapi kenapa? Alasannya adalah semakin besar layarnya, semakin banyak ruang visual yang dimilikinya. Suara kemudian dapat menambah sedikit pesan.

Tapi alasan terbesar untuk tidak menggunakan suara sangat sederhana: Ini bisa sangat mengganggu jika…

• tidak sesuai dengan keadaan,
• bermain di waktu yang salah,
• terlalu keras atau
• memiliki kurangnya kontrol pengguna.

Konsekuensinya, suara adalah pembeda merek yang kuat . Suara yang digunakan Windows dan semua perusahaan lain disebut earcons , ikon untuk telinga yang digunakan untuk menandai merek tertentu. Dengan menggunakannya, mereka membuat asosiasi karena audio adalah media tempat kita mengetahui apa yang terjadi tanpa melihat sesuatu.

Oleh karena itu, suara dapat digunakan untuk…

• peringatan dan pemberitahuan,
• ruang navigasi,
• mengkonfirmasi tindakan dan
• menandai momen positif.

• Suara UI harus pendek , <400 ms.
• Akhiri pada interval menaik untuk umpan balik positif atau permulaan.
• Akhiri pada interval menurun untuk umpan balik negatif , berakhir atau tutup.
• Berikan kontrol pengguna untuk menghentikan/menyesuaikannya.

Sekarang kami dapat kembali bekerja, mengenal kepribadian merek kami, dan mulai mengembangkan desain yang sesuai dengan karakteristik ini — jika kami mau. Tapi: Kita tidak harus menggunakan semua poin yang disebutkan di atas karena “ kuncinya adalah lebih disengaja tentang apa yang Anda ingin desain Anda katakan dan bagaimana Anda mengatakannya ”. Dengan membuat pilihan desain yang tepat, seseorang dapat benar-benar menonjol dan menyampaikan pesan dengan cara yang jelas. Selama pembicaraan Val, saya memiliki banyak momen yang membuka mata karena saya hampir tidak terbiasa menggunakan gerakan dan suara. Oleh karena itu, seluruh 60 menit itu sangat menarik — terutama karena saya sudah merasakan dalam kursus “Platform Publikasi Digital” bahwa saya pasti harus memperluas pengetahuan saya tentang semua topik yang berhubungan dengan web.

Namun, pendapat saya adalah terkadang lebih sedikit lebih banyak - terutama dalam hal gerak sehingga orang tidak merasa kewalahan dengan semua gerakan yang terjadi. Saya juga berpikir bahwa kita harus memikirkan tentang aksesibilitas karena ini adalah topik penting di Internet. Kita tidak boleh membangun semuanya, misalnya seputar audio. Ini bagus untuk mendukung pesan , tetapi juga harus berfungsi tanpa mendengar — atau melihat seperti dalam kasus gerakan . Mengenai notifikasi yang sering menggunakan audio, pengguna harus selalu memiliki kekuatan— terutama untuk website atau aplikasi yang sering digunakan. Tanpa kontrol, beberapa orang mungkin memiliki pengalaman pengguna yang kurang memuaskan. Oleh karena itu, kita juga harus menempatkan diri kita pada posisi audiens target kita dan memperluas wawasan kita dengan memasukkan aksesibilitas ke dalam pekerjaan kita secara aktif. Singkatnya, gerakan dan suara adalah tambahan yang bagus untuk membuat desain yang akan melekat pada pikiran orang.

Siapakah Kepala Val?

Untuk semua orang yang masih bertanya-tanya siapa Val Head itu: Dia bukan hanya seorang pembicara, penulis " Designing Interface Animation " dan e-book gratis " Animasi dalam Sistem Desain " atau guru Animasi CSS di LinkedIn Learning, tetapi juga seorang pakar animasi web dan Perancang Utama di Adobe yang berspesialisasi dalam animasi UX.

Jika Anda ingin menggali lebih dalam tentang topik ini…

• Merancang untuk Emosi oleh Aaron Walter
• Desain Percakapan oleh Erika Hall