Öteki başlıkta belirttiğim gibi Xiaomi Mi Box S kullanıyorum ve uygulama deneyimimin çoğu kumanda ile oluyor. Bu nedenle hem Android telefon kullanıcıları hem de Android TV üzerinde kumanda ile kullanan kişiler için tasarım konusunda birkaç değişiklik önerilerim var. Ancak önce Netflix, YouTube, Google Play Filmler ve Amazon Prime Video gibi diğer streaming uygulamalarının arayüzüne bakalım. Benim önerilerim de bu uygulamaların tasarımına dayanıyor.
* Netflix
Netflix'te tüm menü seçenekleri sol tarafta yer alıyor. Buradaki seçenekler: Ara, Ana Sayfa, En Son, Diziler, Filmler, Listem, Yardım Al ve Netflix'ten çık. Kumandadaki geri tuşuna basınca veya film/dizi listelerinde hangi satırda olursak olalım en sola geldiğimizde menü açılıyor. Bulunulan aktif bölüm, menüde simgenin altındaki kırmızı çizgi ile belirtiliyor. Örneğin Filmler kısmında isek sol menüde film simgesinin altında kırmız çizgi oluyor. Seçili film/dizi afişinin etrafında beyaz çerçeve oluyor.
* YouTube
Youtube'da da menü seçenekleri Netflix'te olduğu gibi sol tarafta. Menü seçenekleri: Ara, Ana Sayfa, Haberler, Müzik, Oyun, Abonelikler, Kitaplık ve Ayarlar. Yine menüyü açmak için hangi satırda ve videoda olursak olalım doğrudan kumandadan geri tuşuna basabilir veya en sola gelebiliriz. Burada da aktif bölüm simgesinin altı kırmızı ile çizili. Seçili video etrafında beyaz çerçeve ile belirtiliyor.
* Google Play Filmler
Yine tüm menü sol tarafta. Aslında bunlar menü seçeneği değil, fakat film kategorileri. Bu nedenle bu menüdeki seçenekler: Kitaplık, çeşitli film kategorileri, Film Türleri, Yardım ve Ayarlar. Bu menüyü geri tuşuyla veya en sola gelerek açabiliyoruz. Seçili film afişi daha büyük olarak gösteriliyor.
* Amazon Prime Video
Burada diğer uygulamalardan farklı olarak menü seçenekleri en üstte yer alıyor. Bunlar: Arama, Anasayfa, TV Dizileri, Fimler, Çocuk, İzleme Listesi, Ayarlar. Menüyü açmak için en üste gelene kadar geri tuşuna basabilir veya yön tuşları ile en üste gelebiliriz. Aktif bölüm ise en tepede doğrudan yazı ile belirtiliyor. Örneğin Filmler bölümünde isek bir film afişinin üzerine gelince menü kayboluyor ve en tepede Filmler yazıyor. Seçili film/dizi ise sarı bir çerçeve ile belirtiliyor.
* seyirTÜRK
Bir de seyirTÜRK'de durumlar nasıl ona bakalım. Burada uygulama seçenekleri 3 ayrı yere dağılmış durumda. Birincisi sol üst köşedeki ana menü gibi düşünebileceğimiz simge. İkincisi Sayfam, Fimler ve Diziler arasında geçiş yapılabilecek menü. Son olarak ise sağ üst köşedeki ekrana göre değişen butonlar. Menüyü açmak için kumandadaki yön tuşları ile en üste çıkmak gerekiyor. Mesela Filmler sayfasında en son satırda isem ve IPTV'ye geçmek istiyorsam tek tek en üste gelmeli, sonra menüyü seçmeliyim. Seçili film/dizi afişi ise hafif karartılmış olarak gösteriliyor ancak TV'de uzaktan bunu görebilmek çok zor.
Ayrıca bu sol menü tuşu ve sağ butonlar uygulama geneli seçenekler mi yoksa aktif ekrana göre mi seçenekler sunuyor tam belli değil. Örneğin Filmler bölümünde iken sol menü simgesine tıklayınca gelen seçenekler içinde IPTV, Radyolar ve İstatistik seçenekleri programın farklı kısımlarına yönlendiren genel seçenekler iken, Arama, Türler, Yıllar ve Rastgele seçenekleri doğrudan aktif bölüm olan "Filmler"i ilgilendiren seçenekler. Benzer şekilde sağ üst köşedeki Favoriler ve Ayarlar simgeleri program geneli seçenekler ve doğrudan farklı ekranları açıyorlar.
Ancak IPTV ekranına geldiğimizde bu sefer sağ üstte Arama ve IPTV Linkiniz simgeleri aktif bölüm olan IPTV ile ilgili seçenekler. Üstelik burada sol menü tuşu kayboluyor ve "geri tuşu" geliyor. Ben IPTV bölümünden Radyolar kısmına geçmek istersem önce geri tuşuna basmalı ve ana ekrana dönmeli daha sonra menü tuşuna basıp Radyolar'ı seçmeliyim.
* seyirTÜRK Tasarım Önerisi
Yukarıda bahsettiğim konular UX bakımından kafa karıştırıcı ve biraz da yorucu. Peki bunun için neler yapabiliriz bir bakalım. Aslında çok küçük birkaç değişiklikle arayüzü tutarlı ve kumanda ile daha kolay kullanılabilir hale getirebiliriz. Bunun için benim önerim Netflix ve Google Play Filmler arası benzer bir tasarım yapmak.
Önce telefon arayüzünden başlayalım. Öncelikle uygulamanın tüm farklı kısımlarını (Sayfam, Filmler, Diziler, Favoriler, IPTV, Radyolar) ve genel ayar ve bilgi ekranlarını (Ayarlar, İstatistikler, Yenilikler, Hakkında) sol menüde topluyoruz. En üst orta kısımda uygulamada bulunduğumuz aktif bölüm yazıyor (örneğin Filmler). Sağ üst tarafta ise aktif bölüm ile ilgili seçenekler yer alıyor. Örneğin Filmler veya Diziler ekranında isek burada Türler, Yıllar ve Rastgele simgeleri oluyor. Kısaca sol menü program geneli seçenekleri içerirken, sağ üst simgeler aktif bölümle ilgili seçenekleri içeriyor.
Mesela IPTV ekranına geldiğimizde sağ üst tarafta IPTV Arama ve IPTV Ekle simgeleri yer alıyor. Burada geri simgesi yok artık, sol menü aynen duruyor, uygulamanın hangi ekranına gidersek gidelim sol menü sabit kalıyor. Böylece uygulamanın farklı kısımları arasında doğrudan geçiş yapabiliyoruz.
Şimdi gelelim sol menü tasarımına. Güncel seyirTÜRK uygulamasında sol menü tuşuna basınca yüzen menü geliyor. Halbuki Android platformunda ve web sitelerinde 3 çizgiden oluşan bu menü simgesi genelde soldan tam ekran bir kayar menü açar (örneğin Play Store uygulaması). Mevcut davranış genel tasarım diline aykırı gibi. Bu yüzden biz de bu sol menüyü kayar menü şeklinde düzenliyoruz. Buradaki seçenekler: Arama, Sayfam, Filmler, Diziler, Favoriler, IPTV, Radyolar, Ayarlar, İstatistikler, Yenilikler, Hakkında ve Çıkış. Aktif bölüm vurgulu olarak gösteriliyor.
Bu tasarımda böylece kolaylıkla uygulamanın farklı bölümleri arasında gezinebiliyoruz. Geri ana ekrana gitmeden Radyolar'dan Diziler'e geçebiliriz. Ayrıca Arama menüsü Filmler ve Diziler içinde genel arama yapıyor, alt seçenek olarak sadece Film veya Dizi de seçebiliriz.
Sayfam ekranına istediğimiz kadar alan/satır ekleyebilmeliyiz. Burada bellek sorunu olabileceğinden her satırda 50 afiş yüklemesi yapıyoruz. En sonuncuya gelince bir Tümünü Göster seçeneği çıkıyor. Diyelim Sayfam'a Aksiyon Filmleri'ni ekledim. 50. filmden sonra Tümünü Göster'e tıklayarak Türler sayfasında olduğu gibi tüm aksiyon filmleri tek bir ekranda gösteriliyor. Böylece istediğim aksiyon filmini bulmak için sağa doğru sonsuz kaydırma yapmam gerekmiyor.
Telefon arayüzü bu şekilde. Şimdi bir de Android TV arayüzüne bakalım. Tasarım genel olarak aynı kalıyor, seçili film/dizi afişini yarı transparan turuncu şekilde vurguluyoruz, ayrıca etrafına turuncu çerçeve ekliyoruz. Google Play Filmler'de olduğu gibi seçili afiş biraz daha büyük gösteriliyor. Böylece salonda televizyondan uzakta oturunca hangi filmi seçtiğimizi kolaylıkla görebiliyoruz.
Sol menü tasarımı yine aynı. Ancak bu menüyü açmak için kumandadan en üste ve sola tıklamak gerekmemeli. Geri tuşuna basınca sol menü açılabilir veya herhangi bir satırda en sola gelince menü açılabilir.
Android TV'de menü açık değilken Netflix ve YouTube'da olduğu gibi sol menüde sadece simgeleri gösterebiliriz. Bu tasarım hem biraz daha hoş duruyor, hem de menüye ulaşmak daha kolay olabilir. Ayrıca aktif bölüm simgesi vurgulu gösterilebilir. Bu da sol menü açık değilken alternatif görünüm:
Son olarak Sayfam tasarımında yine en sona gelince Tümünü Göster seçeneği çıkıyor.
Genel olarak mevcut tasarımı büyük ölçüde koruyarak, çoğunlukla sol menü ve kumanda ile gezinme odaklı tasarım önerim bu şekilde. Programı geliştirirken size yardımcı olabilir veya fikir verebilir. Bunlar benim programı kullanırken keşke böyle olsaydı dediğim değişiklikler. Belki diğer kullanıcıların farklı istekleri olabilir. Burada bu fikirleri paylaşabiliriz.
Tekrardan teşekkürler, umarım yardımcı olmuşumdur.
