Безбројни додаци за дизајнерске алате замишљени су да помогну изравнавање неравног пута сарадње дизајнера и програмера. Ипак, типични ток рада веб дизајна и даље је препун неефикасности и гуши креативност. Нова генерација алата за визуелни дизајн без кода обећава ослобађање дизајнера од креативних окова и досада традиционалног веб развоја.

Многе платформе за веб развој кода недавно су се спустиле на дизајнерски пејзаж као са небеске мане. Дизајнери жељни да „разбију кодну баријеру“ коначно су у стању да препознају стварност а утопијска безшифрена будућност . Ако се звезде поравнају, потреба за предајом дизајна фронт-енд програмерима са детаљним спецификацијама биће готова. Дизајнери ће имати слободу да визуелно распореде елементе на уметничкој плочи и са уздахом олакшања кликну на „објави“.

Пре него што су се појавили алати за дизајнирање кода, дизајнери су се морали ослањати на њих фронт-енд програмери имплементирати све . Промена дела текста на веб локацији у другу величину фонта могла би потрајати данима. Чак и за малу маркетиншку веб страницу или једноставну одредишну страницу, дизајнери би послали дизајн, седели, прекрижили прсте и молили се да се све то врати као пиксел. Процес је био попут посматрања сухе боје.

Осјетивши прилику, градитељи веб страница без кода су сада свуда. Неки су експериментални, а неки робусни и способни. Ипак, многи још увек имају недовољну испоруку када је у питању нуђење неограничене креативне контроле. Готово све су нефлексибилне платформе засноване на предлошцима, циљане на мала и средња предузећа.

Већина професионалних дизајнера жуди за способношћу брзог дизајнирања и изградње респонзивних веб локација, уз апсолутну креативну контролу и без додиривања кода. Тај дан се можда брзо приближава јер на бојном пољу без превласти код пуни шачица озбиљних претендената: Уредник Кс , Мехур , Нула , и Вебфлов .

Вебфлов ушао у сукоб 2013. године и током година је еволуирао у зрео производ. Покренут као дипломац И Комбинатор Покретачки акцелератор, Вебфлов се нада да ће пореметити пејзаж веб дизајна без кода и предвиђа свет „у коме свако може да креира моћне, флексибилне веб странице лако као и документе“.

Како добити уплату од заинтересованих страна

Како дизајнери откривају могућности ових платформи, убрзо схватају да компаније свих величина могу имати користи од усвајања алата за веб дизајн без кода. Користи би могле бити значајне, посебно за мање тимове са ограниченим ресурсима. Ипак, није довољно бити заљубљен у нови алат за веб дизајн; заинтересоване стране треба наговорити да одобре прелазак.

Како дизајнери то остварују? Био сам дизајнер производа у Б2Б покретању са једним програмером фокусираним на основни производ. Компанији је била потребна маркетиншка веб локација, али није имала ресурсе за програмере. Суочили смо се са загонетком: Како да направимо веб страницу без програмера? Након истраживања Веб тока и стицања знања о њему, схватио сам то Могао бих сам .

Викенд сам провео имплементирајући дизајн у Вебфлов-у за састанак заинтересованих страна у понедељак. Током састанка описао сам предности Вебфловса и показао како је лако прећи са дизајна на код, створити одзивни дизајн и брзо нешто променити. Дизајн и покретање веб страница трајало би само неколико дана.

Такође сам представио Вебфлов ЦМС могућности и лакоћа с којом се СЕО може уградити. Даље, изложио сам уштеду трошкова од један дизајнер који све примењује без додатних трошкова ангажовања нашег програмера. Продани су.

Ово је такође била прилика да се поврати пуна креативна контрола. Више нисам био само дизајнер који је креирао макете у програму Скетцх и преносио дизајне програмеру. Ова нова парадигма трансформисала ме је у моћ веб-развоја: могао сам да дизајнирам, направим, тестирам, дорадим, уградим СЕО, А / Б тест и објавим страницу. Оснаживало ме је и дало ми је снажнији глас у компанији.

Студија случаја дизајна веб протока

У Упвест заједно са дизајнирањем основних производа компаније, био сам задужен и за визуелно брендирање. Ово је укључивало и компанију респонзивна веб локација , која је била потребна да се прилагоде честим ажурирањима. Упвест је био стартуп у раној фази, а производ се и даље развијао. Као такви, успут смо морали да направимо и А / Б тестирамо разне маркетиншке странице. Такође смо требали објавити чланке на блогу користећи ЦМС систем и покренути наменске одредишне странице за различите промоције продаје.

Поред тога, оно што је закомпликовало је то што је компанија током првих дана направила неколико пивота. Прешло се од продаје АПИ-ја, до изградње блоцкцхаин новчаника, до нуђења „токенизације имовине“ компанијама за промет некретнинама. Сходно томе, како смо напредовали, морао сам да дизајнирам разне одредишне странице у Вебфлов-у.

Кликните да бисте видели слику у пуној величини.

Почетак рада са Вебфлов-ом био је релативно једноставан. Водичи се пружају путем Универзитет Вебфлов . Прву верзију наше веб странице за маркетинг сам дизајнирао и направио за неколико дана. Повлачење и испуштање интерфејса било је једноставно за употребу, а преглед дизајна за различите димензије екрана био је удаљен само један клик. Радећи са Вебфлов-ом, такође сам научио много о правилном састављању страница са модел кутије за прилагодљиве распореде.

Када су се сви сложили око визуелног брендирања веб странице, креирао сам стилегуиде у Вебфлов-у који бисмо сви могли да пратимо. Такође сам подесио разне класе и симболе за поновну употребу за наредне израде страница. Симболи Вебфлов-а раде на сличан начин као Скетцх-ови симболи и главне компоненте Адобе КСД-а. Када се симбол ажурира, сви остали примери те компоненте у пројекту одражавају ажурирање.

Након лансирања прве веб странице, постајао сам све угоднији са Вебфлов-ом. Да бих пратио разне метрике, научио сам како да инсталирам мерне алате, као што су Гоогле менаџер ознака и Хотјар . Побољшала се и брзина којом сам могао да саставим различите маркетиншке производе. Компанија је требала да тестира низ распореда и садржаја како се производ развијао, а Вебфлов је омогућио промену дизајна и брзо покретање, без потребе да се ослања на програмере.

Кликните да бисте видели слику у пуној величини.

Јер Вебфлов пружа а сценска веза да би прегледали локацију, заинтересоване стране би могле да провере развој дизајна и пруже тренутне повратне информације. Једном када су прилагођавања формализована, могао сам да извршим промене директно у Веб Флов-у - уместо да се вратим на алатку за дизајн као што је Скетцх - и објавим локацију на сцени. Резултат је сав код, одмах постављен на место постављања, спреман за нову рунду прегледа. Када је све било добро, објавио сам веб локацију на домену компаније.

Као и код многих других дизајнера, мој омиљени алат за дизајн је Скица . Када будем спреман, поделио бих дизајне са разним заинтересованим странама на преглед. Када би их одобрили, наставио бих и применио их у Вебфлов-у. После неког времена, толико ми је пријало са Вебфловом да нисам морао да користим Скетцх. Кад год би постојао нови пројекат, прелазио бих право на Вебфлов. Овај нови ток посла уштедео је готовинском стартупу много времена и новца. На пример, креирао сам следеће одредишне странице у потпуности у Вебфлов-у за маркетиншку кампању за генерисање потенцијалних клијената.

За потребе нашег блога, поделио сам неке основе Вебфлов-а са заинтересованим странама и показао сам им како да користе његов ЦМС. Једном када им је било угодно, сами су постављали чланке са блогова. Искористивши предности Вебфлов-а ЦМС колекције функција, већ сам био подесио систем; требало је само да додају садржај чланцима и учине их живим.

Кликните да бисте видели слику у пуној величини.

Укључивање веб тока у процес дизајнирања

Укључивање Вебфлов-а у процес дизајнирања је једноставно. Штавише, многи традиционални дизајнерски кораци могу бити елиминисани - посебно на крају. Не постоји примопредаја програмера. Сама елиминација ове последње фазе штеди знатно време - нема више „преуређивања“ и рада око спецификација.

Ако су дизајнери навикли на израду жичаних оквира, израду прототипова и дизајнирање корисничког интерфејса помоћу програма Скетцх / КСД / Фигма, можда ће се осећати пријатније за тај ток посла. Међутим, можда ће желети да размотре да оду директно у Вебфлов , састављајте дизајне и тестирајте их уживо у прегледачу помоћу инсценационе везе - посебно за мање пројекте. Све је у вези са балансирањем потреба, јер у зависности од обима, пројекти изградње у Вебфлов-у могу трајати дуже од другог метода. За експерименте у дизајну, као нпр А / Б тестирање или мултиваријантни тестирање, можда такође има смисла ићи директно у Вебфлов - тамо дизајнирати, направити и тестирати.

Дизајнери могу брзо започети пројекте одабиром низа различитих Предлошци веб протока и њихово прилагођавање. Сви предлошци су направљени помоћу Вебфлов-а без писања кода и као такви су у потпуности прилагодљиви помоћу Вебфлов-овог интерфејса за визуелни развој.

Компоненте које чине дизајн могу се претворити у симболе Вебфлов-а, који се могу поново користити за састављање наредних страница за неколико минута. Као и код Скетцх-а, дизајнери могу поставити симболе, створити поља која се могу повезати за сваку компоненту и додати замене садржаја на свакој инстанци. То значи да дизајнери могу створити компоненту са заглављем, сликом и блоком текста и поново је користити на страницама различитог садржаја.

Вебфлов је такође одличан алат за системе дизајна зграда. Са недавним објављивањем замена садржаја за симболе, могу се створити читави системи дизајна који помажу тимовима да брже граде дизајн, без угрожавања или разводњавања визуелног идентитета или основних вредности свог бренда.

Ниједан кодни алат не смањује количину времена и стручност за кодирање потребне за превођење идеје у нешто што људи могу користити. Не морате више да постанете програмер да бисте стварали ствари, оснажујући нови талас стваралаца из различитих средина и перспектива. Риан Хоовер, оснивач Продуцт Хунт-а, у Успон без кода

Предности Вебфлов-а за веб дизајн

Стварање одзивних веб локација у Вебфлов-у може се догодити брзо, јер интерфејс неприметно интегрише уређивање и преглед на различитим уређајима. Једним кликом дизајнери могу да виде како ће се веб локације приказивати на радној површини, таблету и мобилном уређају и могу да прилагоде распоред, компоненте и фонтове за сваки екран.

Предности веб протока:

• Стиснута временска линија. Бржи пут од идеје до дизајна, израде прототипа и МВП-ова.
• Вебфлов премошћује јаз између дизајна и садржаја. Омогућава писце, уреднике и трговце да тренутно ажурирају садржај на веб локацијама.
• Дизајнери може да створи прототипове са ниском или високом верношћу у Вебфлов-у, прескачући Скицу или неки други алат за израду прототипова. Једном када се прототипи тестирају, могу се брзо претворити у коначни производ и објавити на мрежи.
• Изградите, хостујте и одржавајте више локација и одредишних страница.
• Укључите алате за мерење, као што су Хотјар или Гоогле менаџер ознака .
• Смањите препреку уласку за трговце и друге људе који нису техничари.
• Једноставно уређивање садржаја од стране других директно на страници путем Вебфлов Едитор .
• Вебфлов е-трговина омогућава брзи дизајн и скалирање онлајн предузећа.
• Вебфлов пружа доследност и брзину дизајна Тим Темплатес .
• Дизајнери могу да граде веб локације са стварним садржајем и да користе Вебфлов ЦМС Збирке —Предлошци садржаја које други тимови могу користити без техничких вештина.
• Аутоматске резервне копије веб локација (израда верзија) и постављање УРЛ адреса.
• Сајтови не морају да буду хостовани са Вебфлов-ом. Пошто су све веб локације кодиране у стандардним ХТМЛ, ЦСС и ЈаваСцрипт, веб локације се могу извести и отпремити на било који домаћин.
• Када напуштате Вебфлов, можете извести базу података за будућу употребу, заједно са ХТМЛ и ЦСС датотекама.

Резиме

Безбројне пословне користи могу се остварити уклањањем кода за веб развој. Уздижући се испод неквалитетних алата за веб дизајн „уради сам“, Вебфлов пружа убедљиво решење погодно за већину професионалних потреба за веб дизајном. Платформа се непрестано развија, а на путу су и узбудљивији догађаји.

Сам сам дизајнирао и покренуо веб локацију компаније са Вебфлов-ом за мање од два месеца. Вебфлов је пружио невиђену флексибилност у процесу дизајнирања, нудећи више креативне контроле без потребе да бринете о коду. Брз радни процес без дизајна кода пружио је бржи пут до покретања и смањио производне трошкове за половину у поређењу са традиционалним веб развојем.

Крива учења није стрма. За неколико недеља, сви детаљи и недостаци Вебфлов-а могу се довољно савладати помоћу водича - довољно да започнете састављање потпуно развијене веб локације. Једном дизајнери науче Вебфлов, можда се никада неће вратити традиционалном начину веб развоја.

Не постоје алати за веб дизајн кода који ће остати. Вредност и флексибилност коју пружају су неупитни. Покрет без кода почива на основном уверењу да технологија треба да омогући и олакша стварање, а не да представља препреку уласку. Вебфлов омогућава дизајнерима да дизајнирају и граде сложене производе за мање времена. Помаже дизајнери идите у корак са брзином пословања и отвара свет могућности онима који не умеју да кодирају. Можда је време да ускочите.

---

Јавите нам шта мислите! Молимо оставите своје мисли, коментаре и повратне информације у наставку.

• • •

Даље читање на блогу АпееСцапе Десигн:

• Веб анимација у пост-флеш ери
• Једноставност је кључ - истраживање минималног веб дизајна
• Респонзивни дизајн - Најбоље праксе и разматрања
• Бруталистички веб дизајн, минималистички веб дизајн и будућност Веб УКС-а
• Да ли су сви трендови вредни тога? Топ 5 најчешћих УКС грешака које праве веб дизајнери

Разумевање основа

Колико кошта Вебфлов?

Вебфлов има бесплатни пробни план и различите плаћене планове које они називају „веб локација“ и „планови налога“ за различите потребе. Главна разлика је у томе да ли је Вебфлов домаћин или не Вебфлов. Планови се крећу од основног плана локације са доменом од 16 УСД месечно до 212 УСД месечно за највиши ниво е-трговине Вебфлов.

Да ли је Вебфлов добар?

Да ли је алат за веб дизајн добар је субјективно. С тим у вези, Вебфлов је флексибилан алат за веб дизајн. Његове предности укључују могућност визуелног дизајнирања респонзивних веб локација без писања кода и рада са ЦМС системом. Интеграције веб протока такође укључују алате за мерење, као што су Хотјар или Гоогле Таг Манагер.

За шта се користи Вебфлов?

Усмерен на дизајнере и маркетиншке људе, Вебфлов је алат за веб дизајн без кода изумљен за визуелни веб дизајн. Може се користити за дизајнирање одговарајућих веб локација, одредишних страница, веб локација е-трговине, блогова и још много тога. Поред алата за веб дизајн, он такође има ЦМС (систем за управљање садржајем), а такође је и платформа за хостинг.

Које компаније користе Вебфлов?

Многе познате компаније су користиле одредишне странице и маркетиншке веб локације Вебфлов. Да наведемо неколико: ЦБС, МТВ, ХеллоСигн, Интуит, ИДЕО, Делл, Зендеск, Гетароунд, Аутодеск и Ракутен. Тимови за маркетинг и дизајн ових компанија брже ажурирају своје веб локације покретањем своје веб странице у Вебфлов-у без програмера.

Да ли је Вебфлов сигуран?

Вебфлов нуди заштиту од широког спектра претњи. Иако ниједна интернет услуга није у потпуности сигурна од напада, Вебфлов је унапредио мере ДДОС заштите како би ублажио најчешће нападе. Вебфлов се придржава напредне безбедносне праксе, уз сталне независне ревизије хостинг инфраструктуре.