Bayu Prastyo Blog

Psikologi memiliki peran penting  experience user  di sebuah aplikasi. dengan mamahami bagaimana sebuah design bekerja, kita bisa melakukan improvisasi sehingga aplikasi yang dibuat bisa lebih efektif untuk mencapai tujuan user. untuk membantu memahami persepsi pengguna, saya akan memperkenalkan beberapa prinsip yang menurut saya penting dan sering di implementasikan Von Restorf Effect Von Restorf Effect atau biasa dikenal dengan efek isolasi, yaitu ketika ada beberapa objek hadir di satu page, maka kemungkinan besar objek yang berbeda dengan yang lainnya akan menarik dan mudah diingat oleh user. Oleh sebab itu biasanya objek atau button CTA(Call To Action) berbeda dengan yang lainnya yang bertujuan untuk membuat user tertarik dan mudah diingat Von Ressort Effect “When multiple similar objects are present, the one that differs from the rest is most likely to be remembered!”  Serial Position Effect Inilah sebabnya mengapa sebagian besar aplikasi saa...

Design makin hari makin berkembang, yang dulunya hanya berupa lukisan, poster, seni rupa kini makin berkembang mengikuti teknologi yang ada. kalau sebelumnya ada User Interface, lalu ada User Xperience, nah sekarang ada Interaction Design. Intercation Design adalah sebuah perilaku user dalam menggunakan web/app. Contoh mudah Interaction Design adalah ketika kita mengetikkan pasword dan salah maka textbox akan berwarna merah dan bergoyang, warna merah dan goyang adalah interaksi yang mengingatkan bahwa pasword yang kita masukkan adalah salah, coba kalau ada beberapa textbox dan tidak ada peringatan bahwa pasword kita salah? atau tidak memberitahu secara spesifik dimana kesalahan kita? selain itu kita sebagai designer harus bisa mendeliver animasi tersebut ke bagian development atau engineer, kan gamungkin kalau kita mendeliver ke enginer dengan kata kata "jika salah pasword maka textbox bergetar", kan gamungkin hehehe, kalau bisa kita harus membuat design secara spesifik m...

Topik ini saya dapatkan dari beberapa obrolan minggu lalu yang membahas apa itu “Lean Coffe”. Pikiran pertama saya ajakan ngopi di warung kopi daerah jakarta, setelah saya cari di google ternyata yang muncul kok scrum dkk? nah ternyata pikiran saya salah hehe. http://www.globalnerdy.com Apa itu Lean Coffe? Singkatnya lean coffe adalah metode yang efektif untuk meeting atau berdiskusi dengan cara voting dan terstruktur tanpa adanya agenda atau secara lengkapnya “Lean Coffee is a structured, but agenda-less meeting. Participants gather, build an agenda, and begin talking. Conversations are directed and productive because the agenda for the meeting was democratically generated.”The Lean Coffee format is both easy to follow and effective at facilitating learning and collaboration through group discussions. Although the name combines ‘Lean’ (eg. Lean Thinking, Lean Startup, etc.) and ‘Coffee’ (implying casual morning sessions), neither the topics nor the meeting times need b...

Setelah proses design dan research yang panjang, akhirnya design final pun disepakati dan sudah bisa masuk proses development. Lalu apa ajasih yang perlu kita persiapkan untuk proses selanjutnya? 1.Prototyping Yang paling utama adalah menyerahkan hasil prototyping, bisa menggunakan adobe XD, marvel, Zeplin dan lain lain. kalau saya biasa menggunakan adobe xd, karna di adobe XD sudah bisa memenuhi kebutuhan developer, mulai dari font, margin, hingga kode warna. 2. Spek maksimal karakter Jadi kaloau misal di blok elemen tertentu kemungkinan kita ga bisa elipsis, nah harus ada maksimal karakter. 3. Interaksi Cek dari segi interaksinya, jika di tap, hover, swipe, dll itu bakal seperti apa?Dan apakah interaksi nya bisa di pake di iOS lama atau tidak 4. Asset tentunya asset, kalau di adobe XD sudah ada fitur export asset, dan biasanya ukuran yang dibuat sudah di X2 dari aslinya. Biasanya sih setelah export langsung saya upload ke Google Drive 5. Make sure untuk ...

Tulisan ini adalah cerita tentang pengalaman saya menggunakan Adobe XD selama kurang lebih satu minggu ini. https://uxdesign.cc/ Apa itu Adobe XD? Adobe XD adalah alat berbasis vektor yang dikembangkan dan diterbitkan oleh Adobe Inc untuk merancang dan membuat prototipe pengalaman pengguna untuk aplikasi web dan seluler. (Wikipedia) Kenapa mencoba Adobe XD? Saya mendengar tool ini sekitar awal tahun 2018, saat itu Adobe XD menjadi bahan perbincangan di beberapa komunitas karna bersifat FREE. Pada saat itu tidak ada niatan untuk install karna memang belum ada kebutuhan prototyping. Nah, di bulan ini saya mendapat masukan dari teman berprofesi Frontend untuk mencoba tool ini. oiya sebelum memakai tool ini saya biasa menggunakan Photoshop, Sketch, dan Marvell untuk prototyping. First impression? kesan pertama saat saya menggunakan Adobe XD adalah “Aneh”, mungkin karna saya biasa melihat banyak toolbar di sisi kiri ataupun sisi kanan (Ai/Ps/Sketch), dan di Adobe XD...

Tulisan ini hanyalah sebuah opini pribadi berdasarkan pengalaman yang saya alami, jadi boleh setuju boleh tidak hehe https://www.kstatecollegian.com/2018/02/21/opinion-four-things-that-make-a-house-a-home/ Dulu saya pikir design itu hanyalah sebatas cover majalah, baliho di pinggir jalan, kartu nama, atau logo akrilik di depan resepsionis perusahaan saja, ternyata ngga, design itu lebih dari itu. Design itu ternyata ada bukan cuma itu aja, design itu hadir untuk “Solving Problem”, yoi sebagai solusi dari masalah. Contoh bahwa design adalah solusi dari sebuah masalah https://www.citylab.com/life/2016/01/a-riders-guide-to-5-awkward-subway-encounters/422703/ “Andi sering berpergian dan berjalan di tempat ramai, andi sangat menyukai musik. andi sering merasa bosan saat berpergian, alangkah senangnya bilamana ia bisa fokus mendengarkan musik, tanpa mengganggu sekeliling oleh musik yang dia dengarkan, akhirnya andi mendesign speaker yang hanya dia yang bisa mendengarkan dan tentuny...

Adobe versi CS dan CC memiliki banyak perbedaan, mungkin yang terbiasa memakai CC butuh waktu untuk beradaptasi dengan CS, begitu juga sebaliknya. Namun antara CS dan CC saya lebih suka dengan CC, bukan hanya karna cloudnya tapi juga tool yang disediakan menurut saya lebih kompleks. https://www.solusi.com t Oke, menuju ke topiknya, masalah ini saya temukan di komputer kantor saya yang dimana kantor menyediakan adobe CS, sedangkan yang biasa saya pakai adalah adobe CC, permasalah yang pertama saya temukan adalah bagaimana membuat sudut rounded di rectangle, begini biasanya yang saya lihat di Illustrator CC yap terdapat 4 titik lingkaran yang bisa saya tarik sehingga bentuknya langsung berubah menjadi rounded, sedangkan ketika memakai CS menjadi seperti ini tidak terdapat 4 titik lingkaran seperti di CC, tapi tenang aja, bukan berarti tidak bisa di buat rounded, berikut caranya : buat shape/bentuk Effect>stylze>Rounded corner 3. Atur radius sesuai kein...

Bermula dari percakapan di grup Telegram dengan beberapa senior saya mendapat referensi baru yaitu “HEART Framework” https://dribbble.com/shots/4232531-My-heart-flips-for-you Heart Framework diciptakan untuk membantu tim UX lebih fokus ke aspek spesifik experience yang ingin ditingkatkan, serta mengidentifikasi tujuan dan metrik experience pengguna untuk mengukur keberhasilan. Oiya, framework ini diciptakan oleh para pakar UX di Goolgle, dan di indonesia juga diterapkan di beberapa Startup seperti Tokopedia. HEART Frawork merupakan singkatan dari happines, engagement, adoption, retention, task succes. Berikut penjelasannya : Happines  : Bagaimana perasaan user tentang produk Anda? Happines biasanya diukur dengan survei kepuasan pengguna, peringkat dan ulasan aplikasi, dan NPS(Net Promoter Score). Engagement : Seberapa sering orang kembali menggunakan produk? Engagement dapat diukur dengan jumlah kunjungan pengguna per minggu, lama sesi, atau tindakan,...

Sebagai seorang UX Researcher kita harus bisa menyajikan data dari yang kita dapat dari lapangan/user untuk disajikan kepada stakeholder ataupun product manager. Report seorang UX Researcher menurut saya sangat penting bagi suatu product yang sedang dikembangkan, kenapa? karna dari report seorang UX Researcher kita jadi tau jalan product kita harus kemana. Dalam penulisan Report UX tidak ada standar khusus harus bagaimana bagaimana, karna berbeda tempat beda kebutuhan, beda stakeholder beda cara penyajian, tapi apa yang saya tulis semoga bisa menjadi acuan untuk menulis sebuah report. https://mystar933.com/beencouraged/four-habits-happy-people/ 1. Judul Riset Biasanya berisi nama researcher dan tanggal laporan report dibuat. 2. Table of Content Berisi daftar isi dari report yang telah dibuat. 3. Introduction Berisi tentang tujuan mengapa suatu website/aplikasi itu penting. tulis juga instrument apa yang digunakan seperti eyetracker untuk memonitor ke...

Apa itu UI? apa itu UX? Banyak yang beranggapan keduanya itu sama, banyak juga yang beranggapan keduanya itu berbeda. hmm.. coba kita bahas satu persatu dan tolong dikoreksi bila salah. User Experience design (UX design) singkatnya UX Design adalah pengalaman pengguna dalam menggunakan produk, sistem atau layanan tertentu. http://saga-islamicnet.blogspot.com/2016/05/belajar-dari-pengalaman.html Contohnya sederhananya adalah saya membuat handle kulkas tepat berada di samping atas pintu, yang bertujuan memudahkan seseorang membukanya. User Interface design (UI design) sedangkan UI Design secara sederhana adalah output atau keluaran visual dari UX itu sendiri. https://blog.prototypr.io/hyperloop-interface-around-the-world-in-a-minute-93552c1dcf64 Contoh sederhananya adalah saya membuat warna, bahan, tampilan dari kulkas supaya menarik dan mudah digunakan. Jadi? UI dan UX adalah kesatuan yang tidak bisa dipisahkan, saat kita membuat UX kita juga harus memikirk...