{"id":119,"date":"2021-10-27T03:26:35","date_gmt":"2021-10-27T03:26:35","guid":{"rendered":"https:\/\/sis.binus.ac.id\/is\/?p=119"},"modified":"2024-05-13T09:19:03","modified_gmt":"2024-05-13T09:19:03","slug":"test","status":"publish","type":"post","link":"https:\/\/sis.binus.ac.id\/is\/test\/","title":{"rendered":"Design Thinking Process dalam Mengoptimalkan Desain UI\/UX untuk Aplikasi berbasis Web Based\u00a0"},"content":{"rendered":"<p style=\"text-align: justify\"><span data-contrast=\"auto\">Dalam merancang suatu desain produk UI\/UX, sebagai desainer harus dapat mempertimbangkan sisi fundamental dari desain UI\/UX. Fundamental dari suatu desain UI\/UX dapat menggunakan metode <\/span><i><span data-contrast=\"auto\">Design Thinking Process <\/span><\/i><span data-contrast=\"auto\">dalam penerapannya sebagai dasar dasar untuk mengembangkan suatu produk desain aplikasi. Berikut ini penjelasan dari <\/span><i><span data-contrast=\"auto\">Design Thinking Process <\/span><\/i><span data-contrast=\"auto\">sebagai sisi fundamental.<\/span><\/p>\n<p style=\"text-align: justify\"><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559731&quot;:720,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<p style=\"text-align: justify\"><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:2,&quot;335551620&quot;:2,&quot;335559740&quot;:360}\"> <img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-37474 aligncenter\" src=\"https:\/\/sis.binus.ac.id\/wp-content\/uploads\/2024\/04\/Screen-Shot-2024-04-30-at-12.19.41.png\" alt=\"\" width=\"470\" height=\"141\" \/><\/span><\/p>\n<p style=\"text-align: center\"><span data-contrast=\"auto\">Sumber Foto : <\/span><a href=\"https:\/\/freshworks.io\/design-thinking-process\/\"><span data-contrast=\"none\">https:\/\/freshworks.io\/design-thinking-process\/<\/span><\/a><span data-contrast=\"auto\">\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559731&quot;:720,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<p style=\"text-align: justify\"><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><span data-contrast=\"auto\">Pada Design Thinking Process terdapat <\/span><i><span data-contrast=\"auto\">Empathize, Define, Ideate, Prototype, Test, <\/span><\/i><span data-contrast=\"auto\">dan <\/span><i><span data-contrast=\"auto\">Implement<\/span><\/i><span data-contrast=\"auto\">. Dengan penjelasan sebagai berikut :\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559731&quot;:720,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<ul style=\"text-align: justify\">\n<li data-leveltext=\"\u25cf\" data-font=\"Times New Roman\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\u25cf&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><b><i><span data-contrast=\"auto\">Empathize<\/span><\/i><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify\"><span data-contrast=\"auto\">Pada proses ini adalah sebuah proses untuk memahami user, seperti kebutuhan dari seorang user hingga masalah yang pernah dialami user. Pada proses ini juga berisi tujuan dari user yang akan menggunakan rancangan dari suatu desain.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559685&quot;:720,&quot;335559731&quot;:720,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<ul style=\"text-align: justify\">\n<li data-leveltext=\"\u25cf\" data-font=\"Times New Roman\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\u25cf&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"2\" data-aria-level=\"1\"><b><i><span data-contrast=\"auto\">Define<\/span><\/i><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify\"><span data-contrast=\"auto\">Pada proses ini adalah sebuah proses untuk mendefinisikan masalah atau menganalisis kebutuhan dari pengguna yang ingin diselesaikan.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559685&quot;:720,&quot;335559731&quot;:720,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<ul style=\"text-align: justify\">\n<li data-leveltext=\"\u25cf\" data-font=\"Times New Roman\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\u25cf&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"3\" data-aria-level=\"1\"><b><i><span data-contrast=\"auto\">Ideate<\/span><\/i><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify\"><span data-contrast=\"auto\">Pada bagian ideate adalah sebuah proses untuk menghasilkan ide ide dari suatu rancangan desain.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559685&quot;:720,&quot;335559731&quot;:720,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<ul style=\"text-align: justify\">\n<li data-leveltext=\"\u25cf\" data-font=\"Times New Roman\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\u25cf&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"4\" data-aria-level=\"1\"><b><i><span data-contrast=\"auto\">Prototype<\/span><\/i><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify\"><span data-contrast=\"auto\">Bagian prototype adalah sebuah tahap lanjutan dari bagian ideate melalui banyaknya ide yang dihasilkan akan diwujudkan menjadi prototype<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559685&quot;:720,&quot;335559731&quot;:720,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<ul style=\"text-align: justify\">\n<li data-leveltext=\"\u25cf\" data-font=\"Times New Roman\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\u25cf&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"5\" data-aria-level=\"1\"><b><i><span data-contrast=\"auto\">Test<\/span><\/i><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify\"><span data-contrast=\"auto\">Pada tahap ini prototype yang dihasilkan akan dilakukan pengujian untuk mendapatkan feedback yang bertujuan untuk meningkatkan rancangan.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559685&quot;:720,&quot;335559731&quot;:720,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<ul style=\"text-align: justify\">\n<li data-leveltext=\"\u25cf\" data-font=\"Times New Roman\" data-listid=\"1\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\u25cf&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"6\" data-aria-level=\"1\"><b><i><span data-contrast=\"auto\">Implement<\/span><\/i><\/b><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify\"><span data-contrast=\"auto\">Pada tahap ini adalah tahap implementasi atau peluncuran produk rancangan desain kepada user, sehingga user dapat menggunakan produk tersebut.<\/span> <span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<p style=\"text-align: justify\"><span data-contrast=\"auto\">Dalam konteks mengoptimalkan sisi desain UI\/UX untuk aplikasi yang berbasis web based, terdapat beberapa fundamental yang harus diperhatikan. Khususnya dengan penggunaan <\/span><i><span data-contrast=\"auto\">Design Thinking Process<\/span><\/i><span data-contrast=\"auto\">, Proses ini akan membantu dalam membuat rancangan desain untuk aplikasi yang berbasis web based. Web based adalah sebuah aplikasi yang dapat diakses oleh pengguna tanpa perlu melakukan instalasi dan hanya mengandalkan internet untuk menggunakan aplikasinya.\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559731&quot;:720,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<p style=\"text-align: justify\"><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:2,&quot;335551620&quot;:2,&quot;335559731&quot;:720,&quot;335559740&quot;:360}\"> <img loading=\"lazy\" decoding=\"async\" class=\"wp-image-37475 aligncenter\" src=\"https:\/\/sis.binus.ac.id\/wp-content\/uploads\/2024\/04\/Screen-Shot-2024-04-30-at-12.20.12.png\" alt=\"\" width=\"462\" height=\"278\" \/><\/span><\/p>\n<p style=\"text-align: center\"><span data-contrast=\"auto\">Sumber Foto : <\/span><a href=\"https:\/\/bikin.website\/blog\/cara-membuat-prototype-website\/\"><span data-contrast=\"none\">https:\/\/bikin.website\/blog\/cara-membuat-prototype-website\/<\/span><\/a><span data-contrast=\"auto\">\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:2,&quot;335551620&quot;:2,&quot;335559731&quot;:720,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<p style=\"text-align: justify\"><span data-contrast=\"auto\">Dengan penggunaan proses <\/span><i><span data-contrast=\"auto\">design thinking process<\/span><\/i><span data-contrast=\"auto\"> maka dalam membuat rancangan akan mengetahui kebutuhan user yang akan menggunakan aplikasi karena tujuan dari aplikasi web based adalah pengguna tidak perlu melakukan instalasi untuk mengoperasikan aplikasinya. Berikut ini adalah sebuah tahap &#8211; tahap dalam mengoptimalkan desain UI\/UX untuk sebuah aplikasi web based berdasar <\/span><i><span data-contrast=\"auto\">design thinking process <\/span><\/i><span data-contrast=\"auto\">:<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559731&quot;:720,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<ul style=\"text-align: justify\">\n<li data-leveltext=\"\u25cf\" data-font=\"Times New Roman\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:1440,&quot;335559991&quot;:360,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\u25cf&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Empati terhadap pengguna dari aplikasi, Hal ini bertujuan untuk memahami pengguna kita menggunakan aplikasi web based seperti kebutuhan, perilaku, dan kesulitan yang dialami oleh pengguna.\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"\u25cf\" data-font=\"Times New Roman\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:1440,&quot;335559991&quot;:360,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\u25cf&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"2\" data-aria-level=\"1\"><span data-contrast=\"auto\">Mempunyai definisi masalah yang jelas, Hal ini bertujuan memprioritaskan masalah berdasarkan dari riset pengguna serta yang mempunyai dampaknya.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"\u25cf\" data-font=\"Times New Roman\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:1440,&quot;335559991&quot;:360,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\u25cf&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"3\" data-aria-level=\"1\"><span data-contrast=\"auto\">Membuat ide aplikasi web based sekreatif mungkin, Seperti melakukan brainstorming untuk menemukan solusi dari masalah dan dapat menggunakan teknik sketching untuk menentukan idenya<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"\u25cf\" data-font=\"Times New Roman\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:1440,&quot;335559991&quot;:360,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\u25cf&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"4\" data-aria-level=\"1\"><span data-contrast=\"auto\">Membuat rancangan prototype dari aplikasi web based, Pada prototype ini dapat menggunakan tools seperti figma ataupun sketch.<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"\u25cf\" data-font=\"Times New Roman\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:1440,&quot;335559991&quot;:360,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\u25cf&quot;,&quot;469777815&quot;:&quot;multilevel&quot;}\" data-aria-posinset=\"5\" data-aria-level=\"1\"><span data-contrast=\"auto\">Melakukan testing aplikasi web based untuk mendapatkan feedback, Hal ini dikarenakan feedback dari pengguna adalah sebuah hal yang penting karena dari feedback ini akan mengetahui kekurangan dari rancangan desain aplikasi web based.<\/span><\/li>\n<\/ul>\n<p style=\"text-align: justify\"><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<p style=\"text-align: justify\"><span data-contrast=\"auto\">Sumber :\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/p>\n<ul>\n<li style=\"text-align: justify\"><a href=\"https:\/\/digitalskola.com\/blog\/home\/design-thinking-process\"><span data-contrast=\"none\">https:\/\/digitalskola.com\/blog\/home\/design-thinking-process<\/span><\/a><span data-contrast=\"auto\">\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/li>\n<li style=\"text-align: justify\"><a href=\"https:\/\/medium.com\/@sifaaliandra\/fundamental-of-ui-ux-76ed6a4033ff\"><span data-contrast=\"none\">https:\/\/medium.com\/@sifaaliandra\/fundamental-of-ui-ux-76ed6a4033ff<\/span><\/a><span data-contrast=\"auto\">\u00a0<\/span><span data-ccp-props=\"{&quot;201341983&quot;:0,&quot;335551550&quot;:6,&quot;335551620&quot;:6,&quot;335559740&quot;:360}\">\u00a0<\/span><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Dalam merancang suatu desain produk UI\/UX, sebagai desainer harus dapat mempertimbangkan sisi fundamental dari desain UI\/UX. Fundamental dari suatu desain UI\/UX dapat menggunakan metode Design Thinking Process dalam penerapannya sebagai dasar dasar untuk mengembangkan suatu produk desain aplikasi. Berikut ini penjelasan dari Design Thinking Process sebagai sisi fundamental. \u00a0 Sumber Foto : https:\/\/freshworks.io\/design-thinking-process\/\u00a0\u00a0 \u00a0Pada Design [&hellip;]<\/p>\n","protected":false},"author":48,"featured_media":314,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-119","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-knowledge-sharing"],"_links":{"self":[{"href":"https:\/\/sis.binus.ac.id\/is\/wp-json\/wp\/v2\/posts\/119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sis.binus.ac.id\/is\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/sis.binus.ac.id\/is\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/sis.binus.ac.id\/is\/wp-json\/wp\/v2\/users\/48"}],"replies":[{"embeddable":true,"href":"https:\/\/sis.binus.ac.id\/is\/wp-json\/wp\/v2\/comments?post=119"}],"version-history":[{"count":4,"href":"https:\/\/sis.binus.ac.id\/is\/wp-json\/wp\/v2\/posts\/119\/revisions"}],"predecessor-version":[{"id":315,"href":"https:\/\/sis.binus.ac.id\/is\/wp-json\/wp\/v2\/posts\/119\/revisions\/315"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/sis.binus.ac.id\/is\/wp-json\/wp\/v2\/media\/314"}],"wp:attachment":[{"href":"https:\/\/sis.binus.ac.id\/is\/wp-json\/wp\/v2\/media?parent=119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/sis.binus.ac.id\/is\/wp-json\/wp\/v2\/categories?post=119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/sis.binus.ac.id\/is\/wp-json\/wp\/v2\/tags?post=119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}