Moqups: İnceleme ve İnceleme
Test etmeden harika veya kötü bir fikri nasıl biliyorsunuz? Tel kız çerçeveleme, maket ve prototipleme dijital tasarımın önemli parçalarıdır. Konseptinizi görselleştirmek, tasarımınızı simüle etmenizi, farklı kullanıcı deneyimlerini denemenizi ve gerçek bir şey yapmadan önce çeşitli gezileri ve kullanıcı yollarını test etmenizi sağlar. Geçmişte, tasarımcılar tasarımlarını yazdırmak ve PDF’leri müşterilere sunmak zorunda kaldılar. Şu anda, tasarım yayınlanmadan önce tasarım zorluklarını bulmanıza ve çözmenize yardımcı olacak bir araç var; bir tasarımın estetik ve teknik bileşenleri üzerinde çalışmak; ve deneyimi diğerlerinden önce test edin.
Müşterilerle ilişkinizi de kolaylaştıracaksınız-eğer bir şey düşünürlerse (ne yapacakları), “Oh, sanırım …” daha sonra çok geç olduğunda onları ilk aşamalarda üstesinden gelebilirsiniz. Moqups, tek bir ortamda çerçeve, maket ve prototip görüntüler oluşturmanıza yardımcı olabilecek web tabanlı bir tasarım aracıdır. Projeler arasında gezinebilir ve tasarımınızı düşük sadakatten (başlangıç aşamaları ve kaba çizimler) yüksek sadakat (daha kapsamlı ve ayrıntılı) alabilirsiniz. Bu yazıda, yazının sonundaki son düşüncem de dahil olmak üzere her adımda sürecin nasıl olduğunu göstermeye ve size gösteriyorum.
Moquups ile ne yapabilirsin?
Karar ağacı
Kullanıcı etkileşimi ile akış diyagramı
Yazılım iş akışı için akış şeması
Konsept Haritalar
Site haritası
Bir vaka diyagramı kullanın
Oluğun şablon diyagramı ile her türlü diyagramı başlatabilirsiniz. Akışı gerektiği gibi geliştirmek için bir genişletici diyagramı da kullanabilirsiniz. Ayrıca, ayarlamak için diyagramın görünümünü değiştirebilirsiniz. Çerçeve ve Mockup Tel çerçevelerle ekibiniz, projenin başında bilgi hiyerarşisi, sayfa yoğunluğu ve kullanıcı akışı gibi şeyleri bulabilir. Basit form ve yer tutucu metni Gelecekte ekleyeceğiniz daha sofistike tasarım öğelerini değiştirin. Marka veya tasarım konusunda endişelenmenize gerek yok; Bunun yerine, yalnızca web sitesinin ana yapısı ve gereksinimleri hakkında endişelenmeniz gerekir. Mockup ile ekibiniz tasarımın ilk aşamasında geri bildirim alabilir. İçeriği görselleştirmek ve nasıl çok temel bir şekilde çalışacağını göstermek için bir iskelet çizim taslağı oluşturacaksınız. Tasarım, daha iyi görünmesini sağlamak ve sonucu görselleştirmek için bir bağlam içine yerleştirilir. Müşteriler, sayfadaki tasarıma bakmak yerine, web sitelerinde veya uygulamalarında tasarımın nasıl olduğunu görebilir. Moquup’ların güzelliğine uyan herhangi bir sırayla yaratın, dilediğiniz gibi çerçeve ve mockup arasında ileri geri sıçrayabilmenizdir ve önce yapmanız gerekmez. Örneğin, tel çerçevelerle ve ardından maketle geleneksel bir şekilde başlayabilirsiniz. Daha sonra, Mockup’u değerlendirirken gerekli olduğunu fark ettiğiniz ayarlamayı yapmak için çerçeve görüntüsüne geri dönebilirsiniz. Veya önce Mockup yapabilirsiniz, ardından ayrıntıları bulmak için tel çerçeve aşamasına geçebilirsiniz. Ayrıca tamamen maketten geçebilir ve iskelet görüntüsünden düşük bir sadakat prototipi oluşturabilirsiniz. Figür ve grafikler Ekibinize, müşterinize veya yatırımcınıza görsel olarak bilgi sunmanız gerekiyorsa, Moquups her tür grafik ve grafik yapmanıza olanak tanır: Alan grafiği
Kök diyagram
Sütun grafiği
Çörek grafiği
Çizgi grafik
Daire şeması
Aşağıdaki MOQUPS özelliği MoquP’lerin ana özelliğidir ve bunu ek avantajların kısa bir listesidir. Grafik ve yazı tipleri ile doğuştan gelen kütüphane
Doğuştan gelen kütüphane binlerce ikon seti içerir. Ayrıca, popüler kullanım için tasarlanmış hazır bir şablonun yanı sıra Android ve iOS hücresel uygulamalarının tasarımı için özel bir şablon kiti de vardır. Nesnenin boyutunu, dönüşünü veya stilini hizalayın, değiştirin. Ayrıca, bir kütleyde öğenin adını düzenleyebilir, sınıflandırabilir, kilitleyebilir ve değiştirebilirsiniz. Yüzlerce yazı tipi arasından seçim yapabilmeniz için yönergeler, ızgaralar ve özel cetvel ile uygun ayarlamalar yapılabilir. Google Google entegre yazı tipi. Gelişmiş Kontrol, metni tasarımınıza uyacak şekilde değiştirmenizi sağlar. (Logo için en iyi yazı tiplerini nasıl seçeceğinizi öğrenmek ister misiniz? Bunun için makalelerimiz var.)
Projenizi ayarlayın
Yeniden düzenlemek için sayfanızı sürükleyin ve kaldırın veya klasörlere ayarlayın.
Sayfa paneli klasör aramanızı ve gezinmeyi kolaylaştırır.
Bir ana sayfa ile, ilgili tüm sayfalara otomatik olarak değişiklik uygulayabilirsiniz.
Entegrasyon ve işbirliği
Moqups, Dropbox, Google Drive ve Slack gibi araçlarla entegrasyona sahiptir.
Ekibiniz bulut sayesinde uzaktan çalışırken işbirliği yapabilir (ve aşağıdakiler de ekibinizin sohbet etmesinin daha fazla yoludur).
Tasarımın kendisi hakkında doğrudan geri bildirim alın ve birbirlerine çeşitli sürümler göndermek zorunda kalmadan düzenleme yapın.
Daha fazla özellik
Kullanımı kolay olan sürükle ve bırak editörü (yeni başlayanlar bir öğrenme eğrisi yaşayabilir, ancak bu önemli değildir)
Kendi resminizi yükleyin Öğeleri derlerken snap-in hizalaması
Kaliteyi kaybetmeden ölçek
PDF veya PNG olarak işinizi dışa aktarın
Moquups kullanarak sadece size Moqups ile olan deneyimimi anlatmak için içeri gireceğim. Olan birçok şey var – kafa karıştırıcı değil, sadece birçok şey var – bu yüzden oynadığım, havalı veya yararlı olduğunu düşündüğüm özellikler hakkında konuşacağım. Makalenin sonunda, genel zayıflıklar ve onun için en iyi olanlar da dahil olmak üzere, moquup’lar hakkındaki tüm düşüncelerimi ve duygularımı vereceğim. Moquups hazırlama ile başlayarak çok kolay ve ücretsiz bir hesapla başlamanızı öneririm (i daha sonra fiyat bölümünde neyin dahil olduğu hakkında tartışacaktır). Bir Tasarım Yapma Gerçekten sürükle ve bırak düzenleyicisini seviyorum. Bazı editörlerde, bir öğeyi tıklatırsınız ve öğe hemen projede görünür ve ardından zahmetli olabilir. Moquups, eklediğim şey üzerinde biraz daha fazla kontrole sahip olduğumu hissettirdi ve endişelenmeden seçenekleri keşfetmeme izin verdi, yanlışlıkla bir şeyi tıklayıp fark etmeden ekleyeceğim. Ayrıca, öğeleri projenize sürüklediğinizde, neye benzediğini görebilir ve istememeye karar verirseniz geri döndürebilirsiniz.
Bir tasarımla çalışarak imleci tasarımınızdaki farklı bir öğeye yönlendirdiğinizde, mavi çerçeve size farklı bir sayfa öğesi gösteriyor gibi görünüyor. Bir öğeyle çalışmak için seçmek için tıklayın. Menü sağda özel bir seçenekle açılacaktır.
Projemin rengi renk seçmeninin “proje rengi” kısmını seviyor. Bu, sol üst köşedeki kalbin rengini metnin rengiyle eşleştirmeyi kolaylaştırır.
Öğeleri yararlı bir Moquups özellik şablonu olarak kaydetmek, öğeleri bir şablon olarak saklayabilmeniz, daha sonra bunları olduğu gibi başka bir sayfaya kolayca ekleyebilmenizdir. Orijinal tasarım korunacak – renk, boyut vb. Bu, tasarımınızda süreklilik yaratmaya yardımcı olur. İşbirliği Fitur Bir Google Drive kullanıcısıysanız, yorumlar normalde kullandığınız şekilde görülecek ve davranacaktır. Yorum eklemek çok kolaydır ve yazmadan önce veya sonra yorumları, yerleştirmenin mantıklı olması için taşıyabilirsiniz.
Ancak, çok sayıda işbirlikçiniz ve yorumunuz varsa, küçük yorum paneli hızla kontrolden çıkabilir. Ekibiniz için, artık gerekmediğinde yorumların çözüldüğü olarak işaretlendiğine dair kurallar yapmak isteyebilirsiniz. Moquups Fiyatları Ücretsiz paketlerle, 200 adede kadar nesneyi kapsayan bir proje oluşturabilirsiniz. Bu, boş belgelerle çalışmak ve bir şablon kullanmak arasında seçim yaparken dikkate alınması gereken bir şeydir. Hemen 200 nesnenin 125’ini harcayan Wire Frame açılış sayfası şablonunu seçtim. Elbette bazı nesneleri girip silebilirim, ancak bazı insanlar için baştan başlamak daha mantıklı olabilir.
Ücretsiz paketler için tek iyi şey MOQUP’ları test etmektir, çünkü tasarlanacak tek bir projeniz olmayabilir. Fiyatlar ayda 13 $ ‘dan başlıyor, her yıl ödeniyor. Her paket sınırsız bir proje oluşturmanıza izin verir ve sınırsız nesneler kullanır, bu nedenle ana düşünce kaç kişinin MoquP’leri kullanacağıdır. Bir tasarım ekibi değilseniz, kesinlikle bir yaratıcı ekip paketi istersiniz. Ne kadar çok kişi eklerseniz, kullanıcı başına daha az maliyet. Örneğin, 50 kullanıcınız varsa, maliyet kullanıcı başına 3 $ ‘dır (her yıl ödenir). Bazı insanlar Moquup’ların fiyatının çok pahalı olduğunu düşünebilirken, diğerleri bunu çok pahalı olarak görecektir. Ne kadar kullanacağınıza ve ondan aldığınız değere bağlıdır. PS Ücretsiz bir paketle, kredi kartı gerekmez – test etmek ve ardından sizin için olmadığına karar vermek istiyorsanız, ücretlendirilmeden önce iptal etmeyi hatırlamanıza gerek yoktur. Moquup’un MoquP’lerin en büyük zayıflığının zayıf noktası, onu çevrimdışı kullanamamanızdır. Öte yandan, tarayıcıya dayanması bazı insanlar için çok rahat. Gelişmiş prototipleme ihtiyaçlarınız varsa veya özellikler konusunda seçici iseniz, bu sizin için bir araç olmayabilir.Moquup’ların yavaş olabileceğini söyleyen bir inceleme okudum, yüklenmesi uzun zaman alıyor ve hatta beklenmedik bir şekilde ölüyor, ama tüm bunları deneyimlemiyorum. Ancak, bu zengin içerik eklediğinizde ve ek sayfalar yaptığınızda dikkate alınması gereken bir şeydir. Tasarımımda fotoğraf veya video yok, bu yüzden her şeyin hızlı kalmasına yardımcı olabilir. Projeniz birçok zengin unsur içerecekse, test etmek için ücretsiz bir paketten yararlanın. En iyi Moquups kim için? Moqups, gelişmemenin proje planlamasının ilk aşamasında bir kavram yapması için çok iyidir. Örneğin, işletme sahipleri veya proje yöneticileri, fikirlerini geliştirme ve tasarım ekibine aktarabilirler, bu da daha sonra gerçek veya üretim ürünlerini yüksek doğrulukla yapmak için daha karmaşık yöntemler kullanacaktır. Moqups, diğer prototipleme araçlarıyla neredeyse aynı özelliklere sahip değildir ve kuvvet öğeleri de rekabetçi araçlar gibi birçok yönden özelleştirilemez. Aslında, neredeyse web sitelerinde bahsedilmiyor. Bir bütün olarak son zihin, Moquups kullanmayı seviyorum – ve umarım web sitemi tasarlarken biliyorum çünkü eskiz yaptığım kalem tasarımı ve kağıttan çok daha gerçekçi. Bu söylediği gibi çalışır ve birçok seçenekle bile hiçbir şeyi bilmek çok zor değildir. Her türlü grafik tasarım aracı ile çalıştıysanız – ve bence bunu yaptınız – bu kullanımı zor olmayacak. İlk kez kullanabilir ve projeyi günün sonunda (veya saatin ucunda) tamamlayabilir ve daha sonra ilk kez kaçırdığınız tüm seçenekleri iade edebilir ve keşfedebilirsiniz. Bir görselleştirme aracının özü son ürünü elde etmektir, değil mi? Olağanüstü topluluğumuzun çalışmalarıyla Divi Tasarım Vitrini’ne bakın. Visual Nesil / Shutterstock.com aracılığıyla üstün görüntüler
