Posted: May 28th, 2010 | Author: B | Filed under: GUI-Arayüz, Makale, Web | No Comments »
Yeni bir web veya uygulama arayüzü tasarımı yaparken işe wireframe ile başlamak iyi bir fikirdir. Size proje ölçeğinde zaman kazandırırken, fikir ve analiz aşamasında öngöremediğiniz sorunların çözümünde yardımcı olurlar. Ayrıca uygulama için yeni fonksiyonlar ve yeni fikirler üretmenizi de sağlarlar.
Wireframe aşamasında bir çok yazılımdan destek alabilirsiniz. Ama benim tavsiyem ilk işe kağıt ve kalem ile başlamanız olacaktır. Bu size hem esneklik hem hız hem de haz verecektir. Bir kaç tane kağıt-kalem çalışılmış wireframe görüntüsünü paylaşmak istiyorum, umarım bir sonraki işinize bu şekilde başlar ve deneyimlerinizi paylaşırsınız. Read the rest of this entry »
Posted: May 18th, 2010 | Author: B | Filed under: GUI-Arayüz, Makale, Web | 1 Comment »
1. Geç Kayıt (Lazy Registration): Kullanıcının sitenin sağladığı hizmetleri kayıt olmadan kullanmasına olanak verin. Kayıt kısmını olabildiğince geciktirin. Kullanıcının verdiğiniz hizmeti gerçekten kullanmaya karar verdiğinde kayıt yaptırmasını sağlayın. Bu;
- Hizmeti kullanmayacak kişinin bilgilerini gereksiz yere kayıt altına almamanızı sağlayacaktır.
- Hizmetinizi gerçekten faydalı bulup kullanmak isteyen kimsenin, hemen karşısına kayıt formu çıkartıp onu kaybetmenizi engelleyecektir.
Kullanıcı vermiş olduğunuz hizmeti kullanıp, yapmış olduğu çalışmayı kaydetmek istediği zaman onu siteye kayıt edebilirsiniz. Ya da, alışveriş sepetine ürünleri istediği gibi ekleyip çıkarmasına izin verin. Ödeme aşamasına geldiği zaman kayıt formuna yönlendirebilirsiniz. Böylelikle, kaydını tuttuğunuz kişiler hedef kitleniz içindeki gerçek müşterileriniz olacaktır. Aynı zamanda kararsız kalmış kişilere verdiğiniz bu serbestlik, onları kazanmanıza sebep olabilir. Read the rest of this entry »
Posted: May 7th, 2010 | Author: B | Filed under: Makale, Web | Tags: grid system, information architecture, matt brown, mix, mix10, pencil, running with wireframes, seminars, smashing magazine, wireframe | 1 Comment »
Wireframe nedir?
Wireframe, bir web sayfasının içeriğinin ve fonksiyonlarının tanımlandığı eskizlerdir. Aynı zamanda bir masaüstü uygulaması, mobil uygulama, sunum tasarımlarında da kullanılmaktadır. Herhangi bir şekilde renk, font, grafik, fotoğraf, resim, illustrasyon gibi arayüz tasarımı ile ilgili bir öğe içermemektedirler.
Nasıl kullanılırlar?
Site haritaları (site maps) wireframe oluşturmak için son derece faydalıdır. Tasarım konusunun “Amaç dokümanı” da işin tanımlanması ve sürecin tekrarlardan kurtulması açısından önemlidir ve zaman kazandıracaktır. Ayrıca, Bilgi Mimarisi (Information Architecture ) için önemlidirler. Read the rest of this entry »
Posted: April 7th, 2010 | Author: B | Filed under: CSS, Makale, Web | Tags: geliştirme, kodlama, tasarım, Web | No Comments »
Web uygulaması yazarken sürükle bırak form ve html elemanları kısa vadede işimizi görüyor gibi görünse de hatta arka planda göz kapağınız ile kuş tutuyor olsanız dahi kullanımı zor olan bir uygulama müşteri için tek kelime ile ifade edilir. “KÖTÜ…”.
Read the rest of this entry »
Posted: January 14th, 2010 | Author: B | Filed under: Logo, Web | Tags: Ankara, Festival, international, Tango | 1 Comment »
23 – 26 Nisan 2009 tarihlerinde Ankara’da düzenlenecek olan 1.Uluslararası Ankara Tango Festivali görsel çalışmalarından bir örnek. Organizasyon web sayfasını da ziyaret edebilirisniz.
Posted: January 14th, 2010 | Author: B | Filed under: Makale, Web | Tags: Developing with Web Standards, Mert Derman, Roger Johansson | No Comments »
2004 yılında Roger Johansson tarafından yazılmış olan; “Developing with Web Standards” başlıklı makalenin Mert Derman tarafından Türkçeye çevirisini, bu işle ilgili herkesin okumasını tavsiye ederim. 2004 yılında yazılmasına rağmen birkaç teknolojik gelişme haricinde (tarayıcı versiyon bilgileri gibi.) güncelliğini koruyan bu dokümanı internet üzerinden de okuyabilirsiniz.
