Google Chrome — Sekme Grupları Daha İyi Hale Getirildi

Nov 27 2022
Vaka Çalışması - Chome'un(android) Sekme Gruplarının Sezgisellik ilkesiyle değerlendirilmesi ve Kullanıcı Deneyimini İyileştirmeye yönelik bir çözüm. INDEX 1] Nasıl Başladı 2] Yeniden Tasarım — Ne Değişti? 3] Neden Google Chrome'u Seçmelisiniz 4] Sorunu Belirleme 5] Fikir Tasarlama 6] Tel Çerçeve Oluşturma 7] Prototip Oluşturma 8] Kullanıcı Testi 9] Geri Bildirim NASIL BAŞLADI ! UX ilkelerini araştırıyor ve deniyorum.

Vaka Çalışması - Chome'un(android) Sekme Gruplarının Sezgisellik ilkesiyle değerlendirilmesi ve Kullanıcı Deneyimini İyileştirmeye yönelik bir çözüm.

ENDEKS

1] Nasıl Başladı

2] Yeniden Tasarım — Ne Değişti?

3] Neden Google Chrome'u Seçmelisiniz?

4] Sorunu Belirleme

5] Fikir oluşturma

6] Tel Kafes

7] Prototipleme

8] Kullanıcı Testi

9] Geribildirim

NASIL BAŞLADI !

UX ilkelerini araştırıyor ve deniyorum. Yolun yarısında, bir şekilde 2 haftalık bir mentorluk atölyesine girdim.

Atölye, temel bilgilerimi geliştirmenin yanı sıra farklı bir gözlem perspektifine aşina olmamı sağladı.

Akıl hocamız Anudeep, 48 saatlik bir süre sınırı olan bir UX Tasarım yarışması yayınladı. Android için Google Chrome'da bu şekilde kısa bir vaka çalışması yapabilirim.

REDESIGN — NE DEĞİŞTİ?

Önerilen ve uygulanan 2 ana değişiklik vardı. Bir değişiklik görseldir ve bu nedenle fark edilmesi kolaydır, diğer değişiklik ise zaten var olan öğelerin işlevselliğinde gerçekleşir ve bu nedenle çıplak gözle görülmez.

1 ] Sekme Gruplarını Adlandırın

1'i yeniden tasarla

Burada bir Sekme Grubu seçtik ve Sekme Gruplarını adlandırmak için bir Düzenleme özelliği ekledik. Basitlik için, kullanıcıların aşina olduğu düzenleme simgesini kullandık ve Chrome'un simge tasarım stiliyle eşleştirdik.

Kullanıcı adında değişiklik yapmak istediğinde işlem yapılabilir hale gelecek bir açılır istem ekranı oluşturduk.

2 ] Sekmeleri Taşı

2'yi yeniden tasarla

Burada Kırmızı ile işaretlenen alan, yeni Sürükle seçeneğinin kullanıma sunulduğu ve etkinleştirildiği yerdir.

Bu, kullanıcının sekmesini kullanıcının tercih edeceği şekilde sıralamasına ve düzenlemesine yardımcı olmak için yapılır. Düzenlendikten sonra, kullanıcının zamandan tasarruf etmesine ve verimli olmasına yardımcı olur.

3 ] Kullanıcılar ve İş Üzerindeki Etki

Sekmeler ve Sekme grupları, Chrome Mobile'daki yer işaretlerine hızlı bir alternatiftir. Ve getirilen değişiklikler hem Kullanıcıyı hem de İşletmeyi olumlu yönde etkileyecektir.

✔KULLANICILAR :

Değişiklikler, kullanıcının zamandan ve emekten tasarruf etmesine yardımcı olur. Sekmelerini daha verimli ve kolay bir şekilde yönetmelerine yardımcı olur. Adlandırma grupları, sekmeleri daha hızlı tanımlamaya yardımcı olur ve böylece, aksi takdirde kullanıcıların bir şeyleri hatırlamak için kazanacakları zihinsel stresi azaltır.

Sürükleme Sekmeleri etkinleştirildiğinde Kullanıcı, sekmeleri zaman ve emekten tasarruf edecek şekilde ihtiyaçlarına ve özelliklerine göre düzenleyebilir.
Ayrıca, kullanıcının aksi takdirde atacağı adımları en az 3 azaltır.

✔İş :

Kullanıcı ihtiyacı olanı bulamadığında, hüsrana uğrar ve bilgiyi geri çağırmak için diğer uygulamalara (arama, mesaj, notlar, insta mesaj vb.) gidebilir.

Bu, SCREEN TIME kaybına neden olabilir .

Kullanıcı ayrıca diğer uygulamalara göz atarken görevini unutabilir/erteleyebilir.

Bu, SAKLAMA METRİKLERİNİ düşürebilir .

Kullanıcıların işlemlerini kolay ve verimli hale getirmek, zamandan ve emekten tasarruf etmelerine yardımcı olur ve böylece KULLANICI SAKLAMASINI artırmaya yardımcı olur .

Neden Google Chrome'u Seçmelisiniz?

Yapılan seçimler birden fazla nedene dayanıyordu.

  • Yeni başlayanlar için, Chrome yaygın olarak kullanılan bir uygulamadır ve bu nedenle geniş bir kitle tabanına sahiptir. Yapılan herhangi bir iyileştirme, çok sayıda kullanıcıya yardımcı olabilir.
  • İkincisi, krom yaygın bir kullanıcı olduğu için, test edilecek kişileri bulmak nispeten kolaydır. Böylece ayrıntılı cevaplar vererek daha iyi çözümler tasarlamamıza yardımcı olurlar.
  • Üçüncüsü, ben ürüne çok aşinayım. Ve böylece yinelenen tasarım çözümleri oluşturmaktan kaçınmama yardımcı oluyor.

Çözüm ancak sorun kadar iyidir.

Sorunları belirlemek için Sezgisel Yöntemin 10 ilkesinden yararlandık ve bunları ürünün belirtilen alanlarında test ettik.

Yeniden Tasarım — Sorun Tanımlama

Sorun(R1) tanımlandı:

Bir sekmenin içeriğini incelerken yararlı buluyorsunuz ve orantılandırmak istiyorsunuz. Sekme düzenlemelerinin kontrol edilememesi, kullanıcı kontrolünü ve özgürlüğünü engeller.

Sezgisel ilke — KULLANICI KONTROLÜ VE ÖZGÜRLÜĞÜ

Sorun (R1) tanımlandı:

Konumu değiştirmek için uzun süre basıp sürüklediğimiz, dokunmatik ekran kullanıcıları arasında yaygın bir bilgidir. Aynı şey Google sekme gruplarında da yok - içeride.

Sezgisel ilke — ESNEKLİK VE KULLANIM VERİMLİLİĞİ

Sorun (R1) tanımlandı:

Kullanıcı artık yaygın uygulamalara çok alıştı, doğal olarak geliyorlar. Bu nedenle, uygun öğeler üzerinde ortak uygulamalar (sürükleme) uygularken, ancak amaçlanan yanıtı alamamak, kullanıcıyı hayal kırıklığına uğratır.

Sezgisel ilke — SİSTEM VE GERÇEK DÜNYA ARASINDAKİ EŞLEŞME

Sorun(R2) tanımlandı:

Sekmelerinizi grup halinde düzenlediğinizde, gerektiğinde kolayca fark edilmelerini dilersiniz. Sekme gruplarını oluşturamamak/işaretleyememek, ayırt edici bir kimliğe sahip olmak, kullanıcı kontrolünü ve özgürlüğünü en aza indirir.

Sezgisel ilke — KULLANICI KONTROLÜ VE ÖZGÜRLÜĞÜ

FİKİRLENDİRME

Burada tespit ettiğimiz problemler için birkaç çözüm bulduk. Birkaç tanesini deneme yanılma yöntemiyle sıraladı ve elendi. Ve sorunumuz için en iyi çözümü seçin.

Kısıtlamalar, kaynakların kabiliyetine ve kullanılabilirliğine göre çözümleri belirlemeden önce tanımlanmış ve tanımlanmıştır.

Yeniden Tasarlayın — Fikir Üretin

TEL ÇERÇEVELEME

Fikirler, harekete geçirilmedikçe sadece rüyadır.

Burada, tasavvur ettiğimiz fikirlere dayalı olarak düşük kaliteli prototipler oluşturduk.

Yeni değişiklikler için uygun yol haritası çizildi ve mevcut ürün sisteminde uygulanabilirliği çeşitli eskizlerle kontrol edildi.

Birkaç denemeden sonra, aşağıdaki resimde görselleştirilmiş fikir bir sonraki adım için temel olarak seçildi.

Düşük kaliteli prototip bağlantısına erişin, BURAYA TIKLAYIN

Yeniden Tasarım — Wireframe

PROTOTİPLEME

Bu adımda, düşük kaliteli tel çerçeveleri görsel olarak hoş ve uygulanabilir prototiplere dönüştürdük.

Değişiklikler yapıldı

✏️Kullanıcının chrome'da sekme gruplarını isimlendirebilmesi için düzenle ikonu ekledik.

✏️Kullanıcının isim ekleyebileceği/değiştirebileceği açılır bir ekran ekledik. Bu açılır pencere, Düzenle düğmesi harekete geçirildiğinde gösterilecek

✏️Alt sekme grup çubuğuna sürükleme seçeneği ekledik

Yüksek kaliteli prototip bağlantısına erişin, BURAYA TIKLAYIN

Yeniden Tasarım — Prototipleme

KULLANICI TESTİ

Bir tasarımın en önemli kısmı, test edilmesini sağlamaktır. Test, kullanıcıların ürüne tepkisini ve ilgisini gösterir, ayrıca kullanıcı sorunlarını belirlemeye ve düzeltmeye yardımcı olur.

Kullanıcıları tarafından beğenilmeyen bir ürün Kötü Bir Yatırımdır.

Kullanıcı Bulma

Ürününüzü test etmek için doğru kişileri belirlemek önemlidir. Hedef kitle grubuna ait olmalıdırlar.

Google geniş bir kitle tarafından kullanıldığı için ürünümüzü test edecek kullanıcı bulmak zor olmadı. “Beni rahatsız etmeyin”, “ Vaktim yok” gibi bir kaç tanesini hariç tutarak hızlıca kullanıcı bulduk ve sonucu gözlemledik.

Kullanıcı için Görev

⚡Bir Sekme Grubunun adını düzenleyin.
⚡Onlardan Sekme grubuna girmelerini ve herhangi bir Sekmeye göz atmalarını isteyin.
⚡Doğrudan kullanıcının bulunduğu sayfadan gruptaki Sekmenin konumunu değiştirin.
⚡Değişikliklerle ilgili görüşleriniz.

Ne Gözlemlenmeli?

Kullanıcıların düzenleme seçeneğini ne kadar hızlı bulduklarını ve düzenlemeleri yaparken herhangi bir sorunla karşılaşıp karşılaşmadıklarını gözlemleyin.
Kullanıcının sekmenin konumunu değiştirmeye çalıştığında hangi seçimi yaptığını gözlemleyin.
Yolu bir denemede mi buluyorlar?
Kayboldular mı?

Yeniden Tasarım - Kullanıcı Gözlem Notları

içgörüler

Herkes ve Her Şey'den her zaman bir şeyler öğrenebilirsiniz.

Bir ürün ne kadar popüler veya yaygın kullanılırsa kullanılsın - Kullanıcıya ürünü kullanıp kullanmadığını veya ürüne aşina olup olmadığını her zaman sorun.

Kullanıcı, yeniden tasarlamadığınız önceden var olan öğelerde takılıp kalabilir/sorun bulabilir.

GERİ BİLDİRİM

Kullanıcıdan toplanan verileri ve tarafımızdan yapılan gözlemleri analiz ettikten sonra, daha fazla değişikliğe gerek olmadığı sonucuna vardık.

Kullanıcı, tasarladığımız üründen zaten çok net ve memnun olduğunda, daha fazla zorunlu değişiklik ürünü olumsuz etkileyebilir.

Yine de üründe küçük bir değişiklik yaptık. Grup Sekmesi Alt Çubuğuna “Hover On Zoom” ekliyoruz.

Yeniden tasarla — Fareyle üzerine gelin

Linkedin'de benimle bağlantı kurun, BURAYA TIKLAYIN