01
İki farklı disiplin, tek deneyim.
UX (kullanıcı deneyimi) tasarımı, bir ürünün kimin için var olduğunu, hangi problemi çözdüğünü ve o çözüme hangi adımlarla ulaşıldığını belirler. Araştırma, bilgi mimarisi, kullanıcı akışları ve kullanılabilirlik testleri bu disiplinin araçlarıdır. UI (kullanıcı arayüzü) tasarımı ise bu kararların gözle görülür, elle dokunulur haline gelmesidir: renk, tipografi, buton durumları, mikro etkileşimler.
İkisini birbirinden ayırmak öğretici olsa da, gerçek çalışmada birbirlerinden ayrılmazlar. Mükemmel görünen ama kullanıcının aradığını bulamadığı bir arayüz UI başarısı, UX başarısızlığıdır; doğru akışa sahip ama güven vermeyen bir tasarım da tam tersi. İyi bir ürün, ikisinin aynı anda doğru olmasını gerektirir.
02
Önce yapı, sonra ekran.
UX süreci ekranla değil, sorularla başlar: kullanıcı burada ne yapmaya çalışıyor, hangi bilgiye önce ihtiyaç duyuyor, hangi adım gereksiz sürtünme yaratıyor? Bu sorulara verilen cevaplar bilgi mimarisini kurar — hangi içeriğin nerede, hangi hiyerarşide duracağını belirleyen iskelet.
Bilgi mimarisi netleştikten sonra kullanıcı akışları ve düşük detaylı wireframe'ler devreye girer. Bu aşamada henüz renk ya da tipografi yoktur; tek soru, akışın mantıklı olup olmadığıdır. Testler bu aşamada ucuzdur — bir kutunun yerini değiştirmek, geliştirilmiş bir ekranı baştan kodlamaktan çok daha az maliyetlidir.
03
Tutarlılık, tek tek ekranlardan değil sistemden gelir.
UI tasarımı, wireframe'in üzerine görsel dili giydirme işi değildir; kendi başına bir mühendislik disiplinidir. Bir buton yalnızca bir kez tasarlanmaz — normal, hover, basılı, devre dışı ve yüklenme durumlarıyla birlikte tasarlanır. Bu durumların her biri eksik kaldığında kullanıcı arayüzle "konuşamaz" hale gelir.
Bu yüzden olgun bir UI çalışması tek tek ekran değil, bir bileşen kütüphanesi üretir: yeniden kullanılabilir kartlar, form alanları, rozetler, boşluk kuralları. DMU'nun kendi arayüzlerinde açık/koyu tema desteği de bu sistemli yaklaşımın bir sonucudur — tek bir bileşen seti, iki farklı ışık koşulunda da tutarlı kalabiliyor.
04
Erişilebilirlik, sonradan eklenen bir katman değildir.
Yeterli renk kontrastı, okunabilir yazı boyutu, parmakla rahatça dokunulabilen buton alanları ve ekran okuyucularla uyumlu etiketleme — bunların hepsi tasarımın kendisidir, sonradan "erişilebilirlik güncellemesi" olarak eklenen bir katman değil. Düşük görüşe sahip bir kullanıcı için yetersiz kontrast, motor becerisi sınırlı bir kullanıcı için küçük bir dokunma alanı kadar gerçek bir engeldir.
Bu ilkeler aynı zamanda herkes için daha iyi bir deneyim üretir: yüksek kontrast güneş ışığında da okunur, geniş dokunma alanları hareket halindeki bir kullanıcıyı da rahatsız etmez. Erişilebilirlik, dar bir kullanıcı kitlesi için değil, gerçek kullanım koşullarının tamamı için tasarlamaktır.
05
Süreç, iddia değil kanıttır.
13 iş alanını ve 67 işlevi tek bir mobil uygulamada birleştirmek, teorik bir UX egzersizi değildi — araştırma, bilgi mimarisi, prototipleme, kullanılabilirlik testi ve tekrar tekrar iterasyon gerektiren gerçek bir problemdi. dmu ONE, bu sürecin çıktısıdır ve DMU'nun UI/UX yaklaşımını anlatmanın en dürüst yolu, onu doğrudan göstermektir.
Mobil Uygulama Geliştirme: Modül sayınıza göre ölçeklenen özel mobil uygulamalar