Description

13 Mei 2019,

Kini mulai banyak bermunculan app yang berisi kumpulan beberapa mikro app, atau yang sering kita sebut sebagai Super App. Tentu memiliki satu app yang dapat melakukan banyak hal sangatlah menyenangkan. Tapi masalah muncul ketika antar mikro app tersebut memiliki hirarki yang sama. Misalnya sama-sama memiliki homepage utama yang dibutuhkan user. Jika menggunakan desktop, maka dengan mudah kita dapat membuat multiple homepage. Misalnya kita dapat membuat satu homepage utama yang berisi jalan pintas ke masing-masing mikro app. Namun bagaimana dengan app?. Keterbatasan ukuran layar menjadi salah satu tantangannya. Bagaimana kita dapat menyajikan multiple homepage kepada user yang mudah diakses namun juga memberikan kelengkapan informasi.

Ada interaksi menarik pada aplikasi Pocket. Dimana ikon Home pada homepage dapat diketuk untuk menampilkan beberapa pilihan menu. Asumsinya, Pocket menggunakan interaksi tersebut karena dari masing-masing menu (My List, Archive, Favorites, Highlights, Shared to Me) memiliki hirarki dan tampilan konten yang kurang lebih sama. Interaksi tersebut memiliki kelebihan dan kekurangan tentunya. Salah satu kelebihan yang saya suka adalah kita tidak perlu menampilkan daftar menu pada homepage. Biasanya untuk menampilkan konten dengan hirarki yang sama salah satunya menggunakan Tabs. Namun pada kasus ini penggunaan Tabs untuk menampilkan daftar menu bisa jadi malah akan menjadi distraksi untuk pengguna.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/1be4b993-d709-4bf4-8517-05ce337bfeec/pocket_screen.png

Selain Pocket, Quora juga menggunakan interaksi sejenis. Di sini, Quora ingin menampilkan konten yang sama namun beda bahasa. Daripada menyembunyikan pengaturan bahasa pada menu akun atau pengaturan, Quora lebih memilih membuat multiple homepage untuk beberapa bahasa.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/bbe0f24e-eae2-43b8-b0e9-766ab9edd2a0/quora_screen.png

Contoh lainnya ada pada Google Tasks. Di sini Google ingin menampilkan nama-nama task list milik kita. Daripada membuat section pada homepage atau bahkan menambahkan menu pada sidebar, Google lebih memilih membuat multiple homepage untuk menampilkan task list tersebut.

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0c3d0de5-275e-4089-b355-2106681223ad/google_screen.png

Interaksi multiple homepage ini sangat efektif digunakan untuk menampilkan konten yang memiliki hirarki sama. Dengannya, pengguna dapat dengan mudah memilih homepage mana yang dia inginkan. Tentunya hanya dengan satu atau dua kali ketuk. Jika super app kamu mulai banyak menambahkan mikro app yang punya masing-masing homepage, mungkin kamu bisa mencoba interaksi multiple homepage ini.

Berikut saya sertakan prototype multiple homepage yang bisa digunakan untuk eksplorasi desain kamu. Tenang, berkas tersebut bebas kamu gunakan untuk apapun kok 😉. Unduh berkas Sketch dan Invision Studio pada bagian resources.

Jika kamu memiliki kritik atau pun saran, sila mention saya di @rezafaizarahman ya. Sampai jumpa besok! 👋

Design

https://projects.invisionapp.com/prototype/01-multiple-home-cjvmnoc0m0000pf01ruwyxybq/play/31368a01

Resources

Design: https://dribbble.com/shots/6478279-01-Multiple-Homepage

Source: https://github.com/rezafaizarahman/tiga-puluh/tree/master/01 multiple home