Kağıttan Prototipleme

 

Kullanıcı arayüzü (UI) tasarımı genellikle prototip oluşturmayı içerir: yazılımın gereksinimlerine dayanarak UI'nin nasıl görünmesi ve kullanıcıların onunla nasıl etkileşime girmesi gerektiğini düşündüğünüz tasvirleri yinelemeli olarak oluşturmak. Prototipleme, bir kullanıcı arayüzü tasarımını denemek ve sorunları erkenden bulmak için bir yol sağlar. Bir çizimi (dijital veya fiziksel) değiştirmek genellikle kod uygulamasını değiştirmekten daha kolay ve hızlıdır.

Kullanıcı arayüzü tasarım prototiplerinin birden fazla seviyesi ya da "sadakati" vardır (düşük sadakat, orta sadakat ve yüksek sadakat). Etrafınıza bakarsanız, tanımlar konusunda anlaşmazlık olduğunu göreceksiniz (Snyder, 2011). Biz aşağıdaki tanımları kullanıyoruz:

  • Düşük aslına uygunluk (Şekil 6.1): Genellikle elle çizilen, bir uygulama ve kalem kullanılarak çizilen veya özellikle düşük sadakatli prototipler oluşturmak için yazılım kullanılarak yapılan kaba bir taslak. Bu aslına uygunlukta, daha üst düzey özellikler hakkında geri bildirim toplayabilir ve büyük, düşük maliyetli değişiklikler yapma esnekliğine sahip olabilirsiniz.
Şekil 6.1 Düşük Sadakatli Prototip Örneği
  • Orta düzeyde aslına uygunluk (Şekil 6.2): Genellikle profesyonel bir çizim veya sunum aracı (örn. Visio, PowerPoint ve benzeri) ya da belki dikkatli ve ayrıntılı bir el çizimi kullanılarak oluşturulan ayrıntılı bir illüstrasyon. Bu aslına uygunluk seviyesinde, maliyetleri düşük tutmak için, tanımlanmış ve kabul edilmiş özelliklerde yapmayı planladığınız ancak görünümünü değiştirebileceğiniz küçük değişiklikler hakkında geri bildirim toplayabilirsiniz.
Şekil 6.2 Orta Sadakatli Prototip Örneği
  • Yüksek sadakat (Şekil 6.3): Tamamlanmış bir kullanıcı arayüzüne benzeyen cilalı, ayrıntılı bir illüstrasyon. Bu tasarımlar tam özellikli bir grafik düzenleyicide (Photoshop, Illustrator vb.) veya bir GUI oluşturucuda oluşturulabilir. Bu sadakat düzeyinde, maliyetleri düşük tutmak için, odaklanmış ve aşamalı iyileştirmeler yapmak üzere belirli özelliklere yönelik ayrıntılı ince ayarlar hakkında geri bildirim toplayabilirsiniz.
Şekil 6.3 Yüksek Sadakatli Prototip Örneği

Prototip oluşturmaya başlamanın (ve kullanıcı arayüzü tasarımınız hakkında geri bildirim almaya başlamanın) hızlı ve düşük maliyetli bir yolu, düşük sadakatli bir kağıt prototip oluşturmaktır.

Kağıt prototip, yazılımın gereksinimlerine dayanan bir kullanıcı arayüzü tasarımının elle çizilmiş bir taslağıdır. Güzel veya sanatsal olması gerekmez. Basit olabilir ve kullanıcı arayüzünü yalnızca en önemli unsurlara indirgeyebilir (yani, genellikle düşük sadakatlidir).

Etkileşim Gösterme

Bir kağıt prototipin statik olması veya tek bir kağıtla sınırlı kalması gerekmez. Biraz ustalık ve yaratıcılıkla, kağıt prototipler, kullanıcıların neyle etkileşime girebileceklerini (örneğin bir kaydırıcı), nasıl etkileşime girebileceklerini (örneğin sürükleyerek) ve etkileşime girdiklerinde ne olacağını (örneğin, fotoğraftaki her bir dağın yüksekliğini gösteren bir kaplama görünür) göstererek etkileşim tasarımının unsurlarını iletebilir. Etkileşim tasarımını bir kağıt prototip aracılığıyla göstermek için, örneğin, kolayca hareket ettirebileceğiniz küçük kağıt şekilleri kesebilir (örneğin, bir kullanıcı tıkladığında görünen alt menü öğelerini gösteren küçük bir dikdörtgen), prototipinize oklar ve ek açıklamalar yerleştirebilir ve hatta UI öğelerinin nasıl hareket edebileceğini göstermek için dizeler ekleyebilirsiniz. Döndürülebilir öğeler için pirinç brad kullanan insanlar bile gördüm. Ancak, müşteriniz tasarımınızı beğenmezse, daha az ayrıntılı bir kağıt prototip ile zamandan tasarruf etmiş ve konseptinizi daha iyi iletmiş olabileceğinizi unutmayın.

Konseptinizi Başkalarına Göstermek

Kağıt üzerinde bir prototipiniz olduğunda, bunu geri bildirim toplamak için kullanabilirsiniz. İşte bir yol: Ekran tasarımlarınızın her biri tek bir kağıt üzerindeyse, kullanıcınıza giriş ekranı çizimini verin, ardından ya bir görev verin (örneğin, veri raporu gönderin) ya da kendi başlarına keşfetmelerine izin verin. Düğmelere dokunduklarında veya başka bir şekilde etkileşime girdiklerinde izleyin. Etkileşimlerine yanıt vermek için diğer çizimleri hızla değiştirmeye hazır olun (örneğin, dişli simgesine dokunurlarsa, onlara ayarlar ekranının bir taslağını verin). Hızlıysanız ve fazladan malzeme getirdiyseniz, anında yeni tasarımlar oluşturabilir veya (ilgileniyorlarsa) kullanıcınızın katılmasına izin verebilirsiniz.

Kullanıcınızdan tasarımı kullandıktan sonra veya kullanırken bir sesli düşünme protokolü kullanarak tasarım hakkında geri bildirimde bulunmasını isteyebilirsiniz. Kullanıcınızdan size ne yaptıklarını, ne yapmaya çalıştıklarını, o anda hangi soruları olduğunu, neyi sevmediklerini vb. anlatmasını isteyin.

Özet

Kağıt üzerinde prototip oluşturma, kullanıcı arayüzü tasarımındaki hataları uygulamaya geçmeden önce tespit etme imkanı sunarak proje maliyetlerini azaltmaya yardımcı olabilir. Ayrıca ekiplerin birbirleriyle, müşterilerle ve kullanıcılarla yazılım hakkında iletişim kurmasına yardımcı olabilir.

  • Snyder, C. (2011). Paper prototyping: The fast and easy way to design and refine user interfaces. Morgan Kaufmann.




Yorumlar

Yorum Gönder

Bu blogdaki popüler yayınlar

Gelişim ve Kalıtım Eleştirel Düşünme Soruları

Darcy ve Raul çocuk sahibi olmakta zorlanıyor. Darcy her 28 günde bir yumurtluyor ve Raul'un sperm sayısı normal. Ancak Raul'un spermlerini boşalmadan yaklaşık bir saat sonra gözlemleyebilseydik, sadece yavaş hareket ediyor gibi göründüklerini görecektik. Raul'un spermleri sonunda Darcy'nin oositiyle karşılaştığında, yeterli bir akrozomal tepkime oluşturamadıkları görülür. Muhtemelen hangi süreç yanlış gitti? Cumartesi gecesi, bir kadın bir erkekle korunmasız cinsel ilişkiye girer. Salı sabahı, tipik olarak yumurtlama döneminde hissettiği döngü ortası ağrısını yaşar. Bu durum onu yakında hamile olduğunu öğrenebileceği konusunda son derece endişelendiriyor. Bu endişe geçerli mi? Neden ya da neden değil? Son adet döneminden yaklaşık 3 hafta sonra, cinsel olarak aktif bir kadın kısa süreli bir abdominopelvik kramp ve hafif kanama yaşar. Bunun açıklaması ne olabilir? Tıp Enstitüsü Gıda ve Beslenme Kurulu, hamile kalma ihtimali olan herkesin takviye veya zenginleştirilmiş g
Daha fazla oku »

Periodonsiyum Klinik Uygulamalar

Resim
  Hiper-Sementoz Sementoblast lar yetişkin sementumun yüzeyinde ( PDL içinde) bulunduğu için, sementum yeniden şekillenme ve onarım geçirme yeteneğine sahiptir. Bu da sementumu dentine benzetir ancak mineden farklı kılar. Aşırı sementoblast fonksiyonu hiper-sementoz ile sonuçlanabilir. Bu durum, diş üzerindeki aşırı oklüzal kuvvetler nedeniyle kök ucunda daha sık görülür. Gigantizm/akromegali veya Paget hastalığı gibi büyüme faktörü bozukluklarından da kaynaklanabilir. Konkresans Konkresyon örnekleri.  [Image credit : “Second and third molars joined by cement, in teeth with and without hypercementosis” by Consolaro A et al is licensed under CC BY 4.0] Yeterli miktarda hiper-sementoz iki dişi köklerinden birbirine yapıştırabilir, buna konkresyon denir. Bu, diş çekimi öncesinde radyografinin neden gerekli olduğunu gösterir. Bu durum en sık ikinci ve üçüncü üst azı dişleri arasında görülür. Kök Çürükleri Semental çürükler. [Image credit: “Photograph showing root cari
Daha fazla oku »

Dentin Oluşumu

Resim
  Dentinogenez (diş gelişimi) sırasında önemli bölgeler. Gösterge: P = pre-dentin, D = olgun dentin, oklar = pulpanın kenarında bulunan odontoblastların hücre gövdeleri. [Image credit: "Histological section of tooth" by Doc. RNDr. Josef Reischig, CSc. is licensed under CC BY-SA 3.0 / labels added] Dentinogenez , dentin oluşumu sürecidir (ve odontogenez kelimesi ile karıştırılmamalıdır). Dentinogenez diş gelişiminin çan evresi nde başlar. Odontoblastlar (Yukarıdaki şekil) dentin üreten hücrelerdir. İlk adım, iskele görevi gören kolajen de dahil olmak üzere proteinlerin salgılanmasıdır. İkinci adım, iskelenin etrafındaki mineralizasyondur. Başlangıçtaki proteinden zengin materyal pre-dentin dir, mineralize olduktan sonra dentin olarak adlandırılır. Amelogenez in aksine, üçüncü bir protein kaldırma (yeniden şekillendirme) adımı yoktur. İndüksiyon (veya Başlatma) Amelogenez ve dentinogenezin animasyonlu görünümü. İndüksiyon fazı sırasında odontoblast lar orta
Daha fazla oku »