{"id":13386,"date":"2022-06-14T19:44:37","date_gmt":"2022-06-14T12:44:37","guid":{"rendered":"http:\/\/ubproject.net\/class\/?p=13386"},"modified":"2024-03-22T07:45:49","modified_gmt":"2024-03-22T00:45:49","slug":"02-product-design","status":"publish","type":"post","link":"http:\/\/ubproject.net\/class\/02-product-design\/","title":{"rendered":"02 – Product Design"},"content":{"rendered":"

Product Design<\/h1>\n

Berisi tentang proses kami dalam mendesain produk.<\/p>\n

User Journey<\/h2>\n

User Journey adalah diagram yang menggambarkan proses tujuan seorang user dengan role tertentu untuk mencapai suatu goals. Tujuan dari User Journey adalah untuk memahami apa yang dirasakan oleh user pada tiap langkah penggunaannya, serta memberikan saran tentang apa yang harus ditambahkan pada sistem.
Terdapat 8 user journey dalam project , mengacu pada goals yang telah kami tentukan. Berikut user journey dari Informactive.<\/p>\n

\"7.png\"<\/figure>\n
\"1-1.png\"<\/figure>\n
\"2.png\"<\/figure>\n
\"3.png\"<\/figure>\n
\"4.png\"<\/figure>\n
\"5.png\"<\/figure>\n
\"6.png\"<\/figure>\n

\t\t\t\t\t\t\t\t\t\t\t\tPrevious
\n\t\t\t\t\t\t\t\t\t\t\t\tNext<\/p>\n

Storyboard<\/h2>\n

Storyboard adalah rangkaian sketsa gambar yang digunakan untuk menggambarkan alur cerita.
Berikut adalah storyboard dari Informactive.<\/p>\n

\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n

Information Architecture<\/h2>\n

Information Architecture (IA) adalah tentang bagaimana menstrukturkan informasi dalam aplikasi atau sehingga memudahkan user menyelesaikan goalnya dengan cepat. Metode IA yang kami gunakan yaitu card sorting dengan teknik closed, dan menggunakan online tools pada web study.uxtweak.com.
Kami membuat 6 kategori dan 18 list card, yang mana kategori tersebut dapat digunakan user untuk mengelompokkan card yang telah disediakan.
Berikut hasil card sorting untuk membantu penyusunan IA :<\/p>\n

\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n

Dari hasil card sorting yang telah dilakukan oleh user,
berikut IA dari Informactive.<\/h2>\n

\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n

User Flow<\/h2>\n

User flow adalah langkah-langkah yang dilakukan oleh pengguna melalui aplikasi untuk
menyelesaikan tugas tertentu. Langkah-langkah yang dimaksud biasanya berupa alur dari titik
awal ke titik akhir yang biasanya berwujud sebuah tindakan.
Berikut user flow dari Informactive.<\/p>\n

\"Notifikasi-Event-Terdaftar.png\"
Notifikasi-Event-Terdaftar.png<\/figcaption><\/figure>\n
\"Penyebaran-Pnformasi.png\"
Penyebaran-Pnformasi.png<\/figcaption><\/figure>\n
\"Registasi-Event.png\"
Registasi-Event.png<\/figcaption><\/figure>\n
\"Timeline-Event.png\"
Timeline-Event.png<\/figcaption><\/figure>\n
\"Tracking-Event-Terdaftar.png\"
Tracking-Event-Terdaftar.png<\/figcaption><\/figure>\n
\"Upload-Event.png\"
Upload-Event.png<\/figcaption><\/figure>\n
\"Informasi-Event.png\"
Informasi-Event.png<\/figcaption><\/figure>\n
\"Informasi-Sertifikat.png\"
Informasi-Sertifikat.png<\/figcaption><\/figure>\n

\t\t\t\t\t\t\t\t\t\t\t\tPrevious
\n\t\t\t\t\t\t\t\t\t\t\t\tNext<\/p>\n

Wireframe<\/h2>\n

Wireframe adalah kerangka atau coretan kasar untuk item-item pada halaman aplikasi
sebelum proses desain sesungguhnya dimulai. Kami membuat wireframe dengan menggunakan online tools<\/i> Invision.
Berikut wireframe dari Informactive.<\/p>\n

1. User Mahasiswa<\/h2>\n
\"0-landing-page-1.png\"<\/figure>\n
\"1-login-signup-1.png\"<\/figure>\n
\"2-1.png\"<\/figure>\n
\"2-1-1.png\"<\/figure>\n
\"2-2.png\"<\/figure>\n
\"2-3.png\"<\/figure>\n
\"3-sertif.png\"<\/figure>\n
\"3-sertif-detail.png\"<\/figure>\n
\"4-jadwal.png\"<\/figure>\n
\"4-jadwal-detail.png\"<\/figure>\n
\"5-notif.png\"<\/figure>\n
\"6-profile.png\"<\/figure>\n
\"6-profile-2.png\"<\/figure>\n
\"12-profil.png\"<\/figure>\n

\t\t\t\t\t\t\t\t\t\t\t\tPrevious
\n\t\t\t\t\t\t\t\t\t\t\t\tNext<\/p>\n

2. User Staff<\/h2>\n
\"7-login-signup-1.png\"<\/figure>\n
\"8.png\"<\/figure>\n
\"8-1.png\"<\/figure>\n
\"8-2.png\"<\/figure>\n
\"8-3.png\"<\/figure>\n
\"8-4.png\"<\/figure>\n
\"8-5.png\"<\/figure>\n
\"9-SERTIF-1.png\"<\/figure>\n
\"9-sertif-2.png\"<\/figure>\n
\"10-jadwal-1.png\"<\/figure>\n
\"10-jadwal-2.png\"<\/figure>\n
\"11-notif.png\"<\/figure>\n
\"12-profil-1.png\"<\/figure>\n

\t\t\t\t\t\t\t\t\t\t\t\tPrevious
\n\t\t\t\t\t\t\t\t\t\t\t\tNext<\/p>\n

Screenflow<\/h2>\n

Screenflow merupakan alur halaman aplikasi yang dijalankan pengguna untuk melaksanakan
aktivitas tertentu.
Berikut screenflow dari Informactive.<\/p>\n

1. User Mahasiswa<\/h2>\n

\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n

2. User Staff Advokesma dan Staff Lembaga<\/h2>\n

\t\t\t\t\t\t\t\t\t\t\t\t\"\"
\n\t\t\t
\n\t\t\t\t\t\tHome
\n\t\t\t\t\t<\/a><\/p>\n

\u00a9 2022 | Made with \"\ud83d\udc9a\" by Informactive. All rights reserved.<\/h1>\n
Ohio State Team Jersey<\/strong><\/a>
\ndetroit lions jersey<\/strong><\/a>
\ndetroit lions jersey<\/strong><\/a>
\nohio state jersey<\/strong><\/a>
\nOSU Jerseys<\/strong><\/a>
\nohio state jersey<\/strong><\/a>
\nOSU Jerseys<\/strong><\/a>
\n49ers jersey<\/strong><\/a>
\nohio state jersey<\/strong><\/a>
\nOSU Jerseys<\/strong><\/a>
\nIowa State Football Uniforms<\/strong><\/a>
\nfsu football jersey<\/strong><\/a>
\nfsu football jersey<\/strong><\/a>
\nmicah parsons jersey<\/strong><\/a>
\nFlorida state seminars jerseys<\/strong><\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Product Design Berisi tentang proses kami dalam mendesain produk. User Journey User Journey adalah diagram yang menggambarkan proses tujuan seorang user dengan role tertentu untuk mencapai suatu goals. Tujuan dari User Journey adalah untuk memahami apa yang dirasakan oleh user pada tiap langkah penggunaannya, serta memberikan saran tentang apa yang harus ditambahkan pada sistem.Terdapat 8 […]<\/p>\n","protected":false},"author":990066,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-13386","post","type-post","status-publish","format-standard","hentry","category-user-experience-design"],"_links":{"self":[{"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/posts\/13386"}],"collection":[{"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/users\/990066"}],"replies":[{"embeddable":true,"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/comments?post=13386"}],"version-history":[{"count":45,"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/posts\/13386\/revisions"}],"predecessor-version":[{"id":14511,"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/posts\/13386\/revisions\/14511"}],"wp:attachment":[{"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/media?parent=13386"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/categories?post=13386"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/tags?post=13386"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}