UI/UX tasarım: arayüz, kod yazılmadan önce test edilir
Arayüzleri gerçek kullanıcı yolculuklarına göre tasarlar, tek satır üretim kodu yazılmadan önce prototipini hazırlayıp gerçek kullanıcılarla test ederiz; bu aşamada değişiklik hâlâ ucuzdur. Mühendislik ekibi tek bir tasarım sistemini ortak referans olarak alır.
Faturalanan ilk işten önce yazılı bir kapsam ve sabit bir bütçe alırsınız.
Bir ürünü değiştirmenin en ucuz olduğu yer tasarımdır
Figma’da bir butonun yerini değiştirmek dakikalar sürer. Geliştirilmiş, test edilmiş ve yayınlanmış bir ekranda aynı değişiklik bir sprint sürer. Arayüz işini bu yüzden önce yaparız: kullanıcı yolculukları, tüm akışın tıklanabilir bir prototipi ve gerçek kullanıcıların onu denediği, sizin de ne yaptıklarını izlediğiniz oturumlar.
Tasarlayan ve geliştiren aynı ekip olduğu için tasarım, bilinmeyene yapılan bir devir olmaz. Teslim ettiğimiz tasarım sistemi mühendisliğin üzerine geliştirdiği sistemin ta kendisidir; bileşenler ve kurallar koda karşılık gelir, yayına çıkan şey test edilen şeydir.
Web uygulamaları, SaaS ürünleri ve mobil uygulamalar tasarlarız; mevcut ürünleri de baştan yazmayı gerektirmeden yeniden tasarlarız. Logodan marka kılavuzuna marka işi ise kurumsal kimlik tasarımı hizmetimizdir.
Tanıdık geldi mi?
Kullanıcılar hep aynı adımda takılıyor
Analitik, insanların bir kayıt ya da ödeme adımında çıktığını gösteriyor; neden olduğunu ise onları kullanırken izlemeden kimse söyleyemiyor.
Geliştiriciler ekran görüntülerinden çalışıyor
Tasarım sistemi yok; her geliştirici tasarımları farklı yorumluyor ve ürün her ekranda biraz farklı görünüyor.
Ürünü, onu geliştiren kişi tasarlamış
Çalışıyor ama yeni müşterilerin kullanabilmesi için önce bir görüşme gerekiyor; destek ekibi zamanını ekranları anlatarak geçiriyor.
Geliştirmeye para harcamadan önce kanıt istiyorsunuz
Yatırımcılar ya da yönetim ürünü görmek istiyor; siz de bir mühendislik bütçesi ayırmadan önce kullanıcıların denemesini istiyorsunuz.
Dört adım, her birinin sonunda elinizde kalan bir çıktı
Arayüzler, geliştirilmeden önce bu sırayla doğrulanır.
Kullanıcı yolculukları
Ürünü kimin, ne için kullandığını ve bugün nerede takıldığını, görüşmelerden ve elinizdeki veriden çıkarırız.
- Görüşmeler
- Kullanıcı yolculuğu
Tıklanabilir prototip
Tüm akış Figma’da hazırlanır ve mühendislik başlamadan önce sizinle incelenir; bilgisayarda da telefonda da tıklanabilir.
- Figma
- Prototip
Kullanıcı testi
Gerçek kullanıcılar prototipi dener; davranışları, bir şey geliştirilmeden önce tasarımı değiştirir.
- Kullanılabilirlik testi
- Bulgular
Tasarım sistemi
Erişilebilirlik dahil bileşenler, durumlar ve kurallar; mühendisliğe tek ve ortak bir referans olarak teslim edilir.
- Bileşenler
- Erişilebilirlik
Sonunda elinizde kalanlar
Aşağıdakilerin hepsi ilk commit’ten itibaren sizindir ve mümkün olan her yerde kendi hesaplarınızda durur. Hiçbiri bizden lisanslanmaz, hiçbirinin bakımı yalnızca bize bağlı değildir.
sirketiniz/
- arastirma/kullanici-yolculugu.pdfÜrünü kimin, ne için kullandığı ve nerede takıldığı.
- figma/prototypeTüm akışın tıklanabilir prototipi, sizin Figma hesabınızda.
- arastirma/test-bulgulari.mdKullanıcıların testte ne yaptığı ve bu yüzden neyin değiştiği.
- figma/design-systemMühendisliğe hazır bileşenler, durumlar ve kurallar.
Dört aşama ve her birinin
size teslim ettiği
Kod yazılmadan önceki aşamalar dahil her aşama, inceleyebileceğiniz ve elinizde kalacak bir çıktıyla biter.
Keşif ve araştırma
Paydaş görüşmeleri, elinizdeki veri ve ürüne güvenecek kullanıcılar: kim oldukları ve nerede takıldıkları.
- kullanıcı yolculuğu haritası
- kapsam ve sabit bütçe
Prototip
Tüm akış Figma’da tasarlanır ve her hafta sizinle incelenir; ilk incelemeden itibaren tıklanabilirdir.
- tıklanabilir prototip
- haftalık inceleme
Kullanıcılarla test
Gerçek kullanıcılar biz izlerken prototipi dener; zorlandıkları yerde tasarım değişir.
- test bulguları
- güncellenmiş prototip
Tasarım sistemi ve teslim
Bileşenler, durumlar ve erişilebilirlik kuralları; mühendisliğin, bizim ya da sizin ekibinizin, üzerine geliştirdiği tek kaynak olarak teslim edilir.
- tasarım sistemi
- bileşen kütüphanesi
İşe başlamadan önce
yazıya döktüğümüz şartlar
Her projede taahhüt ettiğimiz rakamlar. Projeniz bunların üzerine kendi tarihli planını alır.
- Talep
- 1 iş günüTalebinizi okumuş birinden yanıt.
- Keşif
- 1 ila 3 haftaYazılı bir kapsam ve sabit bir bütçeyle biter.
- Haftalık inceleme
- Her haftaİşin o anki hali, kendiniz açabileceğiniz bir linkte.
UI/UX tasarım fiyatları neye bağlıdır?
Tasarım da diğer işlerimiz gibi fiyatlandırılır: keşif; akışları, prototipi ve test turlarını listeleyen yazılı bir kapsam çıkarır ve o kapsamın tek bir fiyatı olur.
- 01Üründeki kullanıcı rolü ve akış sayısı
- 02Yeni bir ürün mü, kullanıcısı olan bir ürünün yeniden tasarımı mı
- 03Kaç tur kullanıcı testi yapılacağı ve kimlerle
- 04Web, mobil ya da ikisi birden
- 05Bir tasarım sisteminin zaten var olup olmadığı
Neyle geliştiriyoruz
Uzun destek ömrü ve geniş yetenek havuzu olan araçlar; sistemin bakımını yalnızca biz değil, her yetkin ekip yapabilsin diye.
Figma
Prototip, tasarım sistemi ve yorumlar; sahibi olduğunuz ve mühendislerinizin okuyabildiği tek bir dosyada.
React
Mühendisliğin geliştirdiği bileşenlerle bire bir eşleşecek şekilde tasarlanan bileşenler.
Tailwind CSS
Tasarım sistemindeki değerlerin doğrudan koda taşındığı tasarım belirteçleri.
Bu hizmetle ilgili sorular
Bu hizmet için ilk görüşmelerde en sık sorulanlar.
Aradığınız yanıtı bulamadınız mı?
Bize yazın: hello@kodfabrika.com.
İlgili hizmetler
Uzun yıllar için geliştirilir.
Bu hafta başlar.
Ne geliştirmek istediğinizi anlatın. Karşılığında bir sunum dosyası değil; yazılı bir kapsam, net bir bütçe ve bir teslimat planı alırsınız.