{"id":2953,"date":"2020-05-16T11:53:19","date_gmt":"2020-05-16T04:53:19","guid":{"rendered":"http:\/\/ubproject.net\/class\/?page_id=2953"},"modified":"2021-06-10T01:17:18","modified_gmt":"2021-06-09T18:17:18","slug":"pux-2020-kelompok-c1","status":"publish","type":"page","link":"http:\/\/ubproject.net\/class\/perancangan-ux\/pux-2020-kelompok-c1\/","title":{"rendered":"PUX 2020 Kelompok C1"},"content":{"rendered":"<h2>Stinder<\/h2>\n<h2>Your Student Finder Solution<\/h2>\n<h2>About<\/h2>\n<h3>Stinder is an mobile application that provide some features where we can find new friend with the same interest and talent, and  search for a community that moves with goals in accordance with our interests or talents.<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"768\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/hom-768x768.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/hom-768x768.png 768w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/hom-300x300.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/hom-1024x1024.png 1024w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/hom-150x150.png 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/hom-1536x1536.png 1536w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/hom-2048x2048.png 2048w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/hom-370x370.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/hom-160x160.png 160w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/hom-576x576.png 576w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/hom-760x760.png 760w\" sizes=\"(max-width: 768px) 100vw, 768px\"><\/p>\n<h2>Design Process<\/h2>\n<figure><a href=\"#need-finding-problem\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/user-300x300.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/user-300x300.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/user-150x150.png 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/user-370x370.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/user-160x160.png 160w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/user.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\"><\/a><\/figure>\n<h3><a href=\"#need-finding-problem\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\nNeed Finding &amp; Problem<\/a><\/h3>\n<p>We find a problem among Brawijaya student through some research, and make interview with them to get an insight<\/p>\n<figure><a href=\"#mental-model\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/city-300x300.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/city-300x300.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/city-150x150.png 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/city-370x370.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/city-160x160.png 160w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/city.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\"><\/a><\/figure>\n<h3><a href=\"#mental-model\" target=\"_blank\" rel=\"noopener noreferrer\">Information Architecture and Mental Model<\/a><\/h3>\n<p>Information architecture is the way we structure our information in the application,  and mental model to represent what the user believe about how the user experience works<\/p>\n<figure><a href=\"#emphatize\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/stats-300x300.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/stats-300x300.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/stats-150x150.png 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/stats-370x370.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/stats-160x160.png 160w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/stats.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\"><\/a><\/figure>\n<h3><a href=\"#emphatize\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\nEmpathize<\/a><\/h3>\n<p>We make an empathize map based on interview result with user. Empathize map consist of persona, empathy map, insight statement and how might we question<\/p>\n<figure><a href=\"#wireframe\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/web-design-300x300.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/web-design-300x300.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/web-design-150x150.png 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/web-design-370x370.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/web-design-160x160.png 160w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/web-design.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\"><\/a><\/figure>\n<h3><a href=\"#wireframe\" target=\"_blank\" rel=\"noopener noreferrer\">Wireframe &amp; Screenflow<\/a><\/h3>\n<p>We make a wireframe which is a visual representation of a user interface, and screenflow is diagram that display the complete path a user take when using an application<\/p>\n<figure><a href=\"#evaluation\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/computer-2.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/computer-2.png 512w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/computer-2-300x300.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/computer-2-150x150.png 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/computer-2-370x370.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/computer-2-160x160.png 160w\" sizes=\"(max-width: 512px) 100vw, 512px\"><\/a><\/figure>\n<h3><a href=\"#evaluation\" target=\"_blank\" rel=\"noopener noreferrer\">Evaluation<\/a><\/h3>\n<p>We make a heuristic evaluation to test whether our application is user friendly to our target user<\/p>\n<figure><a href=\"#user-journey\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"512\" height=\"512\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/user-1.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/user-1.png 512w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/user-1-300x300.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/user-1-150x150.png 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/user-1-370x370.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/user-1-160x160.png 160w\" sizes=\"(max-width: 512px) 100vw, 512px\"><\/a><\/figure>\n<h3><a href=\"#user-journey\" target=\"_blank\" rel=\"noopener noreferrer\"><br \/>\nUser Journey &amp; User Flow<\/a><\/h3>\n<p>We build our user journey to ensure that target user meet their goal by making central component, and user flow to guide user to finish the task<\/p>\n<figure><a href=\"#high-fidelity\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/cellphone-300x300.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/cellphone-300x300.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/cellphone-150x150.png 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/cellphone-370x370.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/cellphone-160x160.png 160w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/cellphone.png 512w\" sizes=\"(max-width: 300px) 100vw, 300px\"><\/a><\/figure>\n<h3><a href=\"#high-fidelity\" target=\"_blank\" rel=\"noopener noreferrer\">High Fidelity Prototype<\/a><\/h3>\n<p>We make an interactive prototype that simulates the real system or site&#8217;s functionality and design details<\/p>\n<h2>Design Challenge<\/h2>\n<p>Beberapa mahasiswa mengalami kesulitan untuk mencari teman yang memiliki satu minat ataupun hobi. Hal tersebut berdampak salah satunya ke akademik mahasiswa yang ingin mengasah minat bakatnya dalam bidang perlombaan. Kami merasa hal tersebut menjadi masalah karena menghambat mahasiswa untuk mencari teman se minat bakat. Oleh karena itu kami merancang sistem dimana setiap mahasiswa dapat mencari teman yang dapat menunjang akademik dan non akademiknya baik dalam segi minat maupun bakat<\/p>\n<h1>User Research<\/h1>\n<h5>Kami melakukan user research dengan metode user  interview, dimana kami melakukan wawancara kepada user dan stakeholder kami yaitu mahasiswa Universitas Brawijaya untuk mendapatkan insight<\/h5>\n<h3>Pertanyaan Wawancara<\/h3>\n<ul>\n<li style=\"font-weight: 400;\">Apa hal yang Anda minati<\/li>\n<li style=\"font-weight: 400;\">Seberapa aktifkah Anda di kampus?<\/li>\n<li style=\"font-weight: 400;\">Pernahkah Anda kesusahan untuk mencari teman luar fakultas se Universitas Brawijaya yang seminat atau bakat untuk lomba, event, atau hobi yang sama?&nbsp;<\/li>\n<li style=\"font-weight: 400;\">Bagaimana Anda selama ini mencari teman yang seminat atau bakat?<\/li>\n<li style=\"font-weight: 400;\">Apakah Anda pernah mencari teman yang seminat atau bakat tersebut menggunakan suatu aplikasi atau media sosial yang lain? Jika pernah kendala apa yang Anda alami?<\/li>\n<li style=\"font-weight: 400;\">Bagaimana pendapat Anda jika terdapat suatu aplikasi untuk mencari teman yang seminat atau bakat se universitas brawijaya?<\/li>\n<li style=\"font-weight: 400;\">Menurut Anda fitur apa yang ingin Anda tambahkan pada suatu aplikasi yang dapat membantu Anda mencari teman seminat atau bakat?<\/li>\n<\/ul>\n<h3>Hasil Wawancara<\/h3>\n<ul>\n<li>Minat mahasiswa bervariasi mulai dari olahraga, seni, musik, esport, dan lain lain<\/li>\n<li>Rata &#8211; rata mahasiswa aktif kegiatan selain kuliah, baik itu kegiatan diluar kampus maupun di dalam kampus.<\/li>\n<li>Kebanyakan mahasiswa kesulitan dalam mencari teman yang seminat atau bakat bakat di lingkup universitas karena hanya mengenal anak-anak di dalam fakultas atau program studinya saja<\/li>\n<li>Kebanyakan mahasiswa mencari teman seminat atau bakat dengan cara mencarinya di sosial media seperti instagram namun ada juga yang mencarinya masih dengan cara manual yaitu teman dari temannya<\/li>\n<li>Kebanyakan mahasiswa belum pernah mencarinya dengan aplikasi.<\/li>\n<li>Mahasiswa akan merasa terbantu dengan aplikasi yang ada.<\/li>\n<li>Jawabannya bervariasi, namun mahasiswa akan terbantu jika ada fitur <i>nearby<\/i> dan fitur seleksi teman berdasarkan minat yang sama, daerah, dan juga umur<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none;\">&nbsp;<\/li>\n<\/ul>\n<h1>User Persona<\/h1>\n<h5><b>Persona<\/b> adalah sebuah representasi pengguna dalam bentuk individu imajiner yang memuat rangkuman singkat mengenai karakteristik, pengalaman, tujuan, tasks, pain points, dan kondisi lingkungan pengguna yang sebenarnya.<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pers-768x432.jpg\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pers-768x432.jpg 768w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pers-300x169.jpg 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pers-1024x576.jpg 1024w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pers-1536x864.jpg 1536w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pers-370x208.jpg 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pers-1170x658.jpg 1170w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pers-740x416.jpg 740w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pers-760x428.jpg 760w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pers-270x152.jpg 270w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pers.jpg 1600w\" sizes=\"(max-width: 768px) 100vw, 768px\"><br \/>\n<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"493\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-768x493.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-768x493.png 768w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-300x193.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-1024x657.png 1024w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-1536x986.png 1536w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-370x237.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-760x488.png 760w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1.png 1560w\" sizes=\"(max-width: 768px) 100vw, 768px\"><\/p>\n<h1>Empathy Map<\/h1>\n<h5><b>Empathy Map<\/b> adalah sebuah tool untuk mengenal target pengguna untuk menyelaraskan strategi bisnis dan value proposition dengan keinginan, kebutuhan, tujuan, dan perasaan pengguna.<\/h5>\n<h1>Insight Statement<\/h1>\n<h4>Design Challenge<\/h4>\n<p>Membantu user menemukan teman yang mempunyai minat dan bakat&nbsp; yang sama dalam lingkup Universitas Brawijaya<\/p>\n<h4>Tema<\/h4>\n<p>Minat dan Bakat Mahasiswa<\/p>\n<h4>Insight<\/h4>\n<ul>\n<li>Mahasiswa mempunyai minat dan bakat yang bervariasi<\/li>\n<li>Mahasiswa kesulitan untuk mencari teman dengan minat dan bakat yang sama&nbsp;<\/li>\n<li>Mahasiswa dapat menemukan teman dengan minat dan hobi yang sama di sekitarnya<\/li>\n<li>Mahasiswa memiliki jaringan pertemanan yang sempit<\/li>\n<\/ul>\n<h1>How Might We Question<\/h1>\n<h4>Insight<\/h4>\n<p>Mahasiswa mempunyai minat dan bakat yang bervariasi<\/p>\n<h4>How Might We Question<\/h4>\n<p>Bagaimana jika kita mengumpulkan mahasiswa yang mempunyai minat dan hobi yang sama?<\/p>\n<h4>Insight<\/h4>\n<p>Mahasiswa kesulitan untuk mencari teman dengan minat dan bakat yang sama&nbsp;<\/p>\n<h4>How Might We Question<\/h4>\n<p>Bagaimana jika kita membantu mahasiswa menemukan teman melalui suatu aplikasi?<\/p>\n<h4>Insight<\/h4>\n<p>Mahasiswa dapat menemukan teman dengan minat dan bakat yang sama di sekitarnya<\/p>\n<h4>How Might We Question<\/h4>\n<p>Bagaimana jika kita menambahkan fitur penyeleksian teman&nbsp; yang lokasinya di sekitar mahasiswa tersebut?<\/p>\n<h1>User Journey<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"1139\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-1-768x1139.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-1-768x1139.png 768w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-1-202x300.png 202w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-1-690x1024.png 690w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-1-370x549.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-1-760x1127.png 760w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/pasted-image-0-1-1.png 1026w\" sizes=\"(max-width: 768px) 100vw, 768px\"><\/p>\n<h1>User Flow<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1278\" height=\"809\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/2Diagram.jpg\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/2Diagram.jpg 1417w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/2Diagram-300x190.jpg 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/2Diagram-1024x648.jpg 1024w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/2Diagram-768x486.jpg 768w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/2Diagram-370x234.jpg 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/2Diagram-760x481.jpg 760w\" sizes=\"(max-width: 1278px) 100vw, 1278px\"><\/p>\n<h5><b>User Flow<\/b> merupakan jalur yang diambil oleh pengguna untuk menyelesaikan proyek atau tugas<\/h5>\n<h5><b>User Journey<\/b> adalah  tool desain yang penting untuk memahami produk atau layanan menurut perspektif pengguna dan menggambarkan visualisasi langkah-langkah yang diambil pengguna untuk mencapai tujuannya.<\/h5>\n<h1>Information Architecture<\/h1>\n<h5><b>Information Architecture<\/b> adalah bagaimana kita menstrukturkan informasi dalam aplikasi atau web product kita sehingga memudahkan pengguna secara cepat menemukan apa yang mereka butuhkan.<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"641\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/ia-6-1024x641.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/ia-6-1024x641.png 1024w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/ia-6-300x188.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/ia-6-768x481.png 768w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/ia-6-1536x962.png 1536w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/ia-6-370x232.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/ia-6-760x476.png 760w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/ia-6.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/p>\n<h1>Mental Model<\/h1>\n<h5><b>Mental Model<\/b> adalah representasi internal seseorang terhadap dunia luar berdasarkan apa yang telah dipelajari dan dialami oleh orang tersebut.<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"786\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/mental-1024x786.jpg\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/mental-1024x786.jpg 1024w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/mental-300x230.jpg 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/mental-768x590.jpg 768w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/mental-370x284.jpg 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/mental-760x584.jpg 760w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/mental.jpg 1426w\" sizes=\"(max-width: 1024px) 100vw, 1024px\"><\/p>\n<h1>Wireframe<\/h1>\n<h5><b>Wireframe<\/b> adalah kerangka atau coretan kasar untuk penataan item-item pada halaman aplikasi sebelum proses desain sesungguhnya dimulai. Kami berkolaborasi menggunakan Adobe XD.<\/h5>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Splash-Screen-1.png\" alt=\"Splash Screen\"><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Login-Screen.png\" alt=\"Login Screen\"><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Home-Screen-guest.jpg\" alt=\"Home Screen (guest)\"><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Home-Screen-Login-1.jpg\" alt=\"Home Screen (Login)\"><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Profile-Screen-\u2013-About.jpg\" alt=\"Profile Screen \u2013 About\"><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Profile-Screen-of-Friend\u2013-6.jpg\" alt=\"Profile Screen of Friend\u2013 6\"><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Profile-Screen-of-Community-\u2013-6.jpg\" alt=\"Profile Screen of Community \u2013 6\"><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Search-Interest.jpg\" alt=\"Search Interest\"><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Inbox-List.jpg\" alt=\"Inbox List\"><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Personal-Chat.jpg\" alt=\"Personal Chat\"><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Daftar-Community.jpg\" alt=\"Daftar Community\"><\/figure>\n<p>Previous<br \/>\nNext<\/p>\n<h1>High Fidelity<\/h1>\n<h5><b>High Fidelity<\/b> mockup merupakan desain jadi dari aplikasi yang akan dibuat. Hi-fi mockup merupakan versi detail dari wireframe. Detail-detail yang ditambahkan pada hi-fi mockup seperti warna, icon, dll. Kami berkolaborasi menggunakan Adobe XD untuk membuat hi-fi mockup<\/h5>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Splash-Screen-2.jpg\" alt=\"Splash Screen\"><figcaption>Splash Screen<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Login-1.jpg\" alt=\"Login\"><figcaption>Login<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Home-Screen-Guest-\u2013-2.jpg\" alt=\"Home Guest\"><figcaption>Home Guest<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Home-Screen-Login.jpg\" alt=\"Home\"><figcaption>Home<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Profile-Screen-\u2013-About-\u2013-1.jpg\" alt=\"My Profile\"><figcaption>My Profile<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Search-Interest-\u2013-1.jpg\" alt=\"Search Interest or Talent\"><figcaption>Search Interest or Talent<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Profile-Screen-of-Friend-\u2013-8.jpg\" alt=\"Profile Friend\"><figcaption>Profile Friend<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Search-Community-1.jpg\" alt=\"Search Community\"><figcaption>Search Community<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Profile-Screen-of-Community-\u2013-9.jpg\" alt=\"Profile Community\"><figcaption>Profile Community<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Daftar-Community-\u2013-1.jpg\" alt=\"Add Community\"><figcaption>Add Community<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Inbox-List-\u2013-1.jpg\" alt=\"Inbox\"><figcaption>Inbox<\/figcaption><\/figure>\n<figure><img decoding=\"async\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/Personal-Chat-\u2013-1.jpg\" alt=\"Personal Chat\"><figcaption>Personal Chat<\/figcaption><\/figure>\n<p>Previous<br \/>\nNext<\/p>\n<h1>Evaluation<\/h1>\n<p>Visibility if system state<br \/>\n15.4%<br \/>\nMatch Between System and the Real World<br \/>\n7.4%<br \/>\nUser Control and Freedom<br \/>\n22.8%<br \/>\nConsistency and Standards<br \/>\n17%<br \/>\nHelp Users Recognize, Diagnose, and Recover From Errors<br \/>\n11.7%<br \/>\nHelp Users Recognize, Diagnose, and Recover From Errors<br \/>\n10.6%<br \/>\nRecognition Rather Than Recall<br \/>\n8.5%<br \/>\nFlexibility, Aesthetic and Minimalist Design<br \/>\n7.9%<\/p>\n<h5><font color=\"#06263f\"><b>Heuristic Evaluation<\/b> diambil dari gabungan hasil checklist pengujian masing-masing anggota kelompok terhadap aplikasi Stinder, lalu ditentukan severity rating dari setiap temuan.<\/font><\/h5>\n<h2>Wanna try our application? Lets go!<\/h2>\n<p><a href=\"https:\/\/bit.ly\/project-pux-stinder\" target=\"_blank\" role=\"button\" rel=\"noopener noreferrer\"><br \/>\nClick here<br \/>\n<\/a><\/p>\n<div class=\"zak-oembed-container\"><iframe loading=\"lazy\" title=\"STINDER : Find your friends based on what you interested with\" width=\"812\" height=\"457\" src=\"https:\/\/www.youtube.com\/embed\/ioiY9ZnKqXM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n<h2>Our Team<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"392\" height=\"392\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/lav.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/lav.png 392w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/lav-300x300.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/lav-150x150.png 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/lav-370x370.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/lav-160x160.png 160w\" sizes=\"(max-width: 392px) 100vw, 392px\"><\/p>\n<h5>M. Lavy Aunil<\/h5>\n<h5>Leader<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"374\" height=\"374\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/kar.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/kar.png 374w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/kar-300x300.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/kar-150x150.png 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/kar-370x370.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/kar-160x160.png 160w\" sizes=\"(max-width: 374px) 100vw, 374px\"><\/p>\n<h5>Karina Amadea<\/h5>\n<h5>UI\/UX Designer<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"536\" height=\"536\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/bel-1.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/bel-1.png 536w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/bel-1-300x300.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/bel-1-150x150.png 150w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/bel-1-370x370.png 370w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/bel-1-160x160.png 160w\" sizes=\"(max-width: 536px) 100vw, 536px\"><\/p>\n<h5>Salsabila Rahma<\/h5>\n<h5>UX Researcher<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"374\" height=\"370\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/ati.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/ati.png 374w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/ati-300x297.png 300w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/ati-370x366.png 370w\" sizes=\"(max-width: 374px) 100vw, 374px\"><\/p>\n<h5>Atifa Fiorenza<\/h5>\n<h5>Programmer<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" width=\"374\" height=\"382\" src=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/herr.png\" alt=\"\" srcset=\"http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/herr.png 374w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/herr-294x300.png 294w, http:\/\/ubproject.net\/class\/wp-content\/uploads\/2020\/05\/herr-370x378.png 370w\" sizes=\"(max-width: 374px) 100vw, 374px\"><\/p>\n<h4>Herman Syantoso<\/h4>\n<h5>UX Researcher<\/h5>\n<h2><a href=\"https:\/\/elementor.com\/?ref=1963\">Copyright \u00a9 2020. Made with \u2764\ufe0f by PUX C1.<\/a><\/h2>\n","protected":false},"excerpt":{"rendered":"<p>Stinder Your Student Finder Solution About Stinder is an mobile application that provide some features where we can find new friend with the same interest and talent, and search for a community that moves with goals in accordance with our interests or talents. Design Process Need Finding &amp; Problem We find a problem among Brawijaya [&hellip;]<\/p>\n","protected":false},"author":990027,"featured_media":5342,"parent":1581,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-2953","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/pages\/2953"}],"collection":[{"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/users\/990027"}],"replies":[{"embeddable":true,"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/comments?post=2953"}],"version-history":[{"count":68,"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/pages\/2953\/revisions"}],"predecessor-version":[{"id":10289,"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/pages\/2953\/revisions\/10289"}],"up":[{"embeddable":true,"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/pages\/1581"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/media\/5342"}],"wp:attachment":[{"href":"http:\/\/ubproject.net\/class\/wp-json\/wp\/v2\/media?parent=2953"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}