Wireframe, mockup ve prototipleme arasındaki fark nedir?

Sık kullanılsalar da, iş açıklamaya gelince ayırt etmesi zor olan ve birbirinin yerine kullanıldığında kafa karıştıran terim ve kavramlar burada iyi açıklanıyor.

• Wireframe

Bir web sitesi, web uygulaması veya mobil uygulamanın düzenini oluşturan görsel bir kılavuzdur. Wireframe, ürün fikrini kavramsallaştırmak ya da başkalarına aktarmak istediğinizde genellikle yapılan ilk iştir. En yaygın iletişim yöntemidir. Yani uygulamanızdaki içeriğin nereye yerleşeceğine dair kabaca bir yapıyı gösterir.

• Mockup

Nihai ürünün görsel olarak gerçekte nasıl görünmesi gerektiğini gösteren statik bir sunumdur.

• Prototipleme

Mockup ile oluşturulmuş statik ekrana artık etkileşim, yani interaction eklenmesidir.