Resimli Taslaklar Kağıt üzerinde ön model (prototip)- Maketler Storyboards Paper Prototypes- Mockups

Transkript

1 Resimli Taslaklar Kağıt üzerinde ön model (prototip)- Maketler Storyboards Paper Prototypes- Mockups

2 User Interface Design, Prototyping, & Evaluation 2

3 Constructing the Model (Landay, 2013) 3

4

5 Storyboards Herhangi bir tasarımın oluşturulması sırasında en çok yapılan ve en genel hata, yapılacak işe (göreve) odaklanılmasından önce, arayüze odaklanılmasıdır. Storyboard (resimli taslak) yerine getirilecek işlerle ilgilidir. Genellikle senaryolarla birlikte kullanıldığında, daha fazla ayrıntı ele alınmış olacaktır ve farklı taslaklarla kullanıcının mrvcut aygıtı verimli kullanabilmesi için ilerlemesi de mümkün olabilecektir. nasıl ilerleyebileceğini de Tasarımın ilk safhalarında kullanılır. 5

6 Storyboarding Kağıt- kalem simülasyonudur Sistemin fonksiyonelliğinin ve görüntüsünün provasıdır (walkthrough) Sıralı bir şekilde diyagramlar çizilir Hızlı şekilde sonuca ulaşılır (snapshots)

7 Prototyping Techniques Lo-Fi Kağıt odaklı krokiler (Paper-based sketches) Kağıt odaklı resimli taslaklar(paper-based storyboard) Bilgisayar destekli resimli taslaklar(computer-aided sketches/storyboard) Wizard of Oz / Video-prototyping Bilgisayar odaklı senaryo Bilgisayar odaklı yatay simülasyon Bilgisayar odaklı dikey simülasyon Bilgisayar odaklı fonksiyonelliğin simülasyonu Hi-Fi

8 Prototipleme Terminolojisi Erken (early) prototipleme, Geç (late) prototipleme Low fidelity prototipleme, high fidelity prototipleme Yatay Prototipleme Çok yaygın kullanılır. Arayüzün büyük bir kısmı sığ (shallow) olarak gerçeklenir. Dikey Prototipleme Arayüzün daha az özelliği ve görünüşünün simülasyonu yapılır: Fakat yapılan çok detaylıdır.

9 Yatay ve Düşey Prototipleme

10 Yatay ve Düşey Prototipleme

11 Prototipleme Yöntemleri Bilgisayar Kullanmadan: Sürecin ilk zamanlarında Bilgisayar ile: Sürecin ilerleyen aşamalarında

12 Lo-fi (low fidelity) ve Hi-fi (high fidelity) karşılaştırması Tip Lo-fi Olumlu Özellikler Daha az zaman & daha düşük maliyet gerektirir. Çoklu tasarım kavramlarını kullanabilir. Yararlı bir iletişim aracıdır İnsanlar yorum yapmaya daha çok isteklidir. Olumsuzluklar Kullanılabilirlik (usibility) testlerine sınırlı açıktır. Hareket ve akış sınırlamaları vardır. Çözümü kolaylaştırma odaklıdır. Ayrıntılı betimlemeler zayıftır. Hi-fi Kismi/tam fonksiyonellik sağlar. Etkileşimlidir. Kullanıcı odaklıdır. Hareket şemaları açık olarak tanımlanmıştır. Yeniliklerin keşfi ve testin kullanımı gerçekleşebilir. Pazarlama ve satış araçları olabilir. Oluşturulması zaman kaybıdır Kavramın(ileri sürülen görüşün) ispatı tasarımlarında etkili değildir Betimlenebilir kusurlara kullanıcılar kapalıdır (kör) Yönetimler kendi gerçeklerini ön plana çıkarabilir. HAI2008. Lifelong ambient companions: challenges and steps to overcome

13 Farklı bir Prototipleme Terminolojisi Early Design Brainstorm different representations Choose a representation Rough out interface style Task centered walkthrough and redesign Lo-fi prototypes Fine tune interface, screen design Heuristic evaluation and redesign Medium-fi prototypes Usability testing and redesign Limited field testing Alpha/Beta tests Hi-fi prototypes Working Systems Late Design

14 «offline» ve «online» prototipler Offline prototipler (paper prototypes) bilgisayar gerektirmez. Hızlı oluşturulurlar, tasarımın ilk aşamalarıdır ve amaçlarını sağladıklarında (hedeflerini gerçekleştirdiklerinde) işlevleri kalmaz(throw away). Online prototipler Bilgisayar üzerinde çalışan yazılım prototipleridir Bilgisayar animasyonları, iteratif video sunumları, betik dilde yazılmış programlar, arayüz tasarımcılarının geliştirdikleri uygulamalar olabilir. Online prototiplerin maliyeti fazladır ve ileri düzeyde tasarım için uzmanlaşma gerektirebilir. Yazılım prototiplerin tasarımın sonraki aşamalarına, temel tasarıma, katkıları daha fazladır.

15 Hangi prototipleme ne zaman? off-line prototipler daha fazla tercih edilir. Fakat pek çok durumda özel bir tasarımın amacını tümüyle değerlendirmekte yetersiz kalınabilir. Örneğin arayüzler kullanıcılara hızlı olarak geri besleme gerektiriyorsa ya da dinamik görselleştirmeler genellikle yazılım prototiplerini (online prototipleme) gerektirir. Özel olarak «wizard of oz» tekniği kullanıldıldığında «offline» prototipler sistemin oldukça karmaşık betimlemesini oluşturabilir.

16 Lo-fi prototipleme örneği: Storyboards

17 Hi-fi prototipleme örneği Prototipler daha çok final versiyonuna benzer.. Kullanıcılar bu prototipi gerçek sistem olarak düşünebilir. Bu nedenle tehlikeli olabilir. Tasarımı zaman alabilir ve maliyeti yüksektir. 17

18 Wizard of Oz (Woz) Wizard of Oz yaklaşımı, gerçek dünyada var olmayan ideal tasarımların test edilmesidir. Wizard of Oz (WOz) yöntemi, implementasyonu gerçekleşmemiş teknolojinin simülasyonunu ve testini gerçekleştirir. Woz, tasarımın ilk safhaları ile uyumludur. Bu safhanın tasarımın gelecekteki safhalarına önemli (değerli) yönlendirmeleri olabilir. WOz tasarım ile ilgili sonuçların elde edilmesinden önce yanlış olan tahminleri bulup çıkarır.

19 WOz Woz mevcut implementasyon ile öngörülen (envisioned) sistem arasındaki boşluğu doldurur; böylece kullanıcı deneyimleri tüm tasarım süreci boyunca sağlanır. Woz gerçek tasarıma ulaşmak için hızlı ve en basit yoldur Woz çoğunlukla doğal dil arayüzlerine (natural language interfaces (NLI) (doğal dil arayüzü) adapte edilmektedir. İlk Wozçalışmaları NLI öğrenilmesi ile ilgili idi (1993 yılı öncesi)

20 Günümüzde Woz Uygulamaları Günümüzde Woz uygulamaları yaygın olarak yapay zeka fonksiyonlarında hareket izleme (motion tracking), demostrasyon ile programlama (programming by demostration) ve iz tanıma (trace recognition) gibi oldukça karmaşık problemlerde görülmektedir. Bu fonksiyonların ortak özellikleri kodlanmalarının çok zor olması, fakat insanlar tarafından simülasyonunun sağlanmasının kolay olmasıdır. Bir başka örnek büyük veri setleri üzerinde örüntülerin (pattern) bulunması olabilir. Kodlanması zor, hatta imkansız olabilir Özet olarak ; tüm sistem fonksiyonları ya da arayüz tasarımlarının simülasyonu gerçekleşebilir. Fakat tasarımın sonuçlanması için çok daha fazla gayret göstermek gerekecektir.

21 Aadvark* Örneği -1 Woz prototiplemesine örnek olarak Aadvark çalışması verilebilir. Aadwark, günümüzde Google tarafından da kullanılan sosyal soru sorma ve cevaplama servisi için WOz prototipini kullanılmıştır. Amaç, problemi çözecek teknolojiyi tümüyle oluşturmadan, geliştirilecek tasarımın iyi olup olmadığını bilmeden yapılacakların nasıl çalışacağını öğrenmek idi. Aardvark çalışanları soruları beta test kullanıcılarından aldılar ve bu soruları çevrim içi (online) olan kullanıcılara yönlendirdiler; daha sonra bu sorulara cevapları aldılar. Aardvark, (social search service) sosyal arama hizmeti sağlar da 90,361 kullanıcısının %56 sı içerik oluşturmaktaydı. Yani, soru soruyor ya da cevaplıyordu.

22 Aadvark Örneği (2) Tüm bu süreçler, şirket bu tasarıma zaman ve para ayırmadan önce yapılacakların testi amacı ile gerçekleşti. Bu işlemler aynı zamanda bu insanların güçlü olarak oluşturduğu uydurma(fake) bir ürünün testi idi. Şirket daha sonra ürünü oluşturmaya insanları yer değiştirerek başladı. Arka planda insanları kullanarak tüm sorulardan öğrendiklerinin yararlarını gördü. Bu sorular kullanıcılarla tüm prosesin nasıl yönlendirileceğini de içermekteydi.

23 Aadvark Örneği (3) Aadvark, anlık mesajlaşma (instant messages) tasarımlarında kullanılarak girişken bir alıcı hizmeti de gerçekleştirmektedir. Aynı zamanda soru soranlar ve cevaplayanlar arasında insan -insan etkileşimine bir örnek oluşturur.