Story Telling Interaktif dan Penerapannya di Industri Desain Web

Memiliki elemen grafis adalah kebutuhan setiap situs web saat ini. Tanpa penggunaan visual yang tepat, Anda tidak dapat menyampaikan pesan Anda kepada pengunjung, lebih baik lagi, menyebabkan mereka meninggalkan situs web Anda.

Visual memiliki potensi untuk menjangkau ke dalam pikiran pemirsa dan memikatnya ke apa pun yang Anda coba perkenalkan, jual, atau investasikan. Untuk menggunakan visual untuk keuntungan Anda dan mendapatkan lalu lintas dengan cara tercepat, metode terbaik untuk melibatkan dan mengonversi pengunjung adalah melalui penceritaan cerita interaktif.

Mengapa Bercerita?

Aku tahu apa yang pasti muncul di kepalamu sekarang. Apa hubungan Cinderella atau Rapunzal dengan pengalaman visual sebuah situs web? Mendongeng dengan baik tidak hanya terbatas pada dongeng dan waralaba Disney, tetapi bercerita adalah cara yang efektif dalam bauran pemasaran situs web mana pun yang bertujuan untuk menjadi yang teratas dalam persaingan.

Cara Membuat Cerita Interaktif

Dibutuhkan banyak perencanaan dan percobaan untuk menghubungkan desain dengan cerita sehingga ketika Anda menampilkannya di halaman arahan situs web Anda, itu tidak membuat Anda bodoh. Visual Anda tidak perlu menjadi karya master dari beberapa desainer dan CGI yang mahal. Anda dapat menceritakan kisah Anda dengan satu spanduk gambar yang diartikulasikan dengan baik. Namun, tantangannya muncul dengan sendirinya ketika narasi Anda bersinggungan dengan tujuan situs web Anda. Tentang apa situs web Anda? Apa logo merek Anda dan mengapa menjual apa yang dijualnya? Segala sesuatu yang Anda jelaskan melalui visual harus unik tanpa sejengkal pun plagiarisme. Itu harus menjadi sangat menarik sehingga setelah mengunjungi situs web Anda sekali, orang-orang mulai membagikannya, membicarakannya, dan mengunjunginya kembali lagi.

Bagaimana itu bekerja

Ada perbedaan yang cukup besar antara situs web yang memiliki gambar, grafik, dan animasi vs. platform sentris teks hambar yang Anda sebut situs web. Mustahil untuk menilai orang dan sebelum Anda dapat melakukan percakapan yang tepat, mereka telah pergi. Elemen multimedia disuntikkan untuk menghindari hal ini. Ketika pelanggan melihat teks biasa yang menggambarkan suatu produk, ada perasaan paksaan untuk membaca huruf dan kata-kata dari pernyataan tersebut, sedangkan gambar, video, atau animasi grafis sama mudahnya untuk dilihat dan dipahami.

Menjual Produk Besar dengan Cerpen

Perusahaan yang menjual mobil memiliki banyak hal yang harus diisi sebelum dapat melakukan penjualan melalui platform online-nya. Membeli mobil secara online membutuhkan banyak keberanian dari pelanggan karena melibatkan sejumlah besar uang. Jika situs web gagal menarik perhatian klien, maka itu hanyalah sampah yang mengambang di internet. Menjual mobil, truk, atau alat berat secara online dari sudut pemasaran tertentu untuk mengekspos USP (nilai jual unik) produk. Saya tahu situs web mobil yang telah menggunakan teknik bercerita yang sempurna untuk menunjukkan pizzazz-nya di layar pelanggan.

Contoh :

Lexusls.asia adalah cabang dari Toyota yang menjual mobil mewah. Di situs web, para desainer dengan cemerlang menggunakan pengguliran paralaks untuk memperkenalkan mobil dengan teks yang cukup untuk membuat pengunjung pergi. Lalu tiba-tiba sebuah ban menggelinding dari kanan dan menunjukkan beberapa fitur keren lainnya dari mobil tersebut. Saat Anda menggulir lebih jauh ke bawah, situs web tidak melepaskan Anda dan dengan beberapa grafik keren menjelaskan tujuan dan manfaat mobil.

Bahasa Visual

Bahasa visual memiliki kemampuan untuk memasuki dasar desain yang berpusat pada manusia. Bahasa visual sudah ada jauh sebelumnya dan bahkan sebelum alfabet apa pun ditemukan karena lukisan gua adalah media komunikasi dasar. Lukisan-lukisan gua berperan sebagai sumber penceritaan, panduan untuk bertahan hidup dan mencegah potensi bahaya yang merupakan bagian dari periode itu. Kurang lebih, gambar gua adalah bentuk paling awal dari data visual.

Kita tahu bahwa gambar dan video memiliki banyak kekuatan komunikatif, bagaimana seseorang memanfaatkan kekuatan ini melalui piksel?

Contoh :

Ini adalah saat imajinasi Anda sendiri datang untuk bermain. Menambahkan gambar dan video dengan teks campuran yang tepat sehingga situs web Anda berbicara sendiri.

Bellroy.com menjual dompet kulitnya dengan jaminan ruang yang lebih besar dengan desain yang lebih ramping. Bagaimana mereka menunjukkannya melalui slider elegan dengan gambar HD dari salah satu dompet mereka melawan yang lain. Saat penggeser bergerak, ceritanya juga dan dalam 10 gambar jumlah kartu yang sama dipasang di dompet bermerek mereka sedangkan dompet lain lebih banyak dari yang sebenarnya. Di sini kesimpulannya mencolok dan dengan moral yang tersisa.

Desain Ceritanya

Ini sangat mirip dengan menulis drama ketika Anda mendesain cerita visual. Semua aspek dan elemen permainan hadir di situs web Anda dan berbaur dengan keintiman sedemikian rupa sehingga mereka benar-benar menyatu dengan cerita yang telah Anda perkenalkan. Kisah Anda dimulai dengan pengaturan yang telah Anda atur, kemudian bergerak menuju konflik dan diakhiri dengan resolusi.

Situs web ini misalnya memiliki cara unik untuk menarik pengunjung dan mengundang ke pesta dansa yang penuh dengan emosi dan suguhan visual.

Pengguna harus sangat menyadari cerita karena membawa mereka ke tujuan mereka. Dan di situlah pengunjung menjadi lead, dan lead menjadi pelanggan. Wajar jika produk atau layanan yang Anda rencanakan untuk ditampilkan melalui proses bercerita harus memiliki sesuatu yang dibutuhkan pengguna, fungsionalitas unik, atau margin harga yang dicari pelanggan.

Contoh :

Bagigia.com pertama-tama memberikan pengenalan pengecer kepada pengunjung diikuti dengan pencitraan 3d sederhana namun mendalam dari produk itu sendiri dengan teks emosional untuk menjaga cerita tetap mengalir. Spasi putih yang cukup dalam desain membantu fokus pengguna saat produk menonjol di tengah, membawa cerita ke tindakan dan menuju resolusi.

Menggunakan Cerita Animasi untuk Keuntungan Anda

Itu benar. Animasi situs web telah menjadi korban penggunaan yang berlebihan tanpa memperhatikan konvensi atau standar dan itulah alasan utama di balik kejatuhannya dalam 5 tahun terakhir. Ironisnya, sangat sedikit desainer yang tahu bagaimana penggunaan animasi yang cerdas dan tepat sasaran dapat membuat cerita Anda menjadi Dark Knight Movie. Animasi dibangun untuk menutupi apa yang tidak dapat diselesaikan oleh gambar statis, sementara pada saat yang sama menambah hiburan pada desain itu sendiri.

Contoh :

Berbicara tentang DarkKnight, Aplikasi untuk iOS di benthebodyguard.com ini memungkinkan Anda untuk mengamankan dan mengenkripsi informasi di situs web Anda yang menampilkan animasi penelusuran (secara harfiah) saat Anda turun dengan 'Ben' di tengah, pengawal yang bersumpah untuk melindungi informasi Anda dengan reputasi yang tangguh. Situs web ini telah mencontohkan bagaimana animasi dapat digunakan sebaik mungkin untuk menghasilkan cerita tujuan yang ideal untuk suatu produk.

Menerjemahkan Pesan Desain

Tidakkah mengejutkan Anda bagaimana desain yang hanya merupakan campuran seni visual dan grafis dapat menghasilkan empati dalam diri Anda? Aku tahu aku punya. Kita sebagai manusia bereaksi terhadap indra hewani kita seperti halnya organisme lain yang sesuai dengan sifatnya. Ketika kami melihat heartthrob – kami melakukan seperti yang diprogram. Memanfaatkan karakteristik perilaku manusia ini, cerita Anda tidak harus selalu menjadi buzz kill tentang manifesto dan produk Anda karena mungkin itulah yang ada dalam pikiran setiap pemilik situs web lain akhir-akhir ini. Ketika Anda menambahkan rasa sentimen, semangat dan moral, cerita Anda berubah menjadi sebuah pesan.

Contoh :

Situs web everylastdrop.co.uk ini membawa Anda ke perjalanan penggunaan air sehari-hari di rumah dan lingkungan Anda. Membaca tentang fakta berapa banyak air yang terbuang setiap hari sudah terlalu mainstream dan seringkali tidak pernah dianggap serius. Pria kecil lugu yang menggunakan air tanpa pandang bulu dalam jadwal hariannya ini tidak hanya menyoroti pentingnya air tetapi juga membedakannya dengan orang-orang yang paling membutuhkannya di belahan dunia yang sulit. Itu begitu tumbuh di benak pemirsa sehingga dia mungkin akan berpikir dua kali sebelum membuang setetes air lagi di lain waktu.

Menggunakan Elemen Gelap

Novel menyenangkan untuk dibaca dan dengan kemajuan teknologi baru-baru ini, sekarang perlu dibacakan dari buku. Bahkan hingga hari ini, sebagian besar pengguna online masih lebih suka menilai buku dari sampulnya daripada benar-benar membaca prolognya. Untuk mengatasi pengguna online ini dan memikat mereka ke produk, banyak penulis sering mempekerjakan pengembang untuk membuat situs web yang didedikasikan untuk novel mereka. Latihan langkah demi langkah novel dengan urutan animasi tidak hanya akan memberikan cerita kembang api yang dibutuhkan, tetapi juga menjerat pengguna online untuk membacanya.

Contoh :

Dengan menggunakan prinsip dan struktur yang sama, cerita pendek terkenal Nam Le 'The Boat' diubah menjadi novel grafis interaktif dengan menciptakan dunia badai yang menghancurkan lautan memaksa perahu dari teror Perang Vietnam. Hal terbaik yang dapat dilakukan siapa pun dalam pesta mendongeng mereka adalah menambahkan suara ke desain mereka. Ini adalah superlatif dari cerita animasi untuk memperoleh UX. Lihat di sini.

Menarik dan penuh dengan ilustrasi, ini benar-benar bukti seberapa baik Anda dapat mengelola suatu produk dengan menciptakan desain yang bergerak saat Anda berinteraksi dengannya.

Penyatuan Melalui Scrolling

Dalam industri e-niaga, orang sering kali tertarik untuk mendapatkan manfaat dari produk yang dapat digunakan di banyak tempat tetapi untuk alasan yang sama. Pertama, itu membuat hidup mereka jauh lebih mudah, dan kedua adalah bagian dari era teknologi. Tetapi dengan begitu banyak yang harus dipelajari dan diakui tentang usaha seperti ini, sangat kecil kemungkinannya bahwa pelanggan akan mengambil risiko dalam sesuatu yang memiliki implikasi futuristik dan melayani tujuan mereka dengan terlalu mudah, membuatnya terlalu bagus untuk menjadi kenyataan. Saya telah melihat bisnis yang mencoba menjual produk semacam itu dengan terlalu banyak setuju dan hasilnya adalah pengabaian yang tragis.

Contoh :

Namun, produk ini tidak hanya berhasil menjual, tetapi juga memenuhi apa yang dijanjikan kepada pelanggannya. Produk di onlycoin.com ini adalah kartu tunggal yang memuat semua kartu kredit Anda di dalamnya. Proses bercerita membantu pemirsa memahami kerumitan membawa terlalu banyak kartu di dompet Anda dengan alasan, tetapi dengan tampilan grafis dari pengoptimalan kartu langkah demi langkah dan membawa kompak, menjadi sulit untuk tidak setuju dengan aplikasi produk yang dijanjikan.

Kesimpulan

Bercerita tidak hanya terbatas pada produk atau tujuan apa pun; terbuka untuk semua jenis latihan e-niaga yang membantu pengunjung mendapatkan UX yang ideal tanpa mengorbankan fungsionalitas desain. Belajar menguasai ini untuk produk dan layanan Anda sendiri melalui situs web e-niaga sangat penting di era pemasaran elektronik ini. Tanpa membaca pola pikir konsumen, Anda tidak dapat meluncurkan produk Anda, dan tanpa permintaan tidak ada produksi. Seperti yang dikatakan Tim O'brien, "Mendongeng adalah aktivitas manusia yang penting, semakin sulit situasinya, semakin penting itu", dan percayalah sobat, situasinya tidak pernah menjadi lebih mudah.