- Fitur peta watchOS di Pedometer++ telah disempurnakan selama lebih dari 6 tahun dengan tujuan menghadirkan pengalaman peta terbaik yang mungkin di Apple Watch, dan dengan rilis Pedometer++ 8 perjalanan itu mencapai tonggak penting
- Upaya awal menggunakan pendekatan membuat peta di server lalu menampilkannya di Apple Watch, tetapi karena data olahraga harus bolak-balik dikirim setiap kali, pendekatan ini tidak praktis untuk navigasi maupun penggunaan sehari-hari dan juga tidak bisa bekerja secara offline
- Untuk mendapatkan kontrol yang dibutuhkan di watchOS, mereka membangun sendiri mesin rendering peta native SwiftUI dan pada 2021 sudah mampu merender peta berbasis tile secara stabil serta menumpangkan informasi lokasi di atasnya
- Untuk menyesuaikan dengan watchOS 26 dan Liquid Glass, mereka membuat peta dasar baru bersama Andy Allen, mengurangi kompleksitas visual serta meningkatkan kontras dan saturasi agar tetap mudah dibaca bahkan di bawah elemen bergaya kaca
- Bersama Rafa Conde, mereka membuat tata letak baru dengan metrik yang ditumpuk sebagai layer di kiri atas dan peta ditempatkan sebagai halaman paling atas dalam tumpukan vertikal; setelah divalidasi lewat ratusan mil penggunaan lapangan, desain ini masuk ke versi final Pedometer++ 8
Perjalanan peta watchOS di Pedometer++
- Kebiasaan penting agar tidak tersesat di gunung atau area outdoor adalah sangat sering memeriksa lokasi saat bergerak, dan peta di pergelangan tangan menjadi cara terbaik untuk melakukannya
- Sejak awal peluncuran Apple Watch, sudah ada keinginan untuk memiliki peta yang bagus di pergelangan tangan, tetapi secara realistis peluang baru muncul setelah watchOS 6 memperkenalkan SwiftUI dan memungkinkan pembuatan aplikasi yang “sesungguhnya”
- Apple Watch generasi awal memiliki layar kecil dan prosesor lambat, sehingga sulit mencapai tingkat yang diinginkan, dan percobaan peta pertama Pedometer++ menggunakan metode membuat peta di server
- Metode pembuatan di server ini mengharuskan data olahraga terkait dikirim bolak-balik setiap kali layar diperbarui, sehingga berguna untuk memvalidasi ide, tetapi tidak praktis untuk navigasi atau penggunaan harian dan tidak bisa bekerja secara offline
Mesin peta kustom berbasis SwiftUI
- Untuk benar-benar maju di watchOS, dibutuhkan kontrol tingkat lebih rendah, sehingga mereka membangun sendiri mesin rendering peta yang sepenuhnya native SwiftUI
- Saat itu SwiftUI adalah opsi yang didukung di watchOS, dan ini juga membantu memasukkan peta ke widget yang hanya mendukung SwiftUI
- Pada 2021, mereka mencapai tingkat di mana peta bisa dirender di watchOS secara stabil dan dengan performa yang baik
- Mesin ini dapat merender peta berbasis tile dan menumpangkan informasi lokasi di atasnya
Batasan desain layar watchOS
- Mendesain aplikasi watchOS adalah tantangan yang menyenangkan sekaligus membuat frustrasi karena batasan layar kecil dan pengoperasian dengan satu tangan
- Tujuannya adalah membuat pengguna bisa membaca peta dan memakainya untuk navigasi, sambil tetap dapat mengakses informasi terkait olahraga
- Setelah berbagai percobaan desain, untuk sementara mereka mengadopsi pendekatan modal yang memakai tombol kiri atas untuk berpindah antara layar peta dan layar metrik
- Pendekatan ini memungkinkan satu layar dipakai untuk menggeser, memperbesar, dan memperkecil peta dengan bebas, sementara layar lain menyediakan metrik dan kontrol lewat antarmuka halaman tab khas watchOS
- Namun desain ini terasa seperti kompromi, dan sulit menaruh peta interaktif di dalam struktur UI yang membutuhkan gesture swipe untuk navigasi
- Seiring layar Apple Watch membesar, tampaknya kebutuhan untuk memisahkan ruang khusus secara tegas demi membuat peta berguna pun berkurang
- Setelah itu mereka juga mempertimbangkan menempatkan metrik di bawah layar, tetapi pada aktivitas panjang atau olahraga yang tidak berfokus pada navigasi, muncul keterbatasan lain
- Berbagai alternatif desain ini sama-sama memiliki batasan bahwa aplikasi hanya bisa menampilkan sekumpulan field tetap pada satu waktu
- Antarmuka memang bisa dibuat dapat dikonfigurasi pengguna, tetapi dalam desain watchOS interaksi yang memakan lebih dari beberapa detik sebaiknya dihindari, dan pengaturan pengguna pada dasarnya merepotkan sehingga dianggap tidak cocok
Membuat peta baru yang selaras dengan Liquid Glass
- Saat masih memikirkan struktur aplikasi, Apple mengumumkan watchOS 26 dan Liquid Glass
- Elemen desain inti Liquid Glass adalah layering elemen bertumpuk, dan jenis warna yang saling cocok juga penting
- Sebelumnya, aplikasi menggunakan Thunderforest Outdoors sebagai peta dasar, dan meskipun konten yang disertakan bagus, tampilannya kurang cocok untuk Liquid Glass saat elemen bergaya kaca diletakkan di atasnya
- Bersama pembuat peta Andy Allen, mereka membuat peta dasar yang sepenuhnya baru agar terlihat baik di Liquid Glass
- Pada peta baru, mereka mengurangi kompleksitas visual, meningkatkan kontras elemen, dan menaikkan saturasi elemen peta agar tidak tampak kusam dan menyatu di bawah lapisan kaca
- Melalui pekerjaan ini, mereka juga bisa membuat varian dark mode untuk tile peta
- Dark mode juga berguna di iOS, tetapi efeknya sangat terasa di watchOS, dan peta tersebut disetel agar sangat mudah dibaca bahkan dari jarak sepanjang lengan
- Hasilnya adalah peta yang cocok untuk watchOS, tetapi desain aplikasi yang setara kualitasnya masih belum memadai
Rafa Conde dan tata letak baru
- Untuk keluar dari kebuntuan desain, mereka bekerja sama dengan desainer Rafa Conde
- Dari berbagai alternatif tata letak, arah akhir yang dipilih adalah desain dengan metrik ditumpuk sebagai layer di kiri atas dan peta ditempatkan sebagai halaman paling atas dalam tumpukan vertikal
- Desain ini menangani masalah peta interaktif dengan membuat pengguna harus mengetuk peta terlebih dahulu untuk masuk ke mode eksplorasi
- Setelah konsep keseluruhan ditetapkan, pekerjaan dilanjutkan ke pembuatan aplikasi nyata dan penyempurnaan detail
- Konsep Rafa dengan cepat diwujudkan menjadi prototipe yang berjalan, lalu divalidasi di lapangan sambil berjalan ratusan mil
- Setelah itu font dan pilihan desain yang lebih halus disempurnakan hingga mencapai desain final yang dimasukkan ke Pedometer++ 8
- Tampilan final dirapikan menjadi desain yang mudah dibaca dan berguna, terasa alami di platform watchOS, namun tetap baru dan khas
Mengapa tidak memakai MapKit
- Pengerjaan peta kustom sudah berjalan sejak sebelum Apple MapKit untuk watchOS hadir, dan alasan memilih implementasi sendiri alih-alih MapKit adalah karena kurangnya kemampuan konfigurasi dan utilitas yang dibutuhkan Pedometer++
- MapKit bagus untuk kebutuhan dasar, tetapi tidak memberikan tingkat kontrol yang ingin disediakan Pedometer++
- MapKit di watchOS selalu ditampilkan dalam dark mode; ini mungkin bagus sebagai default, tetapi menciptakan keterbatasan dari sisi aksesibilitas dan pilihan pengguna, sehingga seharusnya bisa dipilih oleh pengguna
- Seiring waktu, kemampuan MapKit di watchOS memang bertambah, tetapi dari sisi animasi dan overlay masih tetap terbatas
- Cakupan garis kontur medan dan penanda trail di MapKit memang terus membaik, tetapi masih banyak tempat yang membutuhkan detail lebih kaya bahkan ketika peta MapKit tampak hampir kosong
- Sebagai contoh, artikel ini membandingkan perbedaan antara peta kustom dan MapKit di pintu masuk salah satu rute hiking favorit di Skotlandia
2 komentar
Saya tidak mendaki, tapi usaha yang mereka curahkan ke aplikasinya luar biasa besar.
Bahkan sampai merekrut pembuat peta..
Komentar Hacker News
Fakta bahwa Apple Watch tidak punya peta pendakian/topografi buatan Apple sendiri terasa seperti kegagalan besar. Bahkan Watch Ultra paling mahal yang ditujukan untuk “petualang” pun tidak memilikinya, dan fitur seperti impor GPX nyaris seperti mimpi
Memang pada akhirnya ini perangkat gaya hidup, tapi tetap disayangkan
Evolusinya luar biasa, dan juga menarik melihat apa yang bisa dibuat ketika keluar dari kebiasaan desain seperti UI rata tengah dan simetris. Sampai-sampai jadi ingin punya Apple Watch
Di tangkapan layar artikel terlihat Hidden Valley di Glen Coe, Skotlandia, salah satu rute jalan kaki singkat favorit saya
Namun, kenangan tentang rumah di bawah lembah itu kurang menyenangkan. Dulu saya sering melewatinya dengan mobil, memandangi rumah yang selalu tertutup itu seperti dalam mimpi, di sudut terpencil di antara pegunungan, dan membayangkan betapa istimewanya tinggal di tempat seperti itu. Parkiran jalur pendakiannya hanya beberapa ratus meter lebih jauh di atas jalan
Beberapa tahun kemudian saya mengenali rumah itu dalam dokumenter Louis Theroux, saat ia mengunjunginya bersama pemiliknya, tokoh TV Jimmy Saville. Setelah kembali ke Australia, kemudian terungkap setelah kematian Saville bahwa ia adalah salah satu pelaku kejahatan seksual dan terhadap anak paling terkenal di Inggris, dan itu benar-benar mengerikan. Nama dan kontur pondok itu benar-benar terlihat di bagian atas peta pada tangkapan layar
Saya penasaran lalu mencari tahu, dan tampaknya mereka membuat gambar peta kustom yang besar dan enak dilihat dengan mempekerjakan kartografer untuk menambahkan detail seperti jalur pendakian yang tidak ada di Apple Maps
Jadi, tidak seperti Apple Maps yang dirender secara dinamis, ini pada dasarnya menampilkan tile gambar. Mereka bisa membuat peta yang lebih indah dan lebih detail, tetapi ini memengaruhi hal-hal seperti unduhan terpisah per tingkat zoom, rotasi, dan kemungkinan pembaruan
Penyedia peta aslinya menyediakan layanan vector tile dan raster tile sekaligus: https://www.thunderforest.com/maps/outdoors/
Pendekatan yang umum adalah langsung menggunakan layanan vector tile dan definisi style, atau jika perlu membuat raster tile
Sebagai pengguna Pedometer++, saya kagum pada obsesi David terhadap detail yang ia pertahankan selama bertahun-tahun. Evolusi aplikasinya sungguh luar biasa
Sebelumnya ia mencurahkan banyak usaha ke Watchsmith hingga pada dasarnya menjadi ahli kelas dunia di bidang widget, dan karena itu proses ia meraih sukses besar lewat Widgetsmith juga mengagumkan. Menurut saya ini contoh orang yang memang pantas berhasil lalu benar-benar berhasil
Untuk jam tangan, tile statis adalah pilihan yang tepat. Saya pernah mencoba rendering dinamis di perangkat yang sangat terbatas, dan pan/zoom habis dimakan jeda garbage collection di setiap frame
Apple Maps di WatchOS cukup bagus, tetapi biasanya saat saya naik sepeda, mengatur rute, lalu sekitar 3 menit kemudian layar “Apakah Anda sedang berolahraga?” menimpa tampilannya, jadi saya tidak bisa melihat peta sampai saya berhenti lalu mematikannya
Menurut saya layar itu seharusnya tidak mengambil seluruh layar; lebih baik jadi notifikasi, atau setelah beberapa waktu diam-diam mulai merekam saja
Aneh, kalau memang ada orang di Apple yang mengembangkan ini, mereka pasti mengalami masalah ini
Jika peta di aplikasi ini bisa tetap menguasai dan mempertahankan layar, itu mungkin akan menjadi fitur killer bagi saya. Namun, setelah sekilas melihat halaman App Store-nya, tidak jelas fitur mana yang ada di balik langganan dan mana yang tidak, dan saya benci aplikasi yang tidak memberi tahu sampai semua pengaturan selesai, jadi kemungkinan saya hanya akan mencoba mengingat untuk memulai olahraga referensi secara manual