PROTOTİPLEME TEKNİKLERİ. Tanıl YILDIR Aziz SARI

Transkript

1 PROTOTİPLEME TEKNİKLERİ Tanıl YILDIR Aziz SARI

2 Genel Bakış Prototipleme ve Üretim i. Düşük Uygunluk ii. Orta Uygunluk iii. Yüksek Uygunluk Kavramsal Tasarım

3 Prototip nedir? Prototip Nedir? Prototipleme Neden Yapılır? Prototipleme Türleri i. Düşük Uygunluk ii. Orta Uygunluk iii. Yüksek Uygunluk Prototiplemedeki Hatalar Üretim

4 Prototip nedir? Prototipleme, teknik anlamda imalatı yapılacak ürünün imal edilmeden önce elle tutulur en ilkel şeklinin oluşturulması olarak tanımlanabilir. Bu şekle de o ürünün prototipi denir.

5 Prototip nedir? Prototipleme başka tasarım alanlarında küçük ölçekli model anlamına da gelebilir. Örn: Minyatür araba, Minyatür ev ya da şehirler..

6 Prototip nedir? Prototipleme etkileşimli tasarımda aşağıdaki şekillerde olabilir: Sketches (Ekran taslakları) Storyboard, Sprites PowerPoint sunuları Pictive Kartondan yapılmış birebir modeller mock-uplar(yazılım mock-up ı çalışmalar bitince yazılımın nasıl görüneceğini müşteriye göstermek için kullanılır. Sadece kullanıcı arayüzünden oluşur) Yazılımın sadece belirli kısımlarının yapılmasıyla

7 Neden prototip? Etkileşimli tasarımın merkezinde Değerlendirme ve feedback(geribesleme) bulunur. Kullanıcılar bir prototiple etkileşime daha kolay geçebilirler. Çizim ve dökümanların aksine onu tutabilir görebilir ve çalışan fonksiyonları varsa test edebilirler. Ekipte çalışanlar dertlerini birbirlerine daha kolay anlatabilirler. Kendi fikirlerimizi test edebiliriz. Prototipler yapımcıların sorularına cevaplar verirler.hatta onlara alternatifler arasında seçim yapmalarında yardımcı olurlar.

8 Prototipleme Teknikleri Düşük Uygunluk Orta Uygunluk Yüksek Uygunluk

9 DÜŞÜK UYGUNLUKLU PROTOTİPLER Bazı tasarım planlarının el çizimleri ile yapılması ODAKLAN: Beyin fırtınası yaparak olabilecek tüm fikirleri düşün(kullanılabilirlik önemli değil). Anlaşılabilecek kadar düzgün bir şekilde hazırla ODAKLANMA: Güzelleştirmeye çalışma. Bilgisayarla oluşturulmuş resimler değiller. Hiçbir çizim programı kullanma. Bu çizimler belki kullanıcıdan feedback almak için kullanılabilir.

10 Düşük Uygunluklu Prototipler Sketches Storyboards Pictives

11 Düşük Uygunluklu Prototipler 1. Sketches: Tasarlanmış bir sistemin dış görünüşünün ana hatlarıyla çizimidir. Sistemin genel bir halini temsil ettiğinden ana hatlara odaklanmaya yarar Çizimler basit sembollerle yapılabilir

12 Düşük Uygunluklu Prototipler 1. Sketches: Başlangıç sipariş ekranı

13 Düşük Uygunluklu Prototipler 1. Sketches: Ödeme

14 Düşük Uygunluklu Prototipler 1. Sketches: Sipariş onaylama ekranı

15 Düşük Uygunluklu Prototipler 1. Sketches: Sipariş onaylandı

16 Düşük Uygunluklu Prototipler 1. Sketches: Zaman aşımı ekranı

17 Düşük Uygunluklu Prototipler 2. Storyboards: İlk olarak film yapımında kullanılmıştır. Storyboard anahtar framelerden oluşan bir dizidir. Kareler net bir şekilde neyi anlattığını ortaya koyabilmelidir. Arayüzler için kullanıcıya tasarımın ne yönde ilerlediğini kolayca gösterir.

18 Düşük Uygunluklu Prototipler 2. Storyboards: Genellikle senaryolarla birlikte kullanılırlar ve daha fazla detayın gösterilmesini sağlarlar. Aslında kullanıcıya bir görevi yerine getirmek için aygıtı nasıl kullanacağını gösteren sketchler topluluğudur diyebiliriz. Tasarımın ilk aşamalarında kullanılır.

19 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek:1 Başlangıç sipariş ekranı

20 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek:1 Ecstatic burger siparişi

21 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek:1 Sipariş verildi ekranı

22 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek:1 Ödeme ekranı geldi

23 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek:1 Kullanıcı ödemeyi nakit yaptı

24 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek:1 Sipariş onay ekranı geldi

25 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek:1 Sipariş onay ekranı

26 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek:1 Sipariş verildi

27 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek 2: Sipariş başlangıç ekranı

28 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek 2: Basic Merry Burger siparişi

29 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek 2: Smirkin small fries siparişi

30 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek 2: Gigle sized pop

31 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek 2: Sipariş verildi ekranı

32 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek 2: Ödeme ekranı

33 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek 2: Ödeme veresiye yapıldı

34 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek 2: Ödeme onaylama ekranı açıldı

35 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek 2: Sipariş onaylandı ekranı

36 Düşük Uygunluklu Prototipler 2. Storyboards: Örnek 2: Sipariş verildi

37 Düşük Uygunluklu Prototipler 3. Pictives: Pictive bir sistemin ekran görüntülerinin renkli yazılar, yapışkan kağıtlar vb. ile her ekran için ayrı ayrı hazırlanıp sistemin simüle edilmesidir. Bu canlandırma videoya kaydedilip tekrar tekrar kullanılabilir ve iş yükünü büyük ölçüde azaltmış olur.

38 Düşük Uygunluklu Prototipler 3. Pictives: Örnek 1:Ödeme seçenekleri

39 Düşük Uygunluklu Prototipler 3. Pictives: Örnek 1:

40 Orta Uygunluklu Prototipler Farklı tipleri vardır. Bu tipler bilgisayarla hazırlanmış çizimler de olabilir sistemin çalışan bir parçası da olabilir. Düşük uygunluklu prototipleme tiplerine göre bunları oluşturmak ve ya değiştirmek daha uzun sürer ve yorucudur.

41 Orta Uygunluklu Prototipler AVANTAJLARI -Tamamlanmış bir sistem gibi göründükleri için sistemin nasıl çalışacağına neye benzeyeceğine dair kullanıcıya net bilgiler verir. -Orta uygunluklu prototipleme tipine göre belki kullanıcıya sistemin bir bölümünü test etme imkanı sunabilir. DEZAVANTAJLARI -Kullanıcı tasarımı değiştirmek istemeyecektir.çünkü değiştirmek ekstra iş gücüne ve maliyete sebep olacaktır. Düşük seviyeli olsa kağıt üzerinde değişiklik yapılarak hemen müdahale edilebilirdi.ayrıca bu seviyede hazırlanmış bir prototipin hazırlayan tarafından kusursuz olduğu düşünülebilir. -Üstler bunun gerçek sistem olduğunu düşünüp yorum yapabilir!

42 Orta Uygunluklu Prototipler Tutorials ve Manuals Sistemin geliştirilme sürecinde yazılması gerekir. Tutorials: Bir sistemin yönlendirmelerle adım adım tanımlanmasıdır. Manuals: Önemli kaynaklar için referanstır. Hazırlanırken dediğimiz gibi görselliklerin olması kullanıcıya daha net bir bilgi verir ancak her zaman bu şekilde olmasını istemeyiz. Örneğin bir kodun ne işe yaradığını genelde tutorial izlemek yerine manual lere bakarak anlarız.

43 Orta Uygunluklu Prototipler 1. Tutorials: Football Manager

44 Orta Uygunluklu Prototipler 1. Tutorials: Roma Total War

45 Orta Uygunluklu Prototipler 1. Tutorials: Angry Birds

46 Orta Uygunluklu Prototipler 2. Manuals: The Sims

47 Orta Uygunluklu Prototipler 2. Manuals: The Sims

48 Orta Uygunluklu Prototipler 2. Manuals: The Sims

49 Orta Uygunluklu Prototipler Prototipleme Yaklaşımları(İşlevlerine Göre) Dikey Prototipleme Bu tip prototipleme sistemin sadece belirli bir özelliği ya da işlevi üzerinde yoğunlaşıp onunla ilgili ayrıntılı çalışma yapar. Yatay Prototipleme Bu ise tüm sistemin yüzeysel olarak işlendiği bir prototipleme türüdür. Çok fazla ayrıntıya yer verilmez.

50 Orta Uygunluklu Prototipler Prototipleme Yaklaşımları(Ürünlerine Göre) 1. Tek kullanımlık 2. Artımlı 3. Evrimsel

51 Orta Uygunluklu Prototipler Prototipleme Yaklaşımları(Ürünlerine Göre) 1. Tek kullanımlık Bu prototip sadece feedback(geribesleme) almak için kullanılır. Bu prototip yapılır test edilir ve ardından atılır.

52 Orta Uygunluklu Prototipler Prototipleme Yaklaşımları(Ürünlerine Göre) 2. Artımlı Sistem birbirden ayrı modüllerden(bileşenlerden) oluşur. Her bölüm ayrı ayrı tasarlanır prototiplenir ve tamamlanıp sisteme yine ayrı ayrı eklenir. Bu işlemlerin sonucunda tüm bileşenler eklenince ortaya sistemin tamamı çıkar.

53 Orta Uygunluklu Prototipler Prototipleme Yaklaşımları(Ürünlerine Göre) 3. Evrimsel Gelen değişikliklere bağlı olarak mevcut prototipin tekrar değiştirilmesiyle oluşan yaklaşımdır. Bütün değişiklikler tamamlandığında ortaya çıkan işlenmiş prototip sistemin son halini temsil edecektir.

54 Yüksek Uygunluklu Prototipler Sistemde kullanılacak(son ürün) olan materyaller kullanılır. Prototip son ürüne oldukça benzer. Buradaki sıkıntı kullanıcılar sistemin tamamlanmış olduğunu düşünebilirler.

55 Yüksek Uygunluklu Prototipler

56 Prototiplemenin Eksiklikleri Tüm prototiplerin eksiklikleri vardır. Yazılım için bu sistemin yavaş cevap vermesi, kullanılan simgelerin taslaklardan oluşması ya da kısıtlı işlevsellik olabilir. Prototiplerdeki eksikler göz ardı edilemez. Bunlar daha sonraki aşamalarda gözden geçirilip düzeltilmelidir.

57 Kavramsal Tasarım Kullanıcı istekleri kavramsal bir model haline gelir. Ürünün ana özelliklerinin belirlenmesidir. Eğer üretilebilirlik tartışmalıysa, bu konular kavramsal tasarım aşamasında değil ondan sonra gelen ayrıntılı tasarım aşamasına bırakılmalıdır. Kısaca ortaya çıkmasını istediğimiz şeyi belirler ve ayrıntılarla daha sonra ilgileniriz. Sistemin belirlenen bir koşulda ne yapması gerektiği ne gibi görüneceği nasıl tepki vereceğinin kullanıcı için anlaşılır olan tanımıdır. Alternatifleri düşünmeliyiz. Prototiplemeden yardım alabiliriz..

58 Kavramsal Tasarım Kavramsal Tasarım İçin İki Önemli Konu Hangi etkileşim modeli kullanılacak? Hareket Tabanlı Nesne Tabanlı

59 Kavramsal Tasarım Kavramsal Tasarım İçin İki Önemli Konu Hangi ortam kullanılacak? Giyilebilir bilgisayarlar Desktop bilgisayarlar Mobil cihazlar

60 Kavramsal Tasarım Kavramsal Tasarımın Geliştirilmesi Ürün ne gibi işlevleri yerine getirecek? Ürün ne yapacak insan ne yapacak İşlevlerin birbiriyle olan ilişkileri nasıldır? Hangi bilgiler erişilebilir olmalıdır? İşlemi yerine getirebilmek için ne gibi verilerin verilmesi gerekiyor? Bu veri sistem tarafından nasıl değiştiriliyor?

61 Kavramsal Tasarım Kavramsal Tasarımda Prototiplerin Kullanılması Üzerinde çalışılan fikirlerin gelişmesine olanak tanır. Başlarda düşük uygunluklu prototipleme sistemin tamamlanmasına doğru ise yüksek uygunluklu prototipleme kullanılır.

62 Ekran Tasarımı İki yönü vardır: Ekranları nasıl ayırırız? Ekranlar içinde ya da arasında geçiş yaparak Kişisel ekran tasarımı Beyaz ağırlıklı kullanım bize daha temiz bir alan bırakacaktır. Bilgilerin daha net bir şekilde anlaşılması için. Maddelere ayırmak ya da gruplamak kutularla çizgilerle nesneleri birbirinden ayırmak faydalıdır

63 Ekran Tasarımı Ekranları Ayırma Görev analizi başlangıç noktamızdır. Her ekran yalnızca bir adımdan oluşmalı Ancak çok fazla ekran oluşumunu engellememiz gerekmektedir. Bilgiyi erişilebilir tutmak önemlidir. Aynı anda birden çok ekran görüntülenebilmelidir.

64 Ekran Tasarımı Bireysel Tasarım Kullanıcının dikkatini belirlenmiş bir alana çekmeyi hedefler. Bunun için renklendirme kutu içine alma vs teknikler kullanılır. Animasyon çok güçlü olabilir ancak rahatsız edici de olabilir. İyi organize olmak yararlıdır : Gruplama, fiziksel yakınlık Ekran çok boş ya da çok dolu olmamalı

65 Bilgi Gösterimi Amaca uygun bilgiler her zaman ulaşılabilir olmalı. Farklı tip bilgiler farklı tip ekranlarla gösterilmelidir. Kağıttaki gösterim ile ekrandaki gösterim tutarlı olmalıdır.

66 Özet Farklı tiplerde prototiplemeler farklı amaçlar ve farklı aşamalarda kullanılır. Prototipler soruları yanıtlayabilir. Son ürün mutlaka isteklere uygun olarak elde edilmeli Kavramsal Tasarım tasarımın ilk adımıdır. Fiziksel Tasarım:menüler,iconlar,ekran tasarımı,bilgi gösterimi örnek olarak gösterilebilir Tasarım boyunca prototipler kullanılmalıdır.

67 Kaynaklar r%c4%b1m

68 Teşekkürler