Langsung ke konten utama

Postingan

Prinsip psikologis yang harus diketahui seorang UI/UX Designer

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...
Postingan terbaru

Membuat Interaction Design dengan Adobe XD

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...

Mengenal Lean Coffe

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...

yang dilakukan setelah UI Final?

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 ...

Kenapa Adobe XD?

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...

Ternyata ga sekedar Design

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...

Membuat sudut rounded pada Illustrator CS6

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...