Bu yazıda, daha iyi Müşteri Desteği için Probo'nun dahili aracını (biz buna Cerebro diyoruz ) yenileyen geniş ölçekli projelerden biri üzerinde çalışma sürecimden bahsediyorum.

Serebro nedir?

Cerebro, Probo ile ilgili her şey için tek bir gerçek kaynağıdır! İçerik oluşturma (uygulamaya içerik oluşturmak ve göndermek için), Etiketler (Kullanıcı etiketleri oluşturma ve bu etiketlere bir eylem atama), Gösterge Tablosu ve Kullanıcılar dahil olmak üzere çeşitli bölümleri olan Probo'nun dahili aracıdır.

Kullanıcı Ayrıntıları Bölümü , CX ekibinin kullanıcıların şikayetleriyle ilgili bilgileri kontrol edip kullanıcıya geri dönebildiği kullanıcıların veri tabanıdır.

Bu makale için, Cerebro'nun kullanıcı ayrıntıları bölümünü nasıl yeniden tasarladığımıza bakıyorsunuz.

Özet

Probo'nun müşteri destek ekibi için kullanıcı deneyimini ve üretkenliği geliştirmek üzere Cerebro'daki Kullanıcı ayrıntıları bölümü yeniden tasarlanıyor.

Problemi Anlamak

Destek ekibi, kullanıcıların uygulamada yaptığı etkinlikleri kontrol etmek için Cerebro'yu kullanır.

Bu görev için önce çekirdek kullanıcı akışlarını belirledim ve ardından bunlarda UX sorunlarını aradım:

İş akışlarını gözlemlemek ve kullanılabilirlik sorunlarını belirlemek için destek ekibiyle otururken, bazı biletleri kendim çözdüm. Bu, topluluk yöneticisi başına 1000'den fazla bilet aldığımız IPL sezonundaydı, dolayısıyla iş yükleri çok fazlaydı.

Probo kullanıcılarına en iyi destek deneyimi için bu kadar kararlı olduklarını görmek bende bir etki yarattı ve tasarım yoluyla günlük deneyimlerini daha iyi hale getirmek için beni daha da güçlendirdi.

Belirlenen temel sorunlar:

1. Bilgi için Zayıf Taranabilirlik: Kullanıcıların başlıca işi Cerebro'dan bilgi almaktır , ancak tablolar arasında bakıldığında, ekranda gerekli bilgileri bulmak için çok fazla odaklanmaları gerektiğinden çok fazla bilişsel çaba vardı.
2. Karmaşık gezinme: Bazı kullanıcı akışları için gezinme karmaşık ve gizliydi.
3. Artan Bilişsel yük: Önceki tasarım , kullanıcılar üzerindeki bilişsel yükü azaltmak için gestalt'ın hiyerarşi ve yakınlık yasalarıyla uyumlu değildi .
   Ek olarak, belirli kullanıcı akışlarıyla, kullanıcıların bir tablodaki bilgileri hatırlaması ve karşılaştırmak için başka bir tabloya gitmesi gerekiyordu, bu da bir görevi tamamlama süresini artırıyordu.
4. Marka kimliği uyumlu değil: Probo'nun markası birkaç ay önce yeniden tasarlandı, bu nedenle Cerebro'nun yeniden tasarımı yeni markayla uyum sağlamak için bir fırsattı.

Probo'nun uygulaması ve web sitesi birkaç ay önce yeni markayla yeniden tasarlandı, dahili araçlarda da aynı şeyin zamanı gelmişti.

Bazı sayfaların Öncesi ve Sonrasına bakalım:

Tasarımlar - Önce ve Sonra

Öyleyse bu yeniden tasarımları tek tek inceleyelim.

Önce ve Sonra - Tasarım Dağılımı

Kullanıcı Özeti Bölümü:
Bu bölüm, kullanıcıların mevcut temel bilgilerini içerir ve üç bölüme ayrılmıştır; benzer bilgiler bir arada tutulur.

• Kullanıcının ayrıntıları ve durumu gibi en önemli bilgiler ön yüzde vurgulanır.
• Eylem önceliklendirme: Eski tasarımda, birincil/ikincil eylemler için herhangi bir hiyerarşi olmaksızın üç CTA mevcuttur.
  Ayrıca analiz ettikten sonra, bunların hiçbirinin CTA'lar veya birincil eylemler olmadığını ve bu nedenle önceden ve ekrana odaklanmaya gerek olmadığını öğrendim. Eylem düğmeleri, 'seçenekler' adı verilen bir düğmeden oluşur.

• Yan Gezinme Çubuğu :
  Veri tablolu ekranlarda yatay boşluk çok önemli olduğundan, Yan Gezinme çubuğu tasarımı ikon butonları minimum yer kaplayacak şekilde yeniden tasarlandı.
• Tam boyutlu bir gezinme çubuğu gerekiyorsa, kullanıcı logoyu tıklayabilir ve Logo, Metin+Simge düğmeleriyle logoyu tam boyutlu gezinme çubuğuna genişletebilir.
  Genişletmeden, kullanıcıların geçiş yapması gerekirse, bunun ne anlama geldiğini görmek için Simgelerin üzerine gelebilirler:

Ancak sekmeleri ayırmak, farklı sekmelerdeki tablolar arasında veri karşılaştırmalarını nasıl kolaylaştırır? Bunu birazdan ele alacağız!

Şimdi biraz daha ayrıntıya inelim:

Daha iyi kullanıcı deneyimi için veri tablolarını optimize etme:
Veri tablolarının yapılması gereken tek bir işi vardır — Kullanıcılara gerekli verileri hızlı bir şekilde sağlamak!
Bu işin yapılabilmesi için ilgili bilgileri bulmak için hızlı bir şekilde taranabilir olması gerekir .

Bunlar, en karmaşık iki tablo olan Bakiye geçmişi ve Ticaret Geçmişi için Önce ve Sonra tasarımlarıdır.

Veri taramayı daha kolay ve hızlı hale getirmek için genel olarak 4 noktaya dikkat edilir:

• Renk kodlaması yoluyla ilgili bilgileri bulmak ve ayrı bilgilere hiyerarşi ve yakınlık eklemek için Hızlı Taranabilirlik .
• Benzer verileri bir arada gruplama
• Tekrarlanan bilgileri ortadan kaldırmak
• Hızlı karşılaştırma için verileri yeniden düzenleme

Nasıl performans gösterdi?

Yeniden Tasarım, bazı hata düzeltmeleriyle birlikte geliştirme için planlandı ve kullanılabilirlik testinin sonuçlarına göre üretkenliği 2 kat artırması bekleniyor.

Bu hala geliştirme aşamasında olduğundan, nihai performansı ve KPI'ları şu anda paylaşmak mümkün değil, ancak yayınlanır yayınlanmaz burada güncelleyeceğim.

Ne öğrendim?
Bu projeden önce yaptığım işlerin çoğu, probo'nun Uygulama veya web sitesi açılış sayfalarına yeni tasarım özellikleri eklemekle ilgiliydi.
Bu nedenle, böylesine büyük bir veri kümesi üzerinde çalışmak başlı başına bir zorluktu, UX'in nasıl UI'nin nasıl uygulandığının doğrudan bir sonucu olduğu hakkında çok şey öğrendim.

Ayrıca tasarım meraklıları için , NN grubunun web sitesinde veri tablolarını anlama ve tasarlama konusunda bana çok yardımcı olan bir makalenin bağlantısı burada.

Not: Tasarım sürecini düzenli olarak belgelemeye devam etmeyi de öğrendim çünkü bu örnek olayı yazmam çok uzun sürdü

Sıradaki ne?

1. Zaman sıkışıklığı nedeniyle şu anda ele alınmayan tüm işlerin arasına küçük zevkler eklemek için boş hallerin yanı sıra mikro etkileşimleri keşfetmek.
2. Aracı kullanmak için Klavye kısayollarını keşfetme, şu andan itibaren ekipteki herkesin MacBook'ları (flex 101 ) var, dolayısıyla izleme dörtgenlerini kullanmak şimdilik verimli ve kolay.
3. Şimdilik sadece kullanıcı detayları bölümünün yeniden tasarımı yapıldı, bir sonraki aşama Cerebro'nun diğer tüm bölümlerinin yeniden tasarlanması olmalıdır.

Harika CX ekibimize büyük bir sesleniş, bu proje sırasında kelimenin tam anlamıyla günde en az 5 kez odalarına daldım, tüm sorularımı ve şüphelerimi mümkün olan en iyi şekilde yanıtladılar ve bu özellikle IPL Sezonunda, en yoğun yılın zamanı!

Ayrıca harika tasarım ekibime ❤️ ve değerli geri bildirimleri ve önerileriyle bana yardımcı olan tüm ürün sahiplerine teşekkürler.

Okuduğunuz için teşekkürler! Başka bir vaka çalışması ile görüşmek üzere

LinkedIn • Instagram • Twitter'da Nidhi'ye merhaba deyin