Train Booking Mobile App

UI/UX ~ Didiek Trisatya

Deksripsi Singkat


Train Booking merupakan aplikasi yang berfungsi untuk membeli tiket kereta api. Pada design kali ini, saya akan menjelaskan bagaimana perbedaan dari design low fidelity wireframing dan high fidelity wireframing. Di mana pada low fidelity wireframing seringkali berbasis kertas dan tidak memungkinkan interaksi pengguna, sedangkan high fidelity wireframing memungkinkan interaksi pengguna dan merupakan hasil akhir dari suatu desain menangkap tampilan dan nuansa produk dalam tahap lanjut dari proses desain.


Deskripsi Lengkap


PENGENALAN APLIKASI

Train Booking merupakan aplikasi yang berfungsi untuk membeli tiket kereta api. Pada design kali ini, saya akan menjelaskan bagaimana perbedaan dari design low fidelity wireframing dan high fidelity wireframing. Di mana pada low fidelity wireframing seringkali berbasis kertas dan tidak memungkinkan interaksi pengguna, sedangkan high fidelity wireframing memungkinkan interaksi pengguna dan merupakan hasil akhir dari suatu desain menangkap tampilan dan nuansa produk dalam tahap lanjut dari proses desain.






LOW FIDELITY WIREFRAMING

Low Fidelity Wireframing adalah desain kasar yang dibuat tanpa ukuran dan akurasi piksel, jadi, desain ini masih sangat sederhana dan tidak terinci. Biasanya dibuat saat pertama kali mendapatkan ide dan ketika desainer UI/UX berusaha merancang dasar gagasan tersebut. Berikut adalah desain Low Fidelity Wireframing Train Booking:


HIGH FIDELITY WIREFRAMING

High Fidelity Wireframing adalah wireframe yang memiliki detail paling baik dibanding dua lainnya. Tipe wireframe ini didesain dengan layout pixel-specific. Rencana gambar dan konten sudah ditampilkan jelas dengan tipe wireframe ini beserta detail-detail lainnya. Berikut adalah desain High Fidelity Wireframing Train Booking:

LINK PROTOTYPE
https://www.figma.com/proto/osbLQnzbSsb0PLk6b3e4CI/Tugas-Design-Principle?node-id=0%3A1&scaling=scale-down&page-id=0%3A1&starting-point-node-id=27%3A90

REFERENSI
https://play.google.com/store/apps/details?id=com.kai.kaiticketing&hl=in&gl=US
https://unsplash.com/

Social Media

Jumlah like: 58

PORTFOLIO TERKAIT

MindVerse - Capstone Project UI Design

Hamdan Fauzaan

365

MindVerse - UI/UX Design

Hamdan Fauzaan

320

UI UX Web Company Profile Kiosk Smart Campus

Helmi Sulaeman

305