← Tüm makalelere dön

İkonları Tek Bir Düğmeyle Değiştirdik: İşlemler

#İşlemler düğmesi #Arayüz tasarımı #Mobil kullanılabilirlik #Tablolar #Simgeler #Ürün güncellemesi
İkonları Tek Bir Düğmeyle Değiştirdik: İşlemler

Uygulamaya ilk giriş yaptığınızda hemen fark edeceğiniz değişiklikler vardır, uygulamaya yeni bir şey eklenmemiş olsa bile. Bu, tam olarak öyle bir değişiklik. Tablolardaki satırlar — etkinlikler, hizmetler, ziyaretçiler, mesaj şablonları — şimdiye kadar bir dizi küçük simgeyle sona eriyordu. Artık onların yerinde etiketli tek bir düğme var: İşlemler.

Kozmetik bir değişiklik gibi görünüyor. Aslında bu, telefonda en çok rahatsız eden şeyin düzeltilmesi — ve açıklanmayı hak eden bir karar. Simgeler zaten daha hızlı. Peki neden bir menüye geri adım atıyoruz?

Simgelerde Yanlış Olan Neydi

Bir simge bir kelime değildir. Kalem ve çöp kutusu hâlâ tahmin edilebilir. Ama etkinlik listesinde bunlardan altısı yan yana duruyordu: indir, takvim, paylaş, kopyala, kalem, çöp kutusu. Hangisi tarih planlıyor, hangisi etkinliğin kopyasını çıkarıyor? Bunu her gün kullanan hatırlar. Ayda bir kullanan her seferinde yeniden tahmin eder — ve bu simgelerden birinde yapılan hata geri alınamaz.

Açıklama balonu yalnızca fare içindir. İmleci üzerinde tuttuğunuzda beliren açıklama, dokunmatik ekranda hiçbir zaman görünmez — parmağın "durabileceği" bir yer yoktur. Telefonda dolayısıyla elinizde yalnızca simgenin şekli vardı, başka hiçbir şey yoktu. Simgelerin bir kısmında bu açıklama bile yoktu: mesaj şablonlarında düzenleme ve silme tamamen açıklamasızdı.

Küçüktüler ve tehlikeli olan hemen yanlarındaydı. Düğmeler 28 piksel boyutundaydı, oysa önerilen dokunma hedefi yaklaşık 44'tür. Çöp kutusu, kalemin hemen yanında, aynı boyutta ve aynı gri renkte duruyordu.

Telefonda üstelik tablonun genişliğinin arkasına gizlenmişlerdi. Tablo dar bir ekranda yana doğru kayar ve işlemler sütunu en sondaydı. Ona ulaşmak için önce tüm tabloyu sağa kaydırmanız gerekiyordu — ve bir sonraki satırda yeniden.

Tablo satırı önce ve şimdi
Tablo satırı önce ve şimdi

Şimdi Nasıl Görünüyor

Satırda tek bir İşlemler düğmesi var. Tıkladıktan sonra ne olacağı cihaza bağlıdır:

  • Bilgisayarda her öğenin hem bir simgesi hem de bir kelimesi olduğu bir menü açılır — Etkinliğinizi planlayın, Paylaş, Kopyala, Düzenle, Sil.
  • Telefonda ekranın tüm genişliğini kaplayan, satırları başparmak için yeterince büyük bir panel aşağıdan yukarı doğru açılır. Başlığında, üzerinde çalıştığınız kaydın adı yer alır — ziyaretçinin e-postası, etkinliğin adı. Benzer satırlardan oluşan uzun bir listede bu, kulağa geldiğinden daha önemlidir.
  • Silme ve diğer geri alınamaz işlemler bir çizgiyle ayrılmıştır ve kırmızıdır. Gri ve Düzenle'ye yapışık değil.
  • Telefonda işlemler sütunu satırın başındadır — tablonun bir onay kutusu varsa hemen ardından. Yani onu yana kaydırmadan gördüğünüz yerde. Bilgisayarda sağda kaldı, tam olarak şimdiye kadar olduğu yerde.
Bilgisayarda İşlemler menüsü
Bilgisayarda İşlemler menüsü
Telefonda panel aşağıdan açılır ve İşlemler sütunu ilk sıradadır
Telefonda panel aşağıdan açılır ve İşlemler sütunu ilk sıradadır

Neden Simgeler Değil de Tek Bir Düğme

Simgeler, zaten bildiğiniz bir şeyin kısayoludur. Sayıları az olduğunda ve her gün kullanıldıklarında mükemmel çalışırlar — geri ok, kapatmak için çarpı. Yarısına ancak arada bir ihtiyaç duyduğunuz altı işlemde ise avantaj tersine döner: bir tıklamada yarım saniye kazanır, karşılığında saniyelerce düşünme ve ara sıra yanlış bir tıklama ile ödersiniz.

Tek bir düğme, zor bir kararı ("bu altı resimden hangisi benimki?") iki kolay karara böler: bu satırla bir şey yapmak istiyorum — sonra da onu okurum. Okumak, bir şekli tanımaktan daha yavaştır ama asla yanılmaz.

Bunun arkasında daha pratik üç neden de var:

  • Satır, verilerle ilgilidir. Ad, e-posta, tarih, kapasite — listeye baktığınız bilgi budur. Her satırın sonundaki altı simge, satır sayınız kadar tekrarlanan görsel bir gürültüdür.
  • Her yerde aynı. Bu şekilde 18 ekranda 28 tablo yeniden düzenlendi — Ziyaretçiler sayfasındaki yedi tablonun tamamı dahil. Bir kez öğrenirsiniz ve tüm uygulama için geçerli olur.
  • Genişletilebilir. Yeni bir işlem, artık tabloyu daha da yana iten bir simge değil, menüde yeni bir satırdır. Daha önce kendi sütununu isteyen iki işlem — bir mesaj şablonu kullanma ve bir hizmet siparişini düzenleme — bu sayede doğrudan menüye taşındı ve tablolar bir sütun daha dar hâle geldi.

Bunun bedeli, bilgisayarda bir tıklama fazladır. Karar verirken bunu biliyorduk ve kabul ettik: bir tıklama yarım saniyeye mal olur, yanlışlıkla basılan bir çöp kutusu ise çok daha fazlasına.

Nerede Göreceksiniz

Bu şekilde uygulamadaki tüm listeleri yeniden düzenledik: Etkinlikler ve Hizmetler, Ziyaretçiler sayfasının tüm sekmeleri (ziyaretçiler, rezervasyonlar, hizmet siparişleri, Listeler, kara liste), Ön Ödemeli Planlar ve bunların Üyelik kullanımı, Mesaj şablonları, Formlar ve yanıtları, Hizmet Uygunluğu, Webhook'lar ve Hesap Kullanıcıları.

Hiçbir şeyi açmanıza veya ayarlamanıza gerek yok — değişiklik uygulamada şimdiden mevcut, hem de micali.online'ın çalıştığı 31 dilin hepsinde. Herhangi bir menüde orada olmasını beklediğiniz bir işlem eksikse, bize yazın: satırın işlem listesi artık tek bir yerde ve kolayca değiştiriliyor.

micali.online’ı deneyin