Önce kullanıcıyı, sonra pikselleri tasarlıyoruz.
İyi bir arayüz, kullanıcının ne yapacağını düşünmeden bilmesini sağlar. Bunun için ekranlardan önce işi anlamak gerekir: kim kullanacak, hangi koşullarda, neyi başarmak istiyor?
Sahada kullanılan personel uygulamalarından yatırımcı sunumlarına kadar farklı ürünlerde edindiğimiz deneyimle; akışı sadeleştiriyor, tıklanabilir prototip üzerinde sizinle test ediyor ve geliştiricilerin doğrudan kullanabileceği bir tasarım sistemi teslim ediyoruz.
Mallow Studio web ve mobil ürünler için kullanıcı akışlarını, tıklanabilir prototipleri ve yeniden kullanılabilir tasarım sistemlerini tasarlar; tasarım aynı ekip tarafından koda döküldüğü için prototip ile ürün arasında kopukluk olmaz.
- Kullanıcı akışı ve bilgi mimarisi
- Tıklanabilir prototip ve test
- Bileşen tabanlı tasarım sistemi
- Tasarım ve kod aynı ekipte
Neler teslim ediyoruz?
Keşif atölyesi
Hedefler, kullanıcı tipleri ve başarı ölçütleri.
Akış haritaları
Her kullanıcı tipi için adım adım görev akışı.
Tel kafes
İçerik önceliği ve yerleşimin hızlı taslakları.
Görsel tasarım
Marka diline uygun, erişilebilir arayüzler.
Prototip
Gerçek kullanıcılarla test edilebilen tıklanabilir akış.
Tasarım sistemi
Renk, tipografi, bileşen ve durum kütüphanesi.
Gerçek koşullar için
Masa başı değil, sahada testxPersonel'in çalışan uygulamasını; eldivenle, güneş altında ve acele içinde kullanılacağını düşünerek tasarladık. Büyük dokunma alanları, tek ekranda tek görev ve anlaşılır durum mesajları bu yüzden var.
- Tek elle kullanılabilir alt menü
- Sade durum kartları: 'Bugün giriş yapılmadı'
- Renk körlüğüne dikkat eden durum renkleri
Tekrar kullanılabilir tasarım
Bir kez tasarla, her yerde kullanKartlar, tablolar, formlar ve bildirimler tek bir bileşen kütüphanesinde toplanır. Yeni bir ekran, bu parçaların birleşiminden doğar; tutarlılık kendiliğinden gelir.
- Açık / koyu tema desteği
- Tüm bileşenler için boş, yükleniyor ve hata durumları
- Geliştiriciye hazır ölçüler ve belirteçler
Bu alanda yaptığımız işler
Kendi ürünümüz · Mobil + SaaSxPersonel
Web uygulaması · Temsilî tasarımSaaS Analiz Paneli
Mobil uygulama · Temsilî tasarımFitness & Antrenman Uygulaması
- Figma
- Tıklanabilir prototip
- Tasarım belirteçleri
- WCAG 2.2
- HTML / CSS
- Flutter
Sık sorulan sorular
UI ve UX arasındaki fark nedir?
UX (kullanıcı deneyimi) ürünün nasıl çalıştığı ve kullanıcının hedefine ne kadar kolay ulaştığıyla ilgilidir; akış, bilgi mimarisi ve etkileşim buna dahildir. UI (kullanıcı arayüzü) ise bu deneyimin görsel katmanıdır: renk, tipografi, bileşenler.
Sadece tasarım hizmeti alabilir miyiz?
Evet. Kendi yazılım ekibiniz varsa prototip ve tasarım sistemini, geliştiricilerin doğrudan kullanabileceği biçimde teslim ediyoruz.
Prototipi kullanıcılarla test ediyor musunuz?
Kritik akışlar için 5–8 kullanıcıyla kısa oturumlar öneriyoruz. Bu kadar küçük bir test bile kullanılabilirlik sorunlarının büyük kısmını geliştirmeye başlamadan ortaya çıkarır.
Mevcut uygulamamızın arayüzünü yenileyebilir misiniz?
Evet. Önce mevcut kullanımı ve şikâyetleri inceliyor, en çok etki yaratacak ekranlardan başlayarak aşamalı bir yenileme planı çıkarıyoruz.
Bir fikriniz ya da projeniz mi var? Bize ulaşın!
Buradayız. Fikrinizi nasıl hayata geçirebileceğimizi konuşmak için bize yazın; ilk görüşme ve teklif ücretsiz.