TELEGRAM REDESGIN GET OTP CODE

Achmad Farhan Febrianto
2 min readDec 4, 2021

--

User Flow

User flow digunakan untuk mendeskripsikan sebuah alur system pada aplikasi yang akan dibuatkan designya nanti, pada user flow ini merupakan system untuk GET OTP Code pada aplikasi Telegram dengan menggunakan Email dan No Telephone

Information Architecture

Information architecture merupakan metode yang digunakan dalam mengatur semua alur system, konten dan requirement pada sebuah aplikasi, Information architecture ini digunakan dalam melakukan redesign system get otp pada aplikasi telegram untuk mempermudah dalam penerapan desain dan pembuatan aplikasinyal

Wireframe

Wireframe memungkinkan untuk mendefinisikan information hierarchy dari desain, sehingga memudahkan kita dalam perencanaan layout sesuai dengan rencana kita tentang bagaimana user dapat memproses informasi.

Mockup

Mockup merupakan High-Level representation dari sebuah produk yang nantinya akan dibuat dan terapkan pada aplikasi yang sedang didevelop, mockup juga gabungan dari typography, colors, styles, dan component, Design mockup pada gambar diatas merupakan design dari dua activity ketika kita ingin melakukan login by phone ataupun email. Demi membantu user ada beberapa feedback yang digunakan dan mudah dimengerti oleh user jika ada kesalahan dalam pengisian email dan password.

Prototype

Setelah melakukan beberapa tahapan empati, define dan idieate dilalui kemudian tahapan selanjutnya yaitu prototype, Prototype ini merupakan alur sebuah aplikasi yang ditampilkan seperti kita menggunakan aplikasinya tersebut

--

--