İçeriğe geç

Site ve uygulama arayüz tasarımı

Ekranlar kodlanmadan önce Figma'da tasarlanır, tıklanabilir prototipte denenir.

Tipik hedefler; gerçek değer pilotta ölçülür.

  • Mobil öncelikliekran tasarımı
  • Tıklanabilirkodlamadan önce denenen prototip
  • 1-3 haftaküçük site için tipik tasarım süresi

Sorun

Site ya da uygulama yaptıracaksın ama nasıl görüneceğini önceden göremiyorsun. Yapım başladıktan sonra değişiklik istemek hem uzun sürüyor hem pahalıya geliyor. Kullanıcı hangi düğmeye basacağını bulamazsa sistemin işe yaramıyor.

Kimler için

  • Yeni site ya da uygulama yaptıracaklar
  • Mevcut arayüzü karışık bulan firmalar
  • Yazılım ekibi olup tasarımcısı olmayanlar
  • Yatırımcıya ya da müşteriye ürün göstermek isteyenler
  • İç kullanım paneli yaptıracaklar

Ne yapıyor

  1. Kullanıcı akışı

    Önce ziyaretçinin ya da kullanıcının hangi adımlardan geçeceğini çiziyoruz. Gereksiz adımlar baştan ayıklanır.

  2. Telefon öncelikli ekranlar

    Ekranlar önce telefon boyutunda tasarlanır, sonra tablet ve masaüstüne uyarlanır.

  3. Tıklanabilir prototip

    Figma'da düğmelere basılan, sayfalar arasında gezilen bir prototip hazırlarız. Kodlamadan önce ekibinle ya da müşterinle denersin.

  4. Okunaklı ve erişilebilir tasarım

    Yazı boyutu, renk karşıtlığı ve düğme büyüklüğü rahat kullanım için seçilir.

  5. Geliştiriciye hazır teslim

    Ölçüler, renkler ve bileşenler düzenli bir Figma dosyasında verilir. Kodlayan kişi tahmin yürütmeden uygular.

  6. Marka ile uyum

    Mevcut logo ve renklerini kullanırız. Yoksa önce basit bir marka temeli kurarız.

Nasıl teslim ediyoruz

  1. 01

    Hedef ve kullanıcı

    Ne yapılacağını, kimin kullanacağını ve en önemli işlemin ne olduğunu konuşuruz. Rakip ve örnekleri birlikte inceleriz.

  2. 02

    Akış ve taslak ekranlar

    Sayfa yapısını ve ekran akışını basit taslaklarla çizeriz. Detaya girmeden önce onayını alırız.

  3. 03

    Görsel tasarım ve prototip

    Renk, yazı ve görselleri uygulayıp ekranları tamamlarız. Tıklanabilir prototipi sana veririz.

  4. 04

    Teslim

    Figma dosyasını düzenleyip geliştiriciye hazır hale getiririz. İstersen kodlamayı da biz yaparız.

Birlikte çalıştığı araçlar

  • Figma
  • FigJam
  • Next.js
  • Storybook

Sık sorulanlar

Tasarım ne kadar sürer?

Ekran sayısına bağlı. Küçük bir site için çoğunlukla 1 ile 3 hafta, uygulama için daha uzun olur. Kapsamı baştan yazarız.

Tasarımı başka bir yazılımcıya verebilir miyim?

Evet. Dosyayı geliştiricinin kullanabileceği düzende teslim ederiz. Kodlamayı bizden yaptırmak zorunda değilsin.

Mevcut sitemi yeniden tasarlayabilir misiniz?

Evet. Önce mevcut ekranlara ve kullanıma bakarız, neyin değişeceğini netleştirip öyle başlarız.

Prototip gerçek uygulama gibi çalışır mı?

Hayır. Ekranların nasıl geçeceğini gösterir ama arkasında sistem yoktur. Amacı yapıma geçmeden önce denemek.

Aynı hizmetten diğer çözümler

Tasarım

Site ve uygulama arayüz tasarımı