Divi tasarım ve geliştirme sürecinizi mükemmel ve standartlaştırın
5 Serisi setimizin 4. Bölümüne hoş geldiniz ve Divi web tasarım işinizi kontrol edin. Bu dizide, hepimizin Divi web tasarımcıları olarak karşılaştığımız günlük zorlukların üstesinden gelmenize yardımcı olacak bazı taktikler, araçlar ve stratejiler araştırıyoruz. Günlük rutininizi optimize etmekten, sistemler ve süreçler oluşturmaya, müşterileriniz için en iyi web tasarım deneyimini sunmak; İster solo serbest çalışan, küçük ajans veya uzun mesafeli bir ekibi olun, Divi web tasarım işinizi kontrol etmenize yardımcı olmak amacıyla hemen başvurabileceğiniz öğeler ve adımlar sunuyoruz.
Bir Divi web sitesi tasarlamak ve geliştirmek için standart bir süreç yapmak, bir web tasarımcısı olarak verimliliğiniz ve refahınız için çok önemlidir. Web sitesi tasarım projesi nadiren planlandığı gibi çalışsa da, itaat edilecek bir süreç ve yolunuz varsa, ciddi zaman kazandıracak ve proje büyüdüğünde son teslim tarihinize ulaşmak için sizi yolda tutacaktır. Dün divi’nizin tasarım ve geliştirme sürecini iyileştirin ve standartlaştırın, sayfanın müşterilerinizi hazırlamaya yardımcı olmaya başlamasıyla ilgili önceki yayınları yönlendirdik. Bu yazıda, sürecinizi yeni müşterinize nasıl sunacağınızdan bahsediyoruz. Sürecimi müvekkilim için bu şekilde sunuyorum:
Düzen ve Tasarım – çoğunlukla planlama ve süreç düzeni aşamasında web sitesini tasarlamak için zaman ayırın. Önce onay için bir web sitesi haritası (sayfa hiyerarşisi/menü) web sitesi oluşturacağım, o zaman onay için bir ana sayfa ve alt sayfa sayfaları (veya daha fazla) tasarlayacağım. Geliştirme – Sitenin düzeni ve tasarımı onaylandıktan sonra , Tüm siteleri, sayfaları tasarlamaya ve tüm işlevleri ve eklentileri eklemeye devam edeceğim. Son adıma geçmeden önce sitenizin iyi görünmesini ve tüm cihazlarda ve web tarayıcılarında iyi çalışmasını sağlayacağız.
Düzenle ve Revizyon – Site son incelemeye hazır olduktan sonra, her sayfayı inceleyebilir ve site tamamen revize edilene kadar ayrıntılı düzenleme yapabiliriz. Tüm yazım, dilbilgisi, adres ve bilgilerin yayınlanmadan önce doğru olduğundan emin olmak için tüm sayfaları incelemenizi istiyoruz.
Şimdi bir web tasarımcısı olarak web siteleri tasarlamanın ve geliştirmenin basit bir 3 adımlı süreçten daha fazlası olduğunu bilirsiniz. Sürecim aslında sürecin 20’den fazla adımdır, ancak müşterilerimi dahil olan herkesle yüklersem, içerik sağlamak zorunda kaldığımda çoğu zaman çok fazla düşüneceklerini gördüm. Divi web’imin tasarım/geliştirme sürecine biraz daha ayrıntılı görünen şey budur:
Onay için sayfalar ve gezinme düzeni oluşturun
Üstbilgiler ve altbilgi tasarlanmış
Ana sayfa tasarlandı
Alt sayfa tasarlandı
Onay için müşteriye gönderin
Başlık, altbilgi, veranda ve alt sayfada revizyon
Onaylandıktan sonra kalan sayfayı oluşturun
Galeriler, projeler, ürünler vb. Gibi web sitelerinin ve tekrar eden sayfaların standart bölümü için bir şablon oluşturun.
Tüm iletişim formlarını oluşturun ve test edin
Tasarımı hücresel ve duyarlı kullanım için ayarlayın ve optimize edin
Gerekli SEO ayarlarını girin
Dilbilgisi ve site içeriğini yeniden kontrol edin
Çapraz browser kontrolleri ve hata onarımı
Son İnceleme İçin Gönderin
Tüm son müşteri revizyonlarını yapın
Özel bir gösterge paneli istemcisi ve eğitim videosu oluşturun (gerekirse)
Gereksiz eklentileri, resimleri ve araçları silin
Siteyi yaptı ve yerel olarak tasarruf edin
Fırlatma sitesi
Bu süreç genellikle daha ayrıntılı olmak için parçalanmıştır, ancak bu, 5 sayfalık broşür tarzı bir site veya etkinlikler, e-niaga vb. Tüm bunlar bir kontrol listesi ve siteyi başlatmadan önce hiçbir şeyi görmezden gelmediğimden emin olmak için iyi bir uygulamadır. Böyle bir kontrol listesi oluşturmak ve onunla zaman çizgisine girmek, tasarım/geliştirme sürecinizin projeniz için zaman tarihine uygun olmasını sağlamak için çok etkili bir yol olabilir.
Tamam, şimdi dahili tasarım/geliştirme sürecimi nasıl ayarladığım hakkında bir fikriniz olduktan sonra, Divi web tasarım sürecinizi nasıl optimize edebileceğiniz hakkında birkaç ayrıntıya girelim. 1) Standart bir tasarım süreci yapmak
Divi Facebook grubunda gördüğüm en iyi tekrarlanan sorulardan ve tartışmalardan biri “Divi sitenizi nasıl tasarlıyorsunuz?” Onu Photoshop veya Illustrator’da taklit ediyor musun? Müşteri için temel bir çerçeve görüntüsü yapıyor musunuz? Sadece Divi’ye dalıyor ve doğrudan mı yapıyorsunuz? Tabii ki bunu yapmanın doğru ya da yanlış bir yolu yok. Sonuçta tasarım sürecinizi seçtikten sonra 3 şey yapması gerektiğini buldum:
Siz veya ekibiniz için çalışması gerekiyor Müşterileriniz için çalışması gerekiyor
Bu zamandan tasarruf etmek gerekiyor
Yeni bir proje başlattığımda, kağıt üzerinde çok kaba bir taslak yapma ve başlıklar, altbilgiler, ev sayfaları ve ilk onay için gereken alt sayfalar tasarlamak için doğrudan Divi’ye gitme eğilimindeyim. Sebep bu:
Bu benim için çalışıyor – geleneksel olarak web tasarımı, çevrimiçi önce bile müşterileri onay için tasarlamak ve göstermek için Adobe Illustrator gibi kağıt veya programlar aracılığıyla geniş bir tel kafes süreci ile başlar. Bu yöntem birkaç kişi için çalışır ve özellikle takımdaysanız ve tasarımınızı kodlanacak geliştiriciye gönderirseniz çok verimli bir yol olabilir. Ama Divi geldiğinde, sürecimi tamamen değiştirdi. Aklımda ve kağıt üzerinde temel bir yapı ve görsel konseptimiz var sonra doğrudan Divi’ye gidiyorum.
Bu müşterim için çalışıyor – Müşterilerin tarayıcıda görebilecekleri gerçek önizlemeyi sadece düz bir taklitten daha fazla görmeyi sevdiğini gördüm. Bazen bir sitenin akışı ve hissi bir sayfada kaybolabilirken, müşteri siteyi doğrudan tarayıcıda gördüğünde, genellikle çok daha büyük olan “vay faktörleri” na yol açar. İyi bir ilk izlenim ve genellikle daha az düzenleme ve revizyon veren iyi bir şey, kaydırma efektlerini ve site tasarım akışını görebilirler. Bu yüzden Photoshop veya Illustrator’da revizyon yapmak benim için mantıklı değil, sonra stil sayfasında ve divi düzenlememde aynı şeyi çoğaltmak. Divi geliştirme sitemdeki doğrudan muayene öğelerini kullanarak doğrudan şeyler yaparak ilk revizyon ve tasarımla çok zaman kazanıyorum. Ayrıca, müşterilerle telefonda konuşurken sitede mümkün olduğunca sık değişiklikler ve revizyonlar yapabilirim. Müşteri birkaç şeyi değiştirmenizi istediğinde ve onlarla veya dakikalar içinde telefondayken yaptığınızda gerçek bir web tasarımcısı rock yıldızı gibi görünebilirsiniz.
Şimdi yine, bu tasarım süreci tek kişi dükkanı olarak çalışıyor. Ekiple, sürecin dahil olan herkes için çalışması gerekiyor. Ancak çoğu gevşek web tasarımcıları tasarımcıların/geliştiricilerin bir karışımıdır, bu nedenle size uygun, müşterileriniz için uygun olan herhangi bir süreç yapın ve zamanınızı koruyun!
2) Divi kütüphanesini ve önceki çalışmanızı kullanmak
Divi’nin en sevdiğim özelliklerinden biri, sayfa düzeninizi ve tasarımınızı saklama yeteneğidir. Bu özellik bir oyun değiştiricidir ve Divi ile tasarlarken ve gelişirken zamanınızı koruyabilir. Son Divicch bölümünde, panel bazı sayfa tasarım şablonlarını saklamayı ve ardından yeni bir sitede kullanmadıklarını silmekten bahsediyor. Nasıl zaman tasarruf edeceğiniz hakkında konuşun! Bir dizi sayfa düzeni ve sayfa şablonu oluşturabilirseniz ve yapmanız gereken tek şey içeriği, renk ve görüntüleri içe aktarmak ve değiştirmek, potansiyel tasarlama ve geliştirme süresini azaltırsınız. Divi depolamayı sunacağım 3 hızlı ipucu var. Kütüphane öğeleri ve önceki işler:
CSS’nizi kaydedin – Modüller, sayfalar ve diğer sitelerde kopyalamak istediğim bazı sınıflar için yazdığım CSS kodunun çoğuyla “Master Stylesheet” var. Bu şekilde açabilir ve mevcut projede kullanmak istediğim herhangi bir kodu çizebilirim. CSS hattını tekrar tekrar yazmak zorunda kalmak yerine zamandan tasarruf etmek olağanüstü.
Bir Divi Kütüphane Öğesi Oluşturun – Kütüphane öğesi olarak düzeni kaydetmek, işinizi sayfada saklamanın iyi bir yolu veya çoğaltılabilen ve görüntüler ve renklerle kolayca değiştirilebilen eksiksiz bir site olarak olabilir. Nasıl yapılacağından emin değilseniz, bu öğreticiyi takip edin.
Dışa Aktar JSON Dosyasını Dışa Aktar – Genellikle önceki sitenin sayfalarını baştan geri yapmak zorunda kalacak şekilde yönlendirecek müşterilerim olacak, sayfaları genellikle eski siteden dışa aktaracağım, yeni siteme aktaracağım ve ayarlayacağım Stil ve görüntü! Bir kez daha, başka bir harika yol Divi’nin tasarım ve geliştirme sürecinde zamanımızı kurtarması. Bu konuda daha fazla ayrıntı alışkın değilseniz. 3) Web sitenizi müşteriye açıklayın
Bu benim en önemli web tasarımı yönlerimden biri, ancak bence göz ardı edildi ve hafife alındı. Çok fazla, ilk izlenime ve müşterinin yeni tasarımınızı gördüklerinde ilk başta ne düşündüğüne bağlı. Bir maket veya çerçeve görüntüsü yaparsanız, elbette, müşteri gerçekten anlaşılabilecek çevrimiçi bir sürüm görene ve tekrar, tasarımdan gelişmeye sürecinizin karmaşıklığına bağlı olarak çalışabilene kadar ilk izlenim biraz hayal kırıklığı yaratacaktır. Yukarıdaki sürecimde görebileceğiniz gibi, bir üstbilgi ve altbilgi hazırlıyorum ve ev sayfalarını genellikle bir subhhammal veya daha fazla ile tam olarak tasarlıyorum, projenin ihtiyaçlarına bağlıdır ve ardından incelemeye gönderir. Ancak, ilk tasarım istemcimi son zamanlarda olağanüstü efektlerle nasıl gönderdim.Müşterilerin kendi boş zamanlarında sitenin kendisini görebilmeleri için yalnızca doğrudan bir geliştirme bağlantısı gönderirdim. Bu oldukça iyi çalışıyor ama önizlemeyi doğrudan veya Skype aracılığıyla yapmam gereken nadir fırsatın, ilk izlenimin daha iyi olduğunu ve neden olduğunu buldum. Müşterinin siteyi gördüklerinde vizyonumu duyduğuna ve ilk önce kendi yargılarını yapmadan tasarımlar, renkler ve estetikler hakkındaki fikirlerimle onlara rehberlik etmeme izin verdiğine inanıyorum. Şimdi onları sitede yönlendiren benim hakkımda hızlı bir önizleme videosu (genellikle 5 dakikadan az) yapıyorum! Bu şimdiye kadar çok olumlu bir geri bildirimle alındı. Biraz zaman mı ama müvekkilimden olağanüstü bir ilk izlenim almak için çok değerli hissediyorum. Aşağıda, ana kamptaki müşteriye nasıl yeni bir siteyi gösterdiğim bir ekran görüntüsü:
Mac için Screenflow ile yürüme videomu kaydettim. Daha sonra Vimeo kanalıma bir video yükledim ve kişisel bir video yaptım. Oradan, yukarıdaki alıntıda gördüğünüz gibi, istemciye video bağlantısını kısa bir açıklama, ne beklendiğine dair bir mermi listesi ve geliştiriciyi tarayıcısında görmek için geliştirme sitesinin gerçek URL’si ile birlikte gönderdim. videoyu izledim. Müşterilere nasıl yeni bir siteyi nasıl sunduğumu görmek istiyorsanız, en son önizleme videolarımdan bazıları: Web sitesinin videoları 1 Pratiniisi Pratinisi Web Sitesi 2 4) Revizyon ve düzenleme işlemi
Son olarak, tasarım ve geliştirme sürecinizin ana kısmı, müşteri revizyonlarını ve düzenlemeyi nasıl ele aldığınızdır. Herhangi bir zaman için bir web sitesi tasarladıysanız, bu sürecin zaman alabileceğini biliyorsunuz. Yüz yüze toplantılar, genişletilmiş telefon görüşmeleri ve burada birkaç değişiklik bulunan rastgele e -postalar düzenleme ve revizyon sürecinde çok zaman harcayabilir. Bununla savaşmanın birkaç yolu var. Tüm müşterilerimin tüm revizyonlarını (gerekirse sayfa başına), revizyon için bir tartışma yaptığım ana kampta yayınlamaya çalıştım. Gerekirse telefon görüşmelerini veya doğrudan toplantıları onaylayacağım, ancak sadece ilk değişiklikler önce kabul etmek istediğim şekilde gönderildikten sonra. Ayrıca, e -posta yoluyla birkaç gün boyunca tek tek bir revizyon almak istemediğimi çok açıkladım. Mümkünse birkaç gün boyunca toplanmayı ve her şeyi bir kerede veya müvekkilim gibi göründüğü gibi, .doc veya .pdf’deki her şeyi yönetmek için söylüyorum. Bu serideki bir önceki yazıya döndüğümde ve medya topçularından insanlarla konuşmam, müşterilerinin düzenlemelerini Google Drive’daki belgelerde göndermelerini istedikleri bir revizyon için çok etkili bir süreç var. Bu aynı zamanda harika bir zaman tasarrufu. Buradaki hile, sizin için en çok kurtulmak için bir düzenleme ve revizyon süreci çalışması oluşturmaktır.
Ve sadece tavsiye, her müşterinin kendi bir şeyler yapma yolu vardır, bu yüzden kapanışta nasıl bir revizyon ve düzenleme istediğinizi düşünmek için işiniz, umarım bu fikirler ve tasarım/geliştirme süreci sizi kendiniz yapmaya teşvik ettim Standart süreciniz yok! Sizin için iyi çalışan bazı süreçleriniz varsa, aşağıdaki yorumlarda bize anlatmaktan çekinmeyin! Ayrıca: Birkaç ilahi web tasarımı projesini yönetmenin etkili yolları, birçok güncel projeniz var, yaratıcı kalırken her şeyi yönetmek zor, son teslim tarihini aşmak ve müşterinin beklentilerini karşılamak. Bu dizideki son yazımızda, yeni müşterilerin yönünü dengeleyebilmeniz, tasarladığınız, geliştirebileceğiniz, geliştirebilmeniz ve hızlı tutabilmeniz için tüm Divi web tasarım projelerinizi etkili bir şekilde yönetebilmenin çeşitli yolları hakkında konuşacağız. vurmak için dışarı. Tüm yaratıcı ve taze kalırken. O zamana kadar! Büyük duyuruları, yararlı ipuçlarını veya divi freebie’yi asla kaçırmayacak şekilde e -posta bültenimize ve YouTube kanalımıza abone olduğunuzdan emin olun!
