{"id":7704,"date":"2020-08-17T13:12:50","date_gmt":"2020-08-17T06:12:50","guid":{"rendered":"http:\/\/crocodic.com\/?p=7704"},"modified":"2020-08-17T13:12:06","modified_gmt":"2020-08-17T06:12:06","slug":"beralih-dari-desain-grafis-ke-desain-pengalaman-pengguna","status":"publish","type":"post","link":"https:\/\/crocodic.com\/id\/beralih-dari-desain-grafis-ke-desain-pengalaman-pengguna\/","title":{"rendered":"Beralih dari Desain Grafis ke Desain Pengalaman Pengguna (UX Design)"},"content":{"rendered":"<p>Beberapa tahun yang lalu, kata \u201cdesigner\u201d sering diartikan sebagai 1 hal yaitu : <strong>desain grafis<\/strong>. Kemudian seiring berjalannya waktu dan disertai meningkatnya permintaan pasar produk digital terutama di dunia <a href=\"https:\/\/crocodic.com\/id\/flutter-vs-react-native-mana-yang-lebih-cocok-untuk-proyekmu\/\">mobile apps<\/a> development, baik mobile apps development Android ataupun mobile apps development iOS, designer kini diminta untuk dapat membuat produk yang enak dilihat dan enak digunakan. Banyak perusahaan yang kini berinvestasi untuk memastikan pelanggan\/pengguna memiliki pengalaman yang positif terhadap produk mereka, akibatnya mempekerjakan perancang UX menjadi salah satu prioritas penting di dunia bisnis.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>&#8220;Apa itu Pengalaman Pengguna \/ User Experince (UX) ?&#8221;<\/strong><\/h3>\n\n\n\n<p>Pengalaman Pengguna \/ User Experience (UX) merupakan salah satu bidang yang penting dalam pengembangan produk digital terutama di dunia <a href=\"https:\/\/crocodic.com\/id\/5-kesalahan-yang-sering-dilakukan-developer-mobile-apps\/\">aplikasi<\/a> mobile. Don Norman, Co-Founder dari Norman Nielsen Group Design Consultancy berpendapat UX dalam bisnis mencakup semua aspek interaksi yang dilakukan <em>end-user<\/em> terhadap perusahaan sampai ke produk\/pelayanannya.<br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>&#8220;Apa sebenernya UX Design itu?&#8221;<\/strong><\/h3>\n\n\n\n<p>Secara umum, desain UX adalah proses meningkatkan kepuasan user dengan meningkatkan fungsi, aksesibilitas, dan kesenangan yang dikemas dalam interaksi antara pengguna dan produk. <br><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img fetchpriority=\"high\" decoding=\"async\" src=\"http:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1hJiafTGDJO1fYqCsRHBJuA.jpeg\" alt=\"\" class=\"wp-image-7711\" width=\"400\" height=\"400\" srcset=\"https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1hJiafTGDJO1fYqCsRHBJuA.jpeg 800w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1hJiafTGDJO1fYqCsRHBJuA-150x150.jpeg 150w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1hJiafTGDJO1fYqCsRHBJuA-300x300.jpeg 300w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1hJiafTGDJO1fYqCsRHBJuA-768x768.jpeg 768w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1hJiafTGDJO1fYqCsRHBJuA-620x620.jpeg 620w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure><\/div>\n\n\n\n<p>Sementara desain UX secara proses dapat diterapkan untuk setiap produk, dalam artikel ini kami akan menjelaskan proses UX di dunia mobile apps development terutama mobile apps development Android ataupun mobile apps development iOS.<br><\/p>\n\n\n\n<p>Pada dasarnya, desain UX adalah tentang menciptakan pengalaman (experience) yang dapat digunakan orang dengan mudah dan menyenangkan. Kunci dari desain UX adalah belajar bagaimana membuat user menerima pengalaman itu sebaik mungkin, 3 faktor yang harus diperhatikan oleh perancang UX adalah <em>usability, look,<\/em> dan <em>feel.<\/em><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"http:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1UA2jH_4YMzIVK86GZMdnzA.png\" alt=\"\" class=\"wp-image-7710\" width=\"250\" height=\"250\" srcset=\"https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1UA2jH_4YMzIVK86GZMdnzA.png 500w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1UA2jH_4YMzIVK86GZMdnzA-150x150.png 150w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1UA2jH_4YMzIVK86GZMdnzA-300x300.png 300w\" sizes=\"(max-width: 250px) 100vw, 250px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Kegunaan (<em>Usability<\/em>), adalah ujung tanduk dari Pengalaman Pengguna\/User Experience (UX). Ketika sebuah produk tidak <em>usable<\/em>, maka bisa dipastikan produk akan menimbulkan pengalaman yang negatif <\/li><li>Tampilan (<em>Look<\/em>) dari suatu produk adalah daya tarik visual. Tampilan produk harus memenuhi atau melampaui harapan pengguna.<\/li><li>Rasa (Feel) adalah tentang merancang produk yang menyenangkan ketika digunakan.<\/li><\/ol>\n\n\n\n<p>Bagaimanapun juga, desain UX tidak semata-mata hanya mengenai pengguna saja. Memenuhi tujuan bisnis dari produk dan menyelaraskan tujuan bisnis dengan tujuan pengguna juga sama pentingnya. Pada akhirnya, tujuan perancang UX adalah untuk menghubungkan sasaran bisnis dengan kebutuhan pengguna melalui proses penelitian, pengujian dan penyempurnaan.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img decoding=\"async\" src=\"http:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/13XoUDzTfwV929ujvTTr66Q.png\" alt=\"\" class=\"wp-image-7709\" width=\"300\" height=\"185\" srcset=\"https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/13XoUDzTfwV929ujvTTr66Q.png 599w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/13XoUDzTfwV929ujvTTr66Q-300x185.png 300w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>\u201cDesain UX adalah tentang menemukan titik temu antara<\/em>&nbsp;<em>kebutuhan pengguna dan tujuan bisnis\u201d<\/em><\/p><\/blockquote>\n\n\n\n<p style=\"text-align:center\"><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>UX Process<\/strong><\/h3>\n\n\n\n<p>Desain UX juga membutuhkan proses seperti pada bidang desain lainnya. Tetapi, tidak seperti desain grafis, proses desain UX dimulai jauh sebelum kita melakukan \u201ccoret-coret\u201d pada <em>artboard<\/em>. Berikut dua contoh ilustrasi yang membedakan proses desain grafis dan desain UX:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/0CzoQxtlSf0Q4SMqY.png\" alt=\"\" class=\"wp-image-7708\" width=\"600\" height=\"398\" srcset=\"https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/0CzoQxtlSf0Q4SMqY.png 800w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/0CzoQxtlSf0Q4SMqY-300x199.png 300w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/0CzoQxtlSf0Q4SMqY-768x509.png 768w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/0CzoQxtlSf0Q4SMqY-620x411.png 620w\" sizes=\"(max-width: 600px) 100vw, 600px\" \/><\/figure><\/div>\n\n\n\n<p>Desain UX terdiri dari serangkaian fase seperti penelitian pengguna (<em>user<\/em> <em>research<\/em>), ide (<em>ideate<\/em>), purwarupa (<em>prototype<\/em>) dan pengujian (<em>testing<\/em>). Aktualnya, proses desain UX bisa diaplikasikan di produk apapun. Contohnya, Anda bisa mengaplikasikan proses UX pada desain mobil, rak buku, pintu, dll. <br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u201cBagaimana menerjemahkan keterampilan Grafis Desain yang Saya miliki menjadi keterampilan Desain UX?\u201d<\/strong><\/h3>\n\n\n\n<p>Grafis Desain dan Desain UX memiliki banyak persamaan, itulah mengapa desainer grafis yang sudah kuat dalam pengalamannya akan lebih mudah untuk beralih ke desain UX. Oleh karena itu, merupakan hal yang penting jika kita bisa mengetahui apa saja perbedaan dari dua bidang ini. <br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>\u201cApakah Desain Grafis dan Desain UX memiliki kesamaan?\u201d<\/strong><\/h3>\n\n\n\n<p>Benefit yang didapat jika Anda memiliki <em>background<\/em> sebagai desainer grafis adalah keterampilan yang sudah Anda miliki selama menjadi desainer grafis masih relevan dengan desain UX, sehingga beberapa keterampilan berikut dapat membantu proses transisi Anda:<br><\/p>\n\n\n\n<p>Baik desainer grafis maupun desainer UX, mereka sama-sama menciptakan hubungan emosional kepada pengguna\/audiensnya.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Emotional Design<\/strong><\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Desain Grafis adalah tentang membangkitkan emosi audiensnya melalui penyajian warna, gambar, dan tipografi<\/li><li>Desainer UX juga juga tentang membangkitkan emosi penggunanya melalui penyajian warna, gambar, dan tipografi. Tetapi tidak hanya sebatas pada visual. Mereka juga fokus pada arsitektur informasi, desain interaksi, dan aksesibilitas desain.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Memperhatikan Detail<\/strong><\/h4>\n\n\n\n<p>Keterampilan seorang desainer grafis selalu berorientasi pada pertimbangan detail yang bijak, seperti saat desainer melakukan penyelarasan <em>layout <\/em>maupun menemukan <em>kerning<\/em> teks yang pas.<br><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Berpikir Kreatif<\/strong><\/h4>\n\n\n\n<p>Desainer adalah seorang <em>problem-solver<\/em>, Desainer Grafis dan Desainer UX sama-sama ahli dalam berpikir kreatif dan memecahkan masalah dengan desain.<\/p>\n\n\n\n<p>Untuk memahami bagaimana pemikiran kreatif membantu proses desain UX, Anda harus bisa mendefinisikan apa itu <em>design thinking<\/em> terlebih dahulu, karena proses desain UX sering berpicu pada metode yang dinamakan <em>design thinking methodology<\/em>. <em>Design Thinking<\/em> adalah proses berulang-ulang yang terdiri dari beberapa tahap berupa : Empathize, Define, Ideate, Prototype, Test. Dalam metode ini. Setiap pertanyaan, ide, dan solusi yang di dapat akan \u201cdimasak\u201d terus menerus sampai menemukan solusi yang sesuai dengan kebutuhan pengguna.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/RFP-Design-Thiking-Graphic-1.png\" alt=\"\" class=\"wp-image-7706\" width=\"364\" height=\"354\" srcset=\"https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/RFP-Design-Thiking-Graphic-1.png 728w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/RFP-Design-Thiking-Graphic-1-300x291.png 300w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/RFP-Design-Thiking-Graphic-1-620x602.png 620w\" sizes=\"(max-width: 364px) 100vw, 364px\" \/><\/figure><\/div>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Konvensi Desain<\/strong><\/h4>\n\n\n\n<p>Konvensi adalah aturan tidak tertulis atau kebiasaan yang diterima pengguna dan dilakukan secara berulang-berulang. Dalam hal <em>User Interface (UI)<\/em>, konvensi bisa berupa shape, color, icon, layout, atau apapun yang dapat diidentifikasi pengguna dengan mudah. Untuk menunjukkannya, perhatikan konvensi warna dan bentuk penggunaan dalam contoh di bawah ini.<br><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1S79X5GwThlCPAuli70vjMg.png\" alt=\"\" class=\"wp-image-7707\" width=\"400\" height=\"227\" srcset=\"https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1S79X5GwThlCPAuli70vjMg.png 800w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1S79X5GwThlCPAuli70vjMg-300x170.png 300w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1S79X5GwThlCPAuli70vjMg-768x435.png 768w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1S79X5GwThlCPAuli70vjMg-620x351.png 620w, https:\/\/crocodic.com\/wp-content\/uploads\/2018\/08\/1S79X5GwThlCPAuli70vjMg-440x250.png 440w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/figure><\/div>\n\n\n\n<p>Contoh pertama menunjukan dua konvensi yang kuat untuk menyampaikan bahaya, yaitu warna merah dan bentuk belah ketupat. Meskipun kedua contoh terdapat kata \u201c<em>warning<\/em>\u201d, contoh pertama dapat langsung menyampaikan pesan meskipun kita tidak membaca kata \u201c<em>warning<\/em>\u201d. Contoh kedua membutuhkan teks agar kita dapat mengidentifikasi maksud dari <em>sign<\/em> tersebut. Untungnya, banyak desainer grafis yang sudah akrab dengan ilmu konvensi ini, sehingga mereka cenderung mudah beradaptasi untuk menjadi seorang desainer UX.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Estetika<\/strong><\/h4>\n\n\n\n<p>Salah satu benefit bagi desainer grafis ketika beralih ke desain UX adalah mereka dapat membuat hal-hal menjadi sesuatu yang atraktif. Desainer memiliki intuisi alami untuk membuat sesuatu menjadi kuat secara estetika dengan menggunakan prinsip-prinsip desain dan hierarki visual. Estetika sangat mempengaruhi <em>experience<\/em> bahkan <em>usability<\/em> dari suatu produk. Estetika bisa meningkatkan pengalaman pengguna dari sebuah produk dengan membuat si pengguna merasa nyaman. Jadi, grafis desain adalah aset saat Anda mengerjakan proyek UX.<br><\/p>\n\n\n\n<p><\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Purwarupa (Prototype)<\/strong><\/h4>\n\n\n\n<p>Seperti yang disebutkan diatas, fase purwarupa juga akrab dilakukan desainer grafis dan desainer UX. Seorang desainer grafis sering membuat desain tiruan (<em>mock-up<\/em>) sebelum memberikan desain final. Hal ini berguna untuk mendemonstrasikan pekerjaan mereka kepada klien untuk menerima <em>feedback<\/em>, dan menyempurnakan desain berdasarkan <em>feedback<\/em>. Desainer UX juga membuat purwarupa, tetapi cenderung tidak berfokus pada tampilan visual produk dan lebih berfokus pada <em>usability<\/em> dan <em>feel <\/em>dari pengalaman penggunanya. Saat membuat purwarupa, desainer UX akan berusaha menjawab pertanyaan-pertanyaan berikut:<\/p>\n\n\n\n<p>\u201cApakah ini mudah digunakan oleh pengguna?\u201d<\/p>\n\n\n\n<p>\u201cApakah ini berguna bagi pengguna?\u201d<\/p>\n\n\n\n<p>\u201cApakah ini yang diinginkan pengguna?\u201d<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Kesimpulan<\/strong><\/h2>\n\n\n\n<p>Banyak yang beranggapan bahwa ilmu UX itu dikhususkan untuk orang-orang berbakat atau untuk mereka yang sudah mengikuti seminar-seminar tersertifikasi, hal itu tidaklah benar. Beralih karir dari desain grafis ke desain UX tidaklah sesulit yang Anda kira, kesenjangan antara keterampilan desain grafis dan keterampilan desain UX masih dapat diatasi. Para desainer grafis sudah bisa berbicara dengan bahasa desain, tinggal perlu dipoles saja untuk dikembangkankan menjadi desain UX. <\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Beberapa tahun yang lalu, kata \u201cdesigner\u201d sering diartikan sebagai 1 hal yaitu : desain grafis. Kemudian seiring berjalannya waktu dan disertai meningkatnya permintaan pasar produk digital terutama di dunia mobile apps development, baik mobile apps development Android ataupun mobile apps development iOS, designer kini diminta untuk dapat membuat produk yang enak dilihat dan enak digunakan. [&hellip;]<\/p>\n","protected":false},"author":14,"featured_media":8904,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[354,355],"tags":[365,369,367,366,371,368],"class_list":["post-7704","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-crocodic-design","category-crocodic-dec","tag-career","tag-design-thinking","tag-graphic-design","tag-ui-design","tag-usability","tag-ux-design"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/posts\/7704","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/comments?post=7704"}],"version-history":[{"count":6,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/posts\/7704\/revisions"}],"predecessor-version":[{"id":8905,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/posts\/7704\/revisions\/8905"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/media\/8904"}],"wp:attachment":[{"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/media?parent=7704"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/categories?post=7704"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/crocodic.com\/id\/wp-json\/wp\/v2\/tags?post=7704"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}