Arayüzü tanımak

PORTWARE'in ekranı tanıdık bir iş yazılımına benzer ama aynısı değil. Farkların hepsi tek bir gözlemden çıktı: insanlar gün boyunca birden fazla ekranda aynı anda çalışıyor ve her geri dönüşte kaybolmuş bir yerden başlamak istemiyor.

PORTWARE demo şirketi. Bu kitaptaki bütün ekran görüntüleri bu kurgusal şirketten alınır; hiçbiri gerçek bir müşteriye ya da kişiye ait değildir.

Üst şerit

Soldan sağa: uygulamalar düğmesi, bulunduğunuz uygulamanın adı, menüler; sağda arama, yardım, aktiviteler, mesajlar ve kullanıcı menüsü.

Uygulama adı süs değil, düğmedir: küçük bir nokta ve ince bir çerçeveyle tıklanabilir olduğunu söyler, tıklandığında o uygulamanın ana ekranına döner. Noktanın rengi uygulamanın kendi rengidir, böylece iki uygulama birbirine karışmaz.

Uygulama paneli: açılır kutu değil, yan panel

Uygulamalar menüsü ekranın üstüne düşen bir kutu değil, sola açılan sabit bir paneldir ve açıldığında içeriği örtmez, sağa iter. Aradaki ayrım çizgisi panelin nerede bittiğini söyler.

• Panel iğnelenebilir (oturum boyunca açık kalır).
• İçinde uygulama araması vardır; yazmaya başlayınca liste daralır.
• Herkes aynı ev varsayılanıyla başlar: dar bir ikon rayı ve bilinçli bir uygulama sırası. Her kullanıcı bunu kendisi için değiştirebilir.
• Küçük ekranlarda panel devreye girmez; çekirdeğin kendi davranışı kalır.

Sekme şeridi

Ekranın altındaki şerit, tarayıcı sekmelerinin sistem içindeki karşılığıdır. Şeridin sonundaki + o an açık olan ekranı ikinci bir sekme olarak açar.

Bir sekme yalnızca ekranı değil, filtreleri de taşır: arama kutusundaki kriterleri kapatıp başka bir sekmeye geçip döndüğünüzde kapattığınız filtre hâlâ kapalıdır. Her sekme kendi yerini hatırlar ve bu bilgi sunucuda, kullanıcı bazında tutulur — sayfayı yenilemek sekmeleri bozmaz.

Sekmeler bağımsızdır. Yan panelden bir uygulamaya tıklamak bulunduğunuz sekmeyi oraya götürür; sizi başka bir sekmeye atlatmaz. Böylece üç teklif ya da iki proje yan yana durabilir ve her biri bıraktığınız yerde kalır.

Vaka

İki teklifi karşılaştırmak

Durum

Aynı müşteriye verilmiş iki teklifin satırlarını karşılaştırmak gerekiyor.

Yapılan

İlk teklif açıkken şeritteki + ile ikinci bir sekme açıldı, orada ikinci teklife gidildi. İki sekme arasında tek tıkla gidilip gelindi.

Sonuç

Ne yeni bir tarayıcı sekmesi, ne oturum kopyası, ne de "geri" tuşuyla kaybolan filtreler. Her iki ekran da kendi hâlinde kaldı.

Arama

İki ayrı arama vardır ve karıştırılmamalıdır.

Buna ek olarak her liste ekranının kendi arama kutusu, filtreleri ve gruplama seçenekleri vardır — çekirdeğin kendi aramasıdır ve en güçlü olanıdır. 6. bölüm üçünü de anlatıyor.

Mobil

Telefonda ekranın kendisi değil, iki paylaşılan çubuk sorun çıkarır: üst şeridin sağ bölgesi ve chatter'ın üst çubuğu. Bunların içine dört beş ayrı modül yazar ve hiçbiri toplam genişliğin telefona sığmadığında ne olacağını söylemez.

PORTWARE bu sözleşmeyi tek bir yerde tanımlar: çubuklar daralır, genel arama bir ikona küçülür ve çubukların taşıdığı her kontrol gerçek bir 44 piksel dokunma hedefi olur.

Sistem ayrıca telefona uygulama olarak kurulabilir (PWA) ve bildirim gönderebilir. Kurulum daveti ve bildirim izni, kullanıcıyı bir kez karşılayan sade bir akışla sorulur.

Görsel dil: simgeler, görseller ve logolar

İnsan bir kartı okumadan önce tanır. Standart çekirdekte kanban kartları, sekmeler ve menüler çoğunlukla düz metindir; PORTWARE her yere bir görsel koyar, çünkü doğru kartı bulmak için satır okumak yerine bakmak yeter.

• Kartlarda simge ve logo. Projeler, görevler ve CRM fırsatları kendi emojisini ya da logosunu taşır; müşteri logosu fırsat kartında, proje simgesi görev kartında görünür.
• Menüde ve sekmelerde uygulama simgeleri. Uygulama paneli, açılır menü ve alttaki sekme şeridi her ekranı kendi uygulamasının simgesiyle gösterir.
• Satırlarda ürün görseli. Teklif, sipariş ve satın alma satırlarında ürün küçük resmi durur; yanlış ürünü fark etmenin en hızlı yolu budur. Görsel PDF'e de basılır.
• Klasör simgeleri. Chatter klasörleri kendi simgesini ya da logosunu taşır (4. bölüm).

Paylaşılan simge kütüphanesi

İkonlar dağınık dosyalar olarak değil, şirket genelinde paylaşılan bir kütüphanede durur. Aynı görsel iki kez yüklenirse özeti (hash) üzerinden tekilleştirilir. Emoji, Font Awesome, hazır SVG ya da yüklenmiş logo — hepsi tek bir seçiciden seçilir. Kayıt seçicileri, chatter klasörleri, SOTION sayfaları, düzenleyici içindeki medya kutusu ve PORTWARE afişleri aynı seçiciyi kullanır; bir yerde yüklediğiniz logo her yerde hazırdır.

Tema ve dil

Arayüz Türkçe ve İngilizce kullanılabilir; dili Tercihlerim ekranından kendiniz seçersiniz ve aynı veri iki dilde de aynı ekranlarda görünür. Bir metni beklediğiniz dilde görmüyorsanız sistem yöneticinize bildirin — çeviri eksiği kısa sürede tamamlanır.