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 & Problem
We find a problem among Brawijaya student through some research, and make interview with them to get an insight
Information Architecture and Mental Model
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
Empathize
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
Wireframe & Screenflow
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
Evaluation
We make a heuristic evaluation to test whether our application is user friendly to our target user
User Journey & User Flow
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
High Fidelity Prototype
We make an interactive prototype that simulates the real system or site’s functionality and design details
Design Challenge
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
User Research
Kami melakukan user research dengan metode user interview, dimana kami melakukan wawancara kepada user dan stakeholder kami yaitu mahasiswa Universitas Brawijaya untuk mendapatkan insight
Pertanyaan Wawancara
- Apa hal yang Anda minati
- Seberapa aktifkah Anda di kampus?
- Pernahkah Anda kesusahan untuk mencari teman luar fakultas se Universitas Brawijaya yang seminat atau bakat untuk lomba, event, atau hobi yang sama?
- Bagaimana Anda selama ini mencari teman yang seminat atau bakat?
- 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?
- Bagaimana pendapat Anda jika terdapat suatu aplikasi untuk mencari teman yang seminat atau bakat se universitas brawijaya?
- Menurut Anda fitur apa yang ingin Anda tambahkan pada suatu aplikasi yang dapat membantu Anda mencari teman seminat atau bakat?
Hasil Wawancara
- Minat mahasiswa bervariasi mulai dari olahraga, seni, musik, esport, dan lain lain
- Rata – rata mahasiswa aktif kegiatan selain kuliah, baik itu kegiatan diluar kampus maupun di dalam kampus.
- 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
- 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
- Kebanyakan mahasiswa belum pernah mencarinya dengan aplikasi.
- Mahasiswa akan merasa terbantu dengan aplikasi yang ada.
- Jawabannya bervariasi, namun mahasiswa akan terbantu jika ada fitur nearby dan fitur seleksi teman berdasarkan minat yang sama, daerah, dan juga umur
User Persona
Persona 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.
Empathy Map
Empathy Map adalah sebuah tool untuk mengenal target pengguna untuk menyelaraskan strategi bisnis dan value proposition dengan keinginan, kebutuhan, tujuan, dan perasaan pengguna.
Insight Statement
Design Challenge
Membantu user menemukan teman yang mempunyai minat dan bakat yang sama dalam lingkup Universitas Brawijaya
Tema
Minat dan Bakat Mahasiswa
Insight
- Mahasiswa mempunyai minat dan bakat yang bervariasi
- Mahasiswa kesulitan untuk mencari teman dengan minat dan bakat yang sama
- Mahasiswa dapat menemukan teman dengan minat dan hobi yang sama di sekitarnya
- Mahasiswa memiliki jaringan pertemanan yang sempit
How Might We Question
Insight
Mahasiswa mempunyai minat dan bakat yang bervariasi
How Might We Question
Bagaimana jika kita mengumpulkan mahasiswa yang mempunyai minat dan hobi yang sama?
Insight
Mahasiswa kesulitan untuk mencari teman dengan minat dan bakat yang sama
How Might We Question
Bagaimana jika kita membantu mahasiswa menemukan teman melalui suatu aplikasi?
Insight
Mahasiswa dapat menemukan teman dengan minat dan bakat yang sama di sekitarnya
How Might We Question
Bagaimana jika kita menambahkan fitur penyeleksian teman yang lokasinya di sekitar mahasiswa tersebut?
User Journey
User Flow
User Flow merupakan jalur yang diambil oleh pengguna untuk menyelesaikan proyek atau tugas
User Journey adalah tool desain yang penting untuk memahami produk atau layanan menurut perspektif pengguna dan menggambarkan visualisasi langkah-langkah yang diambil pengguna untuk mencapai tujuannya.
Information Architecture
Information Architecture adalah bagaimana kita menstrukturkan informasi dalam aplikasi atau web product kita sehingga memudahkan pengguna secara cepat menemukan apa yang mereka butuhkan.
Mental Model
Mental Model adalah representasi internal seseorang terhadap dunia luar berdasarkan apa yang telah dipelajari dan dialami oleh orang tersebut.
Wireframe
Wireframe adalah kerangka atau coretan kasar untuk penataan item-item pada halaman aplikasi sebelum proses desain sesungguhnya dimulai. Kami berkolaborasi menggunakan Adobe XD.
Previous
Next
High Fidelity
High Fidelity 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
Previous
Next
Evaluation
Visibility if system state
15.4%
Match Between System and the Real World
7.4%
User Control and Freedom
22.8%
Consistency and Standards
17%
Help Users Recognize, Diagnose, and Recover From Errors
11.7%
Help Users Recognize, Diagnose, and Recover From Errors
10.6%
Recognition Rather Than Recall
8.5%
Flexibility, Aesthetic and Minimalist Design
7.9%
Heuristic Evaluation diambil dari gabungan hasil checklist pengujian masing-masing anggota kelompok terhadap aplikasi Stinder, lalu ditentukan severity rating dari setiap temuan.
Wanna try our application? Lets go!
Our Team
M. Lavy Aunil
Leader
Karina Amadea
UI/UX Designer
Salsabila Rahma
UX Researcher
Atifa Fiorenza
Programmer
