Desain Situs Web Aplikasi Seluler Killer Tip Dan Contoh

Adegan seluler telah tumbuh secara eksponensial selama beberapa tahun terakhir. IOS App Store bersama dengan Aplikasi Android di Google Play telah menjadi dua hotspot bagi para penggemar smartphone. Dengan meningkatnya jumlah pengguna ponsel pintar, kami melihat ratusan pengembang aplikasi seluler meluncurkan ide-ide baru ke pasar.

Sebagian besar aplikasi populer disertai oleh situs web mereka sendiri. Ini dapat membantu dengan pemasaran dan mendapatkan nama Anda di luar sana. Ini juga URL online yang jauh lebih cantik daripada App Store. Saya merasa bahwa aplikasi seluler yang sukses hampir membutuhkan kehadiran web.

Pada artikel ini saya ingin membahas beberapa tren desain paling umum untuk situs web aplikasi seluler. Tidak ada buku aturan ketat yang harus Anda ikuti untuk membangun tata letak seperti itu. Sebaliknya ada beberapa pedoman dan tren unik yang ditemukan oleh perancang web untuk bekerja dengan baik dalam mendapatkan audiens. Ditambah dengan Panduan Pengembangan iOS saya, Anda dapat membuat aplikasi seluler yang fantastis dan membuat situs webnya juga.

Lihatlah konsep-konsep di bawah ini dan cobalah menerapkan beberapa ke dalam tata letak situs web aplikasi Anda sendiri.

Screenshot Perangkat

Sepotong pokok untuk setiap situs web aplikasi seluler harus berupa tangkapan layar aplikasi. Pengunjung hanya tertarik pada aplikasi Anda, dan cara apa yang lebih cepat untuk menunjukkan tujuannya daripada melalui tangkapan layar? Anda dapat menyesuaikan pemotretan perangkat dengan gaya tata letak apa pun sehingga tidak menjadi faktor pembatas.

Easy Chef adalah aplikasi iOS Spanyol yang menggunakan banyak pemotretan perangkat. Bagian paling atas dari tata letak memiliki pratinjau tampilan slide dari berbagai pandangan. Tetapi saat Anda menggulir ke bawah, Anda akan melihat diagram lain menggunakan tampilan iPhone. Panel-panel ini termasuk label terperinci dan tampilan layar yang diperbesar dan tertutup. Saya sebenarnya telah menulis tentang mendesain grafik produk yang informatif di pos lama.

Pengaturan menarik lainnya dapat ditemukan di halaman galeri Tweetbot. Ini adalah klien Twitter yang sangat populer untuk iPhone dan para pengembang telah mengumpulkan contoh layar geser. Jika Anda mencoba menghemat ruang di tata letak Anda, ini mungkin solusi yang lebih mudah. Pengunjung tidak perlu gulir ke bawah untuk mencari tampilan tertentu. jQuery mudah diimplementasikan dan Anda dapat dengan cepat menyusun pratinjau geser layar iPhone. Mungkin sulit untuk memasukkan detail tambahan, tetapi ini dapat ditambahkan di bagian lain.

Lencana App Store

Teknik ini juga tampaknya sangat omong kosong setelah Anda selesai membangun aplikasi. Lencana dengan cepat dikenali sebagai tautan unduhan ke pasar aplikasi. Baik pengguna Android dan iOS memiliki kemampuan untuk melihat aplikasi langsung dari browser mereka, atau ini akan mengarahkan ketika dilihat pada smartphone.

Saya suka menggunakan Instagram sebagai contoh karena situs web telah diperbarui ke tata letak yang lebih baru. Mereka memiliki lencana yang mendukung Android Marketplace (Google Play) dan iOS App Store. Kedua lencana ini sangat sederhana dalam desain namun mudah dikenali secara sekilas. Jika Anda mencari desain yang lebih kompleks, saya sarankan pencarian dribbble cepat. Desainer yang berbakat sering membagikan konsep lencana toko aplikasi mereka untuk kritik yang membangun.

Jaringan Sosial Seluler

Facebook dan Twitter telah beralih ke seluler, tetapi ini tidak menghentikan jaringan lain untuk tumbuh. Kami melihat jejaring sosial menggunakan aplikasi seluler untuk memungkinkan platform komunikasi yang sama sekali baru.

Localmind menggunakan konsep yang mirip dengan Foursquare, tempat Anda mendaftarkan akun dan mulai memeriksa ke tempat-tempat lokal. Anda dapat meninggalkan pertanyaan, atau menjawab pertanyaan orang lain. Situs web mereka sangat ramah dan mengundang bagi pendatang baru. Saya terutama menyukai bagian spanduk atas yang dirancang dengan latar belakang peta khusus. Penggunaan gradien dan tekstur latar belakang memberi kehidupan situs web sendiri.

Berbagi Foto Minimal

Pose adalah jaringan seluler lain dengan cita-cita serupa untuk desain minimalis. Anda dapat mengunduh aplikasi seluler untuk perangkat iOS & Android. Perasaan ini mirip dengan weheartit tetapi untuk pecinta mode ponsel. Seluruh aplikasi difokuskan pada mode, rambut, tata rias, dan glamor.

Pengguna dapat mengambil foto pakaian, pakaian, atau aksesori mereka dan membaginya di seluruh jaringan. Satu hal yang perlu diperhatikan tentang Pose adalah seberapa cepat Anda dapat menjelajahi situs web. Sangat mudah untuk menemukan blog perusahaan, detail kontak, dll. Situs web aplikasi lain sering mengabaikan fitur korporat ini yang bisa menjadi subjek yang sensitif.

Jika Anda ingin menarik perhatian dari media, penting untuk membuat situs web Anda terlihat dan terasa seperti produk jejaring sosial yang nyata. Anda tidak hanya mencoba menjual aplikasi Anda (dengan iklan atau berlangganan berbayar) tetapi juga menjual jaringan itu sendiri. Aplikasi sosial pasti bisa lebih sulit daripada merancang situs web aplikasi reguler. Tetapi mereka juga mengumpulkan lebih banyak unduhan dari pengguna dan ini adalah bidang baru yang menarik untuk seluler.

Dari Awal yang Rendah Hati

Desainer web tidak selalu mampu menyatukan gambar dan ikon yang keterlaluan. Untungnya situs web aplikasi tidak kritis terhadap seberapa banyak kecakapan Adobe Photoshop yang Anda miliki. Saya sebenarnya merasa bahwa minimalis dapat bekerja lebih baik untuk gaya tata letak ini.

Leef App adalah klien Forrst yang baru dirilis untuk iPhone. Situs web mereka mencakup tangkapan layar aplikasi yang indah bersama dengan tombol unduhan tebal yang besar. Semua teks halaman disederhanakan dengan cara yang mirip dengan font dan skema warna Apple.

Apa yang membuat situs web Leef hebat adalah sifat jujur dari setiap elemen halaman. Ini terang-terangan dan dimuka tanpa ada yang disembunyikan atau disingkirkan. Saya sarankan mencoba gaya ini sebagai situs web aplikasi seluler pertama Anda, jika ada hanya untuk latihan. Anda dapat belajar banyak dengan meminimalkan informasi yang kurang dan berkonsentrasi pada apa yang menarik perhatian.

Ruang putih yang indah

Yang juga sangat sederhana adalah situs web Aplikasi Kamera Wood. Tata letak mereka tidak memiliki apa pun selain latar belakang putih polos dan konten terpusat. Konten ini mencakup beberapa tangkapan layar default, lencana toko aplikasi, dan beberapa fitur kunci tambahan.

Jika Anda merasa minimalis dan ruang putih penting untuk tata letak Anda maka tetaplah menggunakannya! Wood Camera bukan tata letak situs web yang sangat membingungkan, tetapi sangat mudah dinavigasi. Situs mereka bahkan tidak menautkan ke konten pengganti selain dari halaman resmi pengembang. Ini menjaga fokus pada aplikasi dan apa yang dapat ditawarkannya, yang jauh lebih penting daripada grafik yang mencolok. Meskipun itu bukan berarti karya seni mencolok adalah ide yang buruk - itu hanya membutuhkan implementasi yang tepat.

Ilustrasi Berwarna-warni

Justru sebaliknya dengan pendekatan minimalis adalah sebuah karya dengan ilustrasi unik, yang saya sangat suka. Sering kali detail ekstra ini benar-benar menjual saya aplikasi. Salah satu contoh yang bisa saya hubungkan adalah Aplikasi Barista untuk iPhone. Header situs mereka penuh dengan cappuccino vektor kecil dan minuman espresso.

Tetapi perhatikan bagaimana tidak ada gambar lain saat menggulir ke bawah halaman. Seluruh bagian atas ini dirancang khusus untuk aplikasi iPhone, mirip dengan a halaman arahan. Vektor menangkap mata Anda segera dan juga petunjuk tentang apa aplikasi itu.

Kitchenator adalah aplikasi iOS serupa yang mengubah satuan pengukuran untuk memasak dan memanggang. Tata letak tajuknya menggunakan tekstur kayu yang kaya, taplak kotak-kotak, dan sendok air mini. Citra ini mengisyaratkan tujuan aplikasi ini bahkan sebelum Anda membaca sekilas kontennya.

Gaya desain ini benar-benar menembus seluruh tata letak. Area footer cocok dengan latar belakang kayu yang serupa dan banyak pilihan font yang sama. Ini adalah contoh tata letak situs web yang sangat sederhana dengan beberapa grafik yang sangat kuat.

Situs Web Aplikasi: Showcase Premium

Artikel apa yang akan lengkap tanpa sedikit permen? Seiring dengan teknik di atas, saya juga telah mengumpulkan galeri indah situs web aplikasi seluler ini; perhatikan logo dan skema navigasi, serta URL domain. Dengan mempelajari apa yang dilakukan para profesional, Anda dapat memahami tren desain dan menggunakannya dalam proyek Anda sendiri.

Aplikasi Bosquet