Bazı insanlar pulları toplar, bazıları da trenleri toplar; Wireframing yazılımı ile takıntılı oldum.

Sayısız uygulamaya aşık oldum ve Balsamiq için alaycı kuş için FlairBuilder . Her ne kadar gerçek aşk gibi hissetse de, zamanla bakışlarım gezindi ve kendimi başka bir araçla flört ettiğini anladım.

Hepsi çok çekici görünüyor, ama zaman içinde eksikliklerini görüyorum. Belki de sadece telaşlıyım. Belki de ihtiyaçlarım çok sıra dışı. Gerçekten istediğim, aracı takmak yerine, işleri yapma şeklimize uyan bir araçtır.

En sevdiğin bir wireframing aracın var mı? Birine ihtiyacın var mı? Eğer öyleyse, tüm çanlar ve ıslıklara ya da hızlı ve kirli bir çözüme mi gidiyorsunuz?

FlairBuilder
Gibi uygulamalar FlairBuilder giderek daha güçlü, ama bazen sadece çok karmaşık.

İstemcilerle tele-çalışma konusunda neden işbirliği yapmalı?

Benim için wireframing ortak bir deneyim. Karanlık bir odada tek başıma yapamadığım bir şey değil. Daha ziyade, süreci müşterilerimle paylaşıyorum.

İstemci ile masa etrafında oturmaya ve tel kafes biçimindeki anahtar sayfaları dışarı attığına inanıyorum. Bunun dört faydası var:

  1. İstemciyi yürütür
    Müşteri ile iletişim kurarak, sürecin bir parçası hissederler ve bu da sağlam bir çalışma ilişkisi kurmaya yardımcı olur.
  2. Momentum sağlar
    Birlikte wireframing ile, sonsuz revizyonlar kaçının. Anahtar sayfalar için sağlam bir yön oluşturmak, birkaç saat içinde gerçekleşir.
  3. Müşteriyi komuta eder
    Müşteri, tel kafesleri oluşturmaya dahil olursa, onlar ve web sitesi üzerinde sahiplik duygusu hissederler. Çözüm, sizinki kadar onların fikri haline gelir. Sonuç olarak, daha sonra tasarımı reddetme olasılığı daha düşüktür.
  4. Ortak bir referans olarak hizmet vermektedir
    Wireframes'i ortaklaşa oluşturmak, herkesin onları anlamasını sağlar. Tel çerçeveler, proje boyunca herkes için ortak bir referans çerçevesi olarak hizmet eder.
müşteriyle birlikte wireframing
İstemci ile tel kafesleme birçok avantajı vardır.

Ancak süreç, zorlukları olmadan değil.

Hızlı ve kirli bir çözüm aranıyor

Birçok yönden, kendiniz için wireframing çok daha kolay. Düşünmek, düzeltmek ve hassaslaştırmak için zamanınız var. Bu odada bir müşteri ile yapmak zordur. İşbirlikçi tel örgü, fikirleri hızla tartışmak ve tartışmakla ilgilidir. Yani, bu hedefi kolaylaştıran bir araca ihtiyacınız var.

Wireframing aracınızın olması gerekir:

  • Hızlı kullanmak
    Hiçbir şey, bir fikir ortaya koymak için bir teleferik aletiyle umutsuzca savaşırken etrafta oturan bir müşteriden daha kötü olamaz.
  • Revize etmek kolay
    İşbirlikçi bir süreçte, tartışma size çok farklı farklı yaklaşımların yüklerini denemenize yol açacaktır. Tel çerçevesini çabuk değiştirebilmelisiniz.
  • Anlaması kolay
    Tel kafesler açık ve açıklayıcı olmalıdır. Müşteriler, wireframe'lerle çalışma konusundaki tecrübemizin yararına sahip değildir ve bu nedenle kolayca karışabilirler.
  • Profesyonel görünümlü
    Bir fikir sunumla daha ucuz olabilir. Aletin iyi düşünülmüş, yüksek kaliteli bir çözüme benzeyen bir tel kafes üretip üretemeyeceği yardımcı olur.
Örnek Açılış Tel Çerçevesi
Wireframing aracı, profesyonel görünmeli ve hızlı yinelemeye izin verecek kadar esnek olmalıdır.

Geleneksel olarak, işbirlikçi wireframing oturumları kalem ve kağıt ile yapıldı, ancak bu her zaman en iyi çözüm değildir.

Neden kalem ve kağıt değil?

Beni yanlış anlama. Kalem ve kağıt, işbirlikçi tel kafes için bir dizi avantaj sunar ve her zaman bir yeri olacaktır. Aslında, işbirlikçi telâfi toplantılarının çoğunun kalemle ve kağıtla başlaması gerektiğini söyleyecek kadar ileri giderdim.

Kalem ve kağıt ile ilgili en iyi şey, kapsayıcı ve hızlı olmasıdır. Herkes bir kalem alabilir ve karalamaya başlayabilir; özel bir beceri gerektirmez. Ve tüm oda aynı zamanda eskiz yapmaya başlayabilir; Farede elleriyle hiç kimse yok.

Kalem ve kağıt da tek kullanımlık hisseder. Bir parça kağıda vidalamak ve kutuya atmak kolay hissettirir ve büyük bir kayıp duygusu taşımamaktadır. Bu, tel örgü işleminin ilk aşamalarında çok önemlidir.

Bununla birlikte, kalem ve kağıt üzerinde wireframing bazı dezavantajları var:

  • Revize etmek kolay değil
    Fikirler etrafta uçtuğunda ve bir öğeyi birbiri ardına çizdiğinizde, kalem ve kağıt tel örgüler hızla dağınıklaşabilir. Bir sayfayı sıfırdan zorlamak zorunda kalırsınız, bu da süreci yavaşlatır.
  • Her zaman açık değil
    Birçok revizyon ve karalama ile, wireframes genellikle kafa karıştırıcı olur. Ayrıca, yazılım tarafından üretilen tel kafeslerin detaylarından yoksun olma eğilimindedirler ve pek çok soru cevapsız kalırlar.
  • Profesyonel görünmüyor
    Harika bir sanatçı olmadığınız sürece, tel kafeslerinizin çoğu, bozulmuş bir psikopatın ravingsine benzeyecek (ya da sadece ben miyim?). Bu, altta yatan fikirlerin değerini ucuzlayabilir.
Kalem ve kağıt tel kafes
Kalem ve kağıt tel kafesler, eğitimsiz müşteriye dağınık ve kafa karıştırıcı görünebilir.

Tecrübemde, iyi bir işbirlikçi wireframing oturumu, hem kağıt hem de yazılım tabanlı tel kafeslerin bir karışımını içerir.

Pek çok yazılım çözümünün çok yavaş olması ve kağıtların diğer yönlerden başarısız olmasıyla birlikte çözüm nedir?

Kurtarma vakfı

Çok fazla deneyimin ardından, Keynote'a tercih ettiğim araç olarak yerleştim. Ben PowerPoint'in iyi olduğunu sanıyorum, ama bir Mac kullanıcısı olarak benim seçimim Keynote.

Keynote kullanımı kolaydır ve birçok kişi zaten bu konuya aşinadır. Hepsinden iyisi, büyük çoğunluğumuz zaten ona sahip, bu da biraz para biriktiriyor.

Onu seviyorum çünkü tel kafesleri bir araya getirmeyi kolaylaştırıyor ve sonra bunları düşünce değişikliklerinin yönü olarak hızla gözden geçiriyor.

En iyisi, Keynote wireframes çok profesyonel görünebilir ve büyük miktarda netlik sağlayabilir.

Bunu başarmak için, bir web sitesinde (metin, resim, arama kutusu, vb.) Normal olarak görünen tüm öğeleri içeren harika bir ana şablona ihtiyacınız vardır. O zaman bunları sayfalarınıza kopyalayıp yapıştırmanız yeterlidir.

Bazı harika videolar orada size kendi özel öğelerinizi nasıl oluşturacağınızı gösterir. Yine de benim gibi tembel olursanız, bazı insanlar sizin için zor işi yaptılar. Nominal bir ücret karşılığında, bir tel çerçevesine dahil etme olasılığınız olan tüm web öğelerini içeren Keynote ve PowerPoint şablonlarını satın alabilirsiniz.

Keynotopia
keynotopia

Keynote UX
Keynote UX

Keyif Kung-Fu
Keyif Kung-Fu

Ama faydalar orada bitmiyor.

Bonus

Wireframes'i sunmanın yolu çok önemlidir. İşbirliği içinde çalışıyor olsanız bile, her paydaşın odada olmayacağı ihtimali vardır.

Birçok wireframing uygulaması, kullanıcıların dosyayı görüntüleyebilmeleri için bir programı indirmelerini veya eklenti yüklemelerini gerektirir. Keynote ile öyle değil.

Keynote zaten yaygın bir uygulama, ancak aynı zamanda bazı büyük ihracat seçenekleri var. Wirefram'ları hem HTML hem de PDF olarak kaydedebilirsiniz. Her iki seçenek de sayfalar arasındaki bağlantıları korur, böylece kullanıcı “web sitesi” ni tıklayabilir.

Daha da iyisi, Keynote bir ses kaydını kaydetmenizi ve tel çerçevesini bir QuickTime videosu olarak kaydetmenizi sağlar. Bu, tel kafes boyunca paydaşlarla konuşmanızı ve yaklaşımınızı açıklamanızı sağlar ve son tel örgüsüne giden düşünmeyi anladığından emin olmanızı sağlar.

Ana menü seçenekleri
Keynote, tel çerçeveyi PDF ve HTML'de ve hatta sesli anlatımla bir film olarak dışa aktarmanızı sağlar.

Tabii ki, hiçbir çözüm mükemmel değildir. Keynote, tel kafesin gümüş mermisi değildir.

Sınırlamalar

Benim deneyimime göre, Keynote bir wireframing aracı olarak iki sorundan muzdarip.

İlk sayfa boyutu. Diğer wireframing araçları, sayfa boyutunu anında değiştirmenize izin verirken, Keynote (en azından elemanları bozmadan) yapmaz. Ayrıca, boyutların tüm sayfalarda aynı olması gerekir. Önceden plan yapmazsan bu sinir bozucu olabilir. Tüm sayfaları büyük yaparak bu problemin üstesinden geliyorum; Ancak bu geçici çözüm mükemmel olmaktan uzaktır ve dışa aktarma sırasında sorunlar yaratır.

İkinci konu, Sayfalar arasındaki bağlantıya rağmen Keynote'un karmaşık etkileşime izin vermemesidir. JavaScript tabanlı işlevselliği gösteremez, bu nedenle bugün web sitelerinde yaygındır. Tabii ki, kalem ve kağıt da yok. Ve işbirlikçi bir wireframing oturumunda, normal olarak bu seviyede etkileşimli detayı göstermeniz gerekmez. Eğer yaparsanız, muhtemelen daha karmaşık bir prototip oluşturma aracıyla daha iyi durumda olursunuz.