Beranda » UI / UX » Praktik Terbaik Untuk Desainer Web Tata Letak Responsif atau Aplikasi Asli? [Op-Ed]

    Praktik Terbaik Untuk Desainer Web Tata Letak Responsif atau Aplikasi Asli? [Op-Ed]

    Tidak dapat disangkal bahwa ponsel adalah masa depan. Dengan Google mengonfirmasi bahwa lebih banyak pencarian dilakukan di ponsel daripada di desktop, sangat jelas bahwa semua situs web benar-benar harus bergerak jika mereka belum melakukannya..

    Tetapi ada dikotomi yang menarik antara konten dalam browser melalui tata letak responsif dan konten dalam aplikasi melalui aplikasi asli.

    Saya ingin menjelajahi kedua area dan menggali ke akar setiap pilihan. Kapan situs web harus menggunakan aplikasi asli di atas tata letak responsif? Bisakah situs menjalankan keduanya? Ini adalah pertanyaan vital yang harus ditanyakan pada setiap proyek kreatif baru hari ini.

    Nilai Aplikasi Asli

    Sebagian besar pengguna ponsel pintar mengandalkan aplikasi asli untuk program favorit mereka. Facebook, Twitter, Instagram, dan lainnya semuanya menjalankan aplikasi asli mereka sendiri.

    Karena aplikasi asli berjalan pada sistem operasi lokal, semuanya sangat banyak lebih lancar dan lebih mudah dioperasikan dalam hal animasi, desain UI, dan organisasi konten. Aplikasi asli mengikuti panduan UI yang menjaganya konsisten dan asumsi alami. Pengguna sering secara inheren hanya tahu cara menggunakan menu geser dan bilah tab.

    Banyak penerbit besar memiliki aplikasi di iOS Store dan Google Play Store yang mencakup blog, aplikasi web, dan jejaring sosial. Tapi itu adil untuk dikatakan situs besar seperti Facebook dan Twitter dapatkan lebih banyak nilai dari aplikasi asli daripada situs yang lebih kecil.

    Debat ini memiliki pendapat ahli dan publikasi utama yang menawarkan sudut pandang mereka. Ini adalah topik hangat yang diperdebatkan baik untuk desainer dan agensi kreatif.

    Tetapi kenyataannya tetap bahwa aplikasi asli berguna dan dihargai oleh pengguna akhir. Satu-satunya variabel adalah memutuskan apakah situs web Anda dapat berfungsi lebih baik sebagai aplikasi seluler, atau jika pengguna bahkan menginginkannya.

    Situs Web Sepenuhnya-Responsif: Pro dan Kontra

    Dalam konteks umum, desain web responsif selalu merupakan hal yang baik. Desainer web tidak kehilangan apa pun dengan membuat tata letak mereka sepenuhnya responsif dan mudah ditempa ke layar apa pun.

    Namun dalam konteks aplikasi asli ada beberapa pertimbangan. pertama situs web responsif terbatas pada mesin rendering browser. Pada telepon pintar ini berarti animasi terbatas, tidak ada Flash, dan mengandalkan mesin rendering browser.

    Aplikasi asli dapat menggunakan fitur inti dari ponsel cerdas atau tablet. Perpustakaan animasi jauh lebih kuat secara asli dari CSS atau JS yang diberikan di browser.

    Hal yang sama berlaku untuk elemen input dalam bentuk, bersama dengan transmisi data dan masalah keamanan. Banyak orang lebih suka menggunakan aplikasi Pinterest daripada situs web Pinterest. Hal yang sama berlaku untuk Flipboard, Dropbox, Feedly, Gmail, atau layanan web utama lainnya.

    Tetapi seharusnya situs web tersebut tidak menawarkan tata letak yang responsif? Ada tiga pilihan:

    1. Paksa pengguna web seluler untuk mengunduh aplikasi asli
    2. Tawarkan tata letak web seluler dengan tautan opsional ke aplikasi asli
    3. Jalankan tata letak web seluler terpisah dari aplikasi asli

    Flipboard menggunakan opsi ke-2 dengan menempatkan spanduk di bagian atas setiap halaman. Anda dapat mendaftar akun Flipboard tepat di browser Mobile Safari. Tetapi jauh lebih mudah, lebih cepat, dan lebih intuitif untuk menggunakan aplikasi ini.

    Situs berita ZDNet bahkan tidak menyebutkan aplikasi seluler mereka saat berkunjung di Mobile Safari. Ini beroperasi seperti tata letak responsif yang khas dengan cerita berita dan posting fitur.

    Perbedaan terletak pada pengalaman pengguna. Tentukan yang terbaik untuk pengguna dan ukur dari mana sebagian besar lalu lintas berasal.

    Ingat bahwa aplikasi seluler memerlukan waktu untuk desain dan pemrograman. Mereka sering membutuhkan lebih banyak pekerjaan daripada membangun situs web. Jika Anda ingin aplikasi untuk situs Anda, pastikan itu melengkapi tata letak responsif Anda cukup untuk memberikan nilai nyata.

    Desktop-First atau Mobile-First?

    Ketika mendesain untuk web haruskah Anda mulai dengan lebar terluas atau lebar terkecil? Ini adalah pertanyaan yang cukup sering ditanyakan oleh freelancer dan agensi kreatif besar waktu.

    Pendapat yang sangat populer adalah pendekatan mobile-first yang dipopulerkan oleh buku Luke Wroblewski. Metode ini mempertimbangkan peningkatan progresif yang dimulai dari dasar-dasar dan meningkatkan fungsionalitas untuk lingkungan yang dapat menanganinya.

    Atau desainer lain bersandar pada pendekatan desktop-pertama yang berosilasi “ponsel dulu” untuk “mobile juga”.

    Strategi ini berfungsi dengan merencanakan semua fitur yang Anda inginkan pada monitor desktop ukuran penuh terlebih dahulu. Kemudian dari ide itu Anda secara bertahap mengurangi fitur, menentukan breakpoint, dan akhirnya sampai ke tata letak terkecil untuk smartphone.

    Apakah ada jawaban yang benar di sini? Haruskah tata letak responsif dimulai dengan layar terkecil, atau mobile-first merupakan konsep yang sudah ketinggalan zaman?

    Satu-satunya downside memilih satu dari yang lain berpotensi fitur yang hilang. Mulai dengan ponsel, Anda mungkin menghilangkan fitur atau lupa menambahkannya pada resolusi yang lebih besar. Dimulai dengan desktop Anda dapat merancang tata letak itu merasa terlalu ramai di ponsel.

    Namun tidak ada yang benar atau salah. Pilih alur kerja mana yang paling cocok untuk Anda. Hanya saja, jangan takut untuk membuat perubahan besar jika mereka dapat meningkatkan desain.

    Terbaik dari kedua dunia

    Membangun situs web yang sepenuhnya responsif yang berjalan pada layar apa pun kemungkinan akan memuaskan mayoritas pembaca. Jadi jika Anda sudah memiliki tata letak yang responsif, haruskah Anda repot-repot dengan aplikasi seluler?

    Seperti yang ditemukan dalam karya Modo Labs yang hebat ini, jawabannya adalah pengalaman pengguna. Tidak ada jawaban pasti yang absolut. Ini tentang metode yang menawarkan bentuk konsumsi terbaik proyek spesifik Anda pada perangkat seluler. Apakah pengguna Anda menginginkan aplikasi seluler? Atau situs web lebih dari cukup?

    Blog berita teknologi TechCrunch memiliki tata letak responsif dan aplikasi seluler gratis, baik untuk alasan yang baik. Situs mereka baru-baru ini meliput sebuah kisah yang menegaskan bahwa orang-orang di AS menghabiskan lebih banyak waktu di aplikasi daripada menonton TV.

    Tetapi bagaimana jika seseorang menautkan ke TechCrunch di Twitter? Jika seseorang mengklik tautan itu di iPhone, itu akan membuka Mobile Safari karena itu adalah tautan HTTP. Di sinilah tata letak responsif sangat berguna karena tidak semua orang menginginkan aplikasi Anda.

    Memang, beberapa pengguna masih ingin mengunjungi situs Anda dan mungkin lebih suka mengunjungi tanpa dipaksa untuk mengunduh aplikasi, gratis atau sebaliknya.

    Bekerja pada Dasar Per-Proyek

    Jawaban terbaik untuk debat aplikasi responsif vs asli adalah untuk mengevaluasi setiap proyek dan memutuskan apa yang terbaik berdasarkan kasus per kasus.

    Dari pengalaman saya, saya berpendapat itu jejaring sosial dan situs web interaktif paling diuntungkan dari aplikasi asli. Baik Android dan iOS memiliki kerangka kerja besar untuk membangun aplikasi yang dapat terhubung ke API, mengirim permintaan basis data, dan berfungsi lebih bersih daripada halaman web.

    Dan UI aplikasi asli ditampilkan seperti perangkat lunak, jadi Anda tidak perlu khawatir tentang properti CSS atau batasan browser. Ini adalah besar untuk platform yang membutuhkan pengguna untuk masuk dan melakukan interaksi terperinci.

    Tetapi situs web bisnis umum seperti restoran biasanya bekerja paling baik dengan tata letak yang hanya responsif - terutama mengingat jumlah pekerjaan yang diperlukan untuk membangun aplikasi asli.

    Blog dan majalah digital agak abu-abu. Aplikasi asli berfungsi dengan baik untuk beberapa aplikasi tetapi tidak diperlukan untuk yang lain. Biasanya tergantung pada Anda ukuran pasar dan audiens (mis. orang yang mengerti teknologi).

    Saat meluncurkan publikasi Internet baru ada banyak yang harus dipertimbangkan. Jika Anda baru memulai, saya sarankan untuk membangun sebuah situs web terlebih dahulu. Dari sana akan lebih mudah untuk menyimpulkan apakah aplikasi asli akan sepadan dengan usaha.

    Membungkus

    Itu harus pergi tanpa mengatakan itu setiap manfaat situs web modern dari menjadi responsif. Apakah Anda ingin membangun aplikasi asli atau tidak, tata letak situs Anda harus responsif dan dapat ditempa untuk ukuran layar apa pun. Tidak ada downside dan menyediakan halaman arahan yang stabil untuk pengguna seluler yang sedang naik daun.

    Beberapa situs web mungkin menawarkan tautan unduhan aplikasi ke pengunjung seluler. Ini bisa produktif dan bermanfaat untuk memasarkan platform seluler situs web Anda. Tapi terkadang ada baiknya menawarkan ini sebagai alternatif daripada mandat.

    Kumpulkan umpan balik pengguna jika memungkinkan dan ukur pendapat tentang aplikasi seluler. Cobalah untuk mempelajari apa yang sebenarnya dipikirkan pengunjung Anda tentang aplikasi seluler asli dan mendasarkan keputusan Anda pada penelitian lebih lanjut.