Kullanıcı Deneyimi Tasarımı Ünite -14

— Jakob Nielsen

Kazanımlar

1- Tasarım ve geliştirme ekiplerini koordine eder ve iletişimlerini şekillendirir.

2- Ekipler arası iletişim için özgün araçları ve yazılım çözümlerini kullanır.

3- Tasarım dosyalarını yazılım ekibine uygun biçimde ve özelliklerle hazırlar.

4- Hatasız kodlama için ortama yönelik tasarımı özelleştirir.

5- Projeye uygun temsili simgesini hazırlar.

Birlikte Düşünelim

– Farklı disiplinler aynı projede nasıl çalışabilir?

-Tasarlanan her arayüz kodlanabilir mi?

-Tasarımın doğru uygulanması için tasarımcıya düşen görevler nelerdir? Arayüzleri tasarlayınca her şey bitiyor mu?

– Arayüz tasarımı kadar uygulamanın simgesi neden önemlidir?

Başlamadan Önce

Arayüz tasarımı tamamlandıktan sonra ürün, geliştirilmek üzere yazılım ekiplerine devredilmelidir. Bu aşamada tasarımın doğru aktarımı için iyi bir ön hazırlık yapılması zorunludur. Geliştiricinin işini kolaylaştırmak ve ürünün geliştirilmesi sırasında ortaya çıkabilecek hataların önüne geçmek adına tasarımın etkili bir şekilde paketlenmesi gerekir. Paketleme, yazılımcının hızlı ve doğru geliştirme yapabilmesini sağlayan bir derlemedir. Ayrıca, ürünün pazara çıkmadan önce gerekli görsellerin hazırlanması da önemlidir. Bu ünitede, ürünün geliştirilmesinden önce yapılması gereken tüm çalışmaları detaylı bir şekilde ele alacağız. Yazılım ekipleriyle koordine olup ortaya çıkarılan çözümlerin nasıl hayata geçirileceğini öğreneceğiz.

Arayüz Tasarımının Devir Teslim Süreci

Bu bölümde anlatılan konular, uygulama veya web sitelerinin tasarlanması için gereken aşamaları kapsar. Ancak tasarım sürecinde yapılan çalışmalar, doğru bir şekilde uygulanmadıkça yalnızca birer fikir olarak kalır. Bu fikirlerin gerçeğe dönüşmesi için farklı disiplinlerin bir araya gelip ortak bir zeminde anlaşmaları gerekir. İki farklı disiplinin ve süreçlerin olması, sürtüşmelere yol açabilir. Bu süreçlerin en zor ve yıpratıcı kısmı geçiş sürecidir. Devir teslim ve geliştirme süreci olmak üzere iki ana aşamadan oluşur.

Tasarım devri, tasarımın uygulanması için zorunludur. Bu süreç, tasarımcının vizyonunu, bilgisini ve çözümlerini yazılım ekibine aktarmasını kapsar. Görsel öğeler, kullanıcı akışları, etkileşim tanımları, arayüz animasyonları ve erişilebilirlik gereksinimlerini içerir. Tasarım devri, tasarımcının vizyonu ile yazılım geliştiricileri tarafından oluşturulan nihai ürün arasında köprü kurar. Bu nedenle tasarım dosyasının özenle paketlenmesi önemlidir.

Geliştirilmek üzere devredilen tasarım dosyası, aşağıdaki hususlara uygun şekilde hazırlanmalıdır:

– Görsel Tasarım Öğeleri: Renk paleti, tipografi, düzen, piktogramlar ve görseller net olarak tanımlanmalıdır. Özel bir format kullanılıyorsa, geliştirme ortamının kriterlerine uygunluğu değerlendirilmelidir.

– Etkileşimli Öğeler: Tetikleyiciler ve olaylar tasarım dosyası içinde açıkça belirtilmelidir. Kullanıcılar etkileşimde bulunduklarında ne olacağına dair notlar eklenmelidir.

-Girdi Öğeleri ve Veri Doğrulamaları: Formların tasarımı sırasında veri girdileri ve geçerlilik kuralları net olarak tanımlanmalıdır. Bu notlar tasarım dosyasına eklenmelidir.

– Hata Durumları ve Yükleme Süreçleri: Kullanıcı hataları ve veri yükleme esnasında gösterilecek durumlar açıkça belirtilmelidir. Bu, kullanıcı deneyimini iyileştirmek açısından önemlidir.

Bu süreçte, paketlemenin etkili yapılması yalnızca tasarımın doğru bir şekilde uygulanmasını sağlamakla kalmaz, aynı zamanda tasarımcılar ve yazılımcılar arasında daha güçlü bir iş birliği zemini oluşturur. Piksel mükemmelliği elde etmek, kullanıcıya güven vermek ve estetik olarak etkileyici bir ürün sunmak için tasarım devrinin dikkatle gerçekleştirilmesi gereklidir.

İletişim ve Optimizasyon

Tasarım devrinin ardından, projelerin iyileştirme ve büyüme aşamalarında iletişim kritik bir rol oynar. Tasarımcılar ve yazılım ekipleri arasında iyi bir iletişim sağlanmazsa, projelerin tamamlanma süresi uzar ve olası hatalar artar. Kötü iletişimden kaynaklanabilecek sorunlar arasında; yüksek geri bildirim trafiği, kalite güvence sorunları ve uzun test süreçleri yer alır. Bu nedenle deneyim tasarımcılarının, geliştirme ekipleriyle erken aşamalarda iletişim kurarak süreçleri planlaması gerekir.

İletişimin kalıcı ve somut olması için yazılı hale getirilmesi önemlidir. Bu amaçla ekipler arasında kullanılacak özel araçlar, iletişimi güçlendirir ve ekiplerin iş birliğini pekiştirir. Bu araçlar, geliştirici ve tasarımcı ekipleri arasında daha güçlü bir bağ oluşturmak için kullanılır.

Bölüm Özeti

Arayüz tasarımının geliştirilme süreci, tasarım devrinden başlar ve optimizasyonla devam eder. Paketleme, yalnızca devir teslimi değil, aynı zamanda tasarımcı ve yazılımcılar arasındaki iş birliğinin başlangıcını temsil eder. Tasarımcıların geliştirme sürecine katılımı, sadece yazılımcıların omuzlarına bırakılmayacak kadar önemlidir. Piksel mükemmelliği sağlamak, kullanıcı deneyimini iyileştirmek ve ortaya kusursuz bir ürün çıkarmak, bu iki ekibin birlikte uyum içinde çalışmasıyla mümkündür. Tasarım devrinin ardından ekipler arası etkili iletişim, ürünün nihai başarısını doğrudan etkiler. Bu nedenle paketleme ve iletişim süreçleri, her iki ekip için de kritik önem taşır.

1- Ekipler arası kötü iletişim aşağıdaki sorunlardan hangisine sebep olmaz?

A) Tasarım ve geliştirme ekipleri arasında yüksek ve amaçsız geri bildirim trafiği
B) Beklenmeyen kalite güvence sorunları
C) Çakışan becerilerden yararlanamama
D) Test ve değerlendirme

Cevap : D) Test ve değerlendirme

Açıklama : Kötü iletişim, test ve değerlendirme sürecinde doğrudan bir sorun yaratmaz.

2- Tasarım devir dosyası aşağıdaki öğelerden ve yapılardan hangisini içermez?

A) Renk paletleri
B) Revizyon notları
C) Tipografi öğeleri
D) Etkileşimli öğeler

Cevap : B) Revizyon notları

Açıklama : Tasarım devir dosyasında revizyon notları yer almaz, sadece güncel tasarım öğeleri vardır.

3- Zeplin aracının ana amacı nedir?

A) Ekip içi zaman yönetimi
B) Ekip içi iletişim
C) Ekip arası koordinasyon
D) Ekipler arası zaman yönetimi

Cevap : C) Ekip arası koordinasyon

Açıklama : Zeplin, farklı ekipler arasında tasarım ve geliştirme süreçlerinin koordinasyonunu sağlar.

4- Web sitesini için hazırlanan favicon hangi formatta olabilir?

A) jpg
B) svg
C) gif
D) bmp

Cevap : B) svg

Açıklama : SVG, tarayıcılar tarafından yaygın olarak desteklenen vektörel bir formattır ve favicon için uygundur.

5- Uygulama simgesi aşağıdaki parametrelerden hangisini içerebilir?

A) Metin
B) Gölge
C) Degrade
D) Renk

Cevap : D) Renk

Açıklama : Uygulama simgeleri genellikle renk içerir, ancak metin veya gölgeler kullanılmaz.