Сайёраро тавассути тарроҳии веб устувор нигоҳ доред

Мундариҷа

• Воситаи сабз сабз нест
• Устуворӣ маҳз чист?
• Сабукии тоқатфарсо будан
• На ҳама чизи дематериализатсия хуб нест
• Оё ин мушкилоти Google нест?
• Тарҳ дар он аст, ки устуворӣ ба амал меояд
• Веб-андозаи калон
• Тарроҳӣ, устуворӣ ва парадокси Jevons
• Ба сӯи назарияи тарроҳии устувори веб
• 1. Таҳияи изҳороти миссияи устувор
• 2. Муайян кунед, ки устуворӣ дар куҷо татбиқ карда мешавад
• Оптимизатсияи тарроҳӣ
• Оптимизатсияи иҷрои веб
• Гурӯҳҳои устувор
• 3. Дар компонентҳои сабз иваз кунед
• 4. Таҳияи дегхонаи сабз
• Хулоса

Фарҳанги устувор ва тафаккури устувор ҳам дар интернет ва ҳам берун аз он паҳн шудаанд. Оҳангҳои замин дар экранҳои бештар ва бештар меларзанд ва 'веб-хостҳои сабз' тамоюли охирин дар ҷомеаи хостинг мебошанд. Аммо вақте ки дизайнерҳо паёми сабзро мерасонанд, кори онҳо кунҷковона аз муҳокима хориҷ карда шуд. Чунин менамояд, ки устуворӣ, ки одатан барои зинда мондани мо муҳим арзёбӣ мешавад, ба интернет дахл надорад.

Дар ҷаҳони воқеӣ Рӯзи Замин моҳи апрел рост меояд. Он ҳанӯз дар веб ворид нашудааст. Ҳар рӯз, бештар ва бештар маҳсулот ва хидматҳо онлайн ҳаракат мекунанд ва ҷилди ҷисмонии худро барои зиндагии нав бо бит ва байт ҷудо мекунанд. Оё ин кори хуб аст? Оё ҷаҳони маҷозӣ аз як ҷисмонӣ сабзтар аст? Оё веб устувор аст?

Дар ин мақола, ман умедворам, ки нишон диҳам, ки тарроҳон бояд ба чаҳорчӯбаи ман гузаранд, гузаранд Тарроҳии устувори веб. Мо дида мебароем, ки чаро веб имрӯз аз сабзиши мо камтар сабз аст ва чаро устувориро дар ҷаҳони виртуалӣ наметавон ба масъалаи муҳандисӣ ё оптимизатсия табдил дод. Дар ниҳоят, ман барои ворид кардани устуворӣ ба лоиҳаҳои шумо якчанд маслиҳат медиҳам.

Воситаи сабз сабз нест

Ба наздикӣ, ман як пурсиши ғайрирасмии дӯконҳои тарроҳиро гузаронидам, ки дар изҳороти рисолати худ худро "сабз" ё "устувор" номиданд. Ман бо касе дучор наомадаам, ки вебсайтҳои воқеии онҳо сабз бошанд, гарчанде ки бисёриҳо дар идораи худ ё тарзи ҳаёти шахсии худ амалияи устуворро амалӣ карда буданд.

Ман гумон мекунам, ки сабаби устуворӣ нуқтаи гуфтугӯ бо марбут ба зисти маҷозии тарроҳони веб - як 'ҳудуди' ҳубобаи технологӣ аст, ки дар тӯли даҳсолаҳо боло рафтааст. Тарроҳе, ки худ ба худ велосипедронӣ кор мекунад, гумон аст, ки дар бораи оқибатҳои тарроҳӣ ва рамзи онҳо ба муҳити зист фикр кунад. Веб-дизайнерҳо ҳаёти шизоидро аз сар мегузаронанд, аз як тараф ҳамеша омодаанд барои муштариёни худ паёми экологӣ омода кунанд, дар ҳоле ки ҳар як вебсайт изи карбон доштани худро нодида мегирад.

Биёед ин нуктаро рост бигирем. Тарроҳии устувори интернет таблиғоти сабз нест, ки оммаи васеъро ба тарзи ҳаёти устувор ташвиқ мекунад. Ин як рангубори ранг нест. Бо узрхоҳӣ аз Маршалл Маклухан, дар ин ҳолат восита ҳоло хабар нест. Мо изҳороти арзишро намегӯем; сухан дар бораи тарҳбандӣ, санъат, нармафзор, платформаҳо, лашкариён, гурӯҳҳо ва моделҳои тиҷорӣ меравад. Сухан дар бораи худи васоити маҷозӣ меравад, ки то имрӯз паёмҳои устуворро бидуни худ устувор овардаанд.

Устуворӣ маҳз чист?

Таърифи аслии Комиссияи Брундтланд дар соли 1987, ки ба таври васеъ дар чаҳорчӯбаи устувор оварда шудааст, чунин мехонад:

Инсоният қобилият дорад, ки рушдро устувор гардонад, то ки ба талаботи ҳозира ҷавобгӯ бошад ва қобилияти наслҳои ояндаро барои қонеъ кардани ниёзҳои худ таъмин накунад.

Тасвире, ки барои интернет мутобиқ карда шудааст, метавонад чунин хонад:

Тарроҳии устувори веб ба ниёзҳои ҷории корбарони худ ҷавобгӯ буда, қобилияти ин талаботро дар оянда қонеъ намекунад.

Ба ибораи дигар, агар маҳсулоти тарҳрезишуда метавонад дар тӯли муддати тӯлонӣ бе паст кардани сатҳи худ ё муҳити атроф кор кунад, он устувор аст. Барои ноил шудан ба ин ҳадаф, маҳсулоти устувор хусусиятҳоро ба монанди самаранокӣ, мустаҳкамӣ, истифодаи такрорӣ ва сохтори модулӣ таъкид мекунанд. Устувориро васеъ тафсир мекунанд, ки ҷанбаи иҷтимоӣ низ дорад. Интернети устувор бояд барои васеъшавии аудитория кушода бошад, дар ҳоле ки дастрасии ояндаро ба хидматҳои он коҳиш надиҳад.

Устуворӣ дар солҳои охир ба муҳокимаҳои тарроҳӣ даромада истодааст. Он аксар вақт, ба таври умум, барои сафед кардани гузариш аз коғаз ба бит дар изҳороти 'сабз' истифода мешавад. Он дар муҳокимаи стратегияҳои рушди мобилӣ пайдо мешавад. Дар сатҳи техникии муфассал, мо мақолаҳоеро дорем, ки метаро тарғиб мекунанд X-UA-мувофиқ моликият ҳамчун як стратегияи устувори муносибат бо веб-браузерҳои мероси. Дар ҳамаи ин ҳолатҳо, субот ҳамчун асоснокии сатҳи баланд барои қабули қарорҳои тарҳрезӣ ва рушд истифода мешавад. Дар оянда, ман онро ба таври муназзам ва ҳамаҷониба дар тамоми соҳаи тарроҳӣ ва таҳия татбиқ хоҳам кард.

Сабукии тоқатфарсо будан

Вакте ки 'коғаз' ва 'экологӣ' зуд-зуд як ҷумларо тақсим мекунанд, чӣ гуна веб метавонад мушкилоти устувор дошта бошад? Дар ниҳоят, дизайнерҳои бисёр соҳаҳо кӯшиш мекунанд, ки мушкилоти устувории худро тавассути интиқол додани онҳо дар Интернет ислоҳ кунанд - ба ибораи дигар, вақте ки онҳо дар веб кор мекунанд, чизҳо 'сабз' мешаванд.

Ду нафари ин стратегияҳоро Натан Шедроф дар китоби худ шарҳ додааст Тарроҳӣ мушкилот аст: Ояндаи тарроҳӣ бояд устувор бошад, ки ба тарроҳон ва меъморони саноатӣ нигаронида шудааст:

• Ғайриматериализатсия: иваз кардани маҳсулоти ҷисмонии ифлос ва энергияталаб бо хидмати сабуки веб. Ин истеъмоли захираҳои ҷисмониро коҳиш медиҳад ва имкон медиҳад, ки назорат ва назорат самараноктар карда шаванд.
• Трансматериализатсия: тарҳрезии дастгоҳҳои ҷисмонӣ тавассути нармафзори интернет навсозӣ ва афзоиши иқтидори онҳо барои истифодаи дарозмуддат.

Ҷомеаи вебии касбӣ мавҷи болоравии дематериализатсияро аз байн бурд. Имрӯзҳо аксари вебсайтҳо, ҳатто агар аксари онҳо набошанд, маҳсулот ё хидматеро дар ҷаҳони ҷисмонӣ иваз мекунанд. Мо ба гузариш аз CD-ҳои аудиоӣ ба зеркашии мусиқӣ кумак кардем ва сайтҳо сохтем, ки барои саҳифаҳои зардшудаи коғазӣ сохта шудаанд. Синфхонаҳои мактабӣ аз кам кардани буҷа ба амал омада, ба системаҳои дарсии онлайн табдил меёбанд ва ҷаласаҳои офис бо шабакаҳои иҷтимоӣ ва телеконфронсҳо иваз карда мешаванд. Коршиносони техникӣ ҷаҳонро пешгӯӣ мекунанд, ки дар он қариб ҳар як фаъолият ба экран ё хӯди VR интиқол дода мешавад. Дар ИМА шумораи камшавандаи наврасон шаҳодатномаҳои ронандагӣ мегиранд ва бисёриҳо гумон мекунанд, ки онҳо ҷойҳои сафари ҷисмониро бо сафарҳои виртуалӣ иваз мекунанд.

На ҳама чизи дематериализатсия хуб нест

Пас, чӣ маъқул нест? Ҷавоби инро бо як ибора ҷамъбаст кардан мумкин аст:

Пикселҳо воқеӣ мебошанд.

Веб-дизайнерҳо ва таҳиягарон ҷойҳои кории худро ҳамчун тела додани нуқтаҳои экологии нур дар атрофи экран, иваз кардани равандҳои механикии ифлос тасаввур мекунанд. Пикселҳо воқеан сабуктаранд. Дар соли 2011, интернети ҷамъиятӣ дар саросари ҷаҳон 72 эксабайт интиқол дод, ки дар он 1 экзабайт = 1018 байт. Ин аз 100 терабайт ё 1014 дар соли 2001 аст ва ҳатто "интернети торик" -и шабакаҳои ҳифзиро дар бар намегирад. Ҳамаи он электронҳо танҳо чанд унсия вазн доранд.

Аммо, ҳамон тавре ки онҳо равшананд, он нуқтаҳо дар экран ҷисмонӣ боқӣ мемонанд ва зинда мондани онҳо вуруди доимии энергияро талаб мекунад. Гарчанде ки баъзе маҳсулот тавассути табдил додан ба тӯдаи битҳо устувортар мешаванд, мо бояд дар хотир дорем, ки он битҳо барои мавҷудияти як чизи ҷисмонӣ талаб мекунанд - шабакаи калон ва технологияи баланд, бо истифода аз қувваи барқ ​​ва компютерҳои ҳамеша барои кор.

Тибқи як ҳисоб, тақвияти экзабайтҳо дар соли 2011 тақрибан 9% барқи ИМА-ро (аз 3% дар соли 2000) ва 5% -ро дар саросари ҷаҳон гирифтааст. Коркарди ин энергия ба қисмҳо миқдори зиёди обро талаб мекунад, асосан барои хунуккунии марказҳои маълумот. Дар тӯли даҳсола, ҳамон марказҳои иттилоотӣ метавонанд аз тамоми соҳаи ҳавопаймоӣ қудрати бештар истифода баранд.Дар баробари ин, хидматҳои нави интернетӣ истеҳсоли компютерҳои навро идома медиҳанд, ки дар натиҷа партовҳои электронӣ ба вуҷуд омадаанд. Сарфи назар аз афзоиши мунтазами самаранокии компютерӣ, пойгоҳи интернет танҳо дар ҳоле афзоиш меёбад, ки аҳолӣ дар Осиё ва ҷойҳои дигар онлайн шаванд.

Ба тариқи дигар, сафҳаи веб, ки дар ҳама чиз дида мешавад, ба ҷуз E Ink Kindle ҳар сония битро месӯзонад, то дар экран бимонад. Яке аз ҳисобҳои охирини Александр Виснер-Гросс (созандаи CO2stats.com) тахмин мезанад, ки дидани як веб саҳифаи оддӣ тақрибан 20 миллиграмм гази карбон дар як сония дар компютерҳои статсионарӣ тавлид мекунад. Ҳангоми тамошои вебсайте, ки тасвирҳо, аниматсияҳо ва видеоҳои мураккаб дорад, ин рақам дар як сония тақрибан ба 300 миллиграмм мерасад. Барои ин, дар оянда, тамошои филмҳо тавассути як вебсайти бойи ВАО дар давоми ду соат метавонад якчанд кило газҳои гулхонаӣ ба вуҷуд орад. Ин чандон ба назар намерасад, аммо бо дидани як миллиард саҳифа дар инҷо, як миллиард дар он ҷо, ҳамааш ҷамъ шудан мегиранд.

Мо наметавонем танҳо тахмин занем, ки маҳсулоти ғайримоддӣ захираҳо камтар истеъмол мекунад. Дар як таҳқиқоти ҳамаҷонибаи устувории Алма Медиа, нашри онлайнии рӯзномаи онҳо на ҳамеша нисбат ба чопи физикӣ энергияро сарфа мекард. Истифодаи стандарти қатъии Арзёбии Ҳаёти Давра (LCA) барои ҳисоб кардани устувор, онҳо фаҳмиданд, ки вақте вебсайти онҳо барои хондани васеъ истифода шудааст, он сарф шудааст Бештар энергетика ва захираҳои умумӣ нисбат ба нашри коғазии ба он баробар, ва ба зарари холиси бештар ба муҳити зист оварда расониданд. Тадқиқоти шабеҳи LCA, ки дар китобҳои электронӣ дар Маркази Донишгоҳи Мичиган оид ба системаҳои устувор гузаронида шудааст, нишон дод, ки вақтҳои дароз хондани матни электронӣ нисбат ба китобҳои дарсии коғазӣ камтар сабз шудааст.

Далели ҳайратовар дар бораи ин таҳқиқот хулосаҳои онҳо нестанд, аммо таҳқиқоти муқоисавӣ тақрибан вуҷуд надоранд. Тарроҳони саноат воситаҳои такмилёфтаи устуворӣ доранд. Баръакс, ҷомеаи ҳозираи тарроҳӣ ва рушди веб тахмин мезанад, ки барои интернет пешрафт нест ягон оқибатҳои. Ҷолиби диққат аст, ки ҳеҷ кадоме аз чаҳорчӯбаҳо ва дегҳои мавҷуда, ки барои таҳиягарон ва таҳиягарон мавҷуданд, дар айни замон суботро ҳадафи асосӣ намешуморанд.

Оё ин мушкилоти Google нест?

Энергия ва самаранокӣ метавонад аз рӯзҳои маъмули ороишгари веб хеле дур ба назар расад. Оё ислоҳи чунин чизҳо вазифаи муҳандисони шабака нест? Ман фикр мекардам, ки Google ҳама чизро дар бар мегирад. Ва то имрӯз, аксари амалҳо дар таҳияи битҳои сабзтар барои ширкатҳо ва шабакаҳои hosting буданд. Google ва Facebook вокуниш ба нигарониҳои устуворро тавассути таҳияи марказҳои иттилоотии экологӣ анҷом доданд. Веб-хостҳои сабзи хурдтар 'ба монанди Canvas Dreams ва AISO.net қудрати манбаъҳои барқароршаванда. Муҳандисони сайт дар Google Make the Web Faster роҳҳои мухталифро барои муҳандисони сайт барои беҳбуди вебсайтҳо ва барномаҳои интернетӣ фароҳам меоранд.

Аммо, оптимизатсия худ аз худ мушкилро ҳал намекунад. Ҳангоми ҳаракат кардани маҳсулот ва хидматҳо ба интернет, ҷаҳони виртуалӣ қисми бештар ва бештари тамоми иқтисодиётро ташкил хоҳад дод. Вақте ки иқтисодиёти мо аз атомҳо то электронҳо ҷудосозӣ мешавад, веб-дизайн сифри заминавии устувории ҷомеа хоҳад шуд. Ба тариқи дигар, тавре ки Шедроф дар китоби худ мегӯяд:

Тарроҳӣ мушкилот аст.

Тарроҳии веб ва тарроҳон бояд нуқтаи меҳварии устувории интернет гардад ва хоҳад шуд. Оптимизатсия кардани шабакаҳо як тарзи паҳлӯӣ аст. Биёед дида бароем, ки чаро ин қадар муфассалтар аст.

Тарҳ дар он аст, ки устуворӣ ба амал меояд

Ҳамчун тарроҳон ва таҳиягарони веб, мо технологияро барои сохтани тарҳҳо бо хусусиятҳои мушаххаси визуалӣ, интерактивӣ ва таҷрибаи корбар истифода мебарем. Пас аз ба итмом расидани тарҳи мо, он ҳамчун мошини маҷозӣ, ки аз нармафзор сохта шудааст, кор мекунад.

Пас, инро бо як дизайнери саноатии эҷоди автомобилҳо муқоиса кунед. Онҳо мошинҳоеро таҳия мекунанд, ки истеҳсол ва дар шоҳроҳҳо ҷойгир карда мешаванд. Дар ин роҳ, муҳандисон метавонанд самаранокии худро баланд бардоранд. Аммо мо тарроҳони автомобилро намебинем, ки Hummers -ро эҷод мекунанд, ки интизор мешаванд, ки муҳандисон метавонанд онҳоро ба воситаи 100 мил дар як галлон ба даст оранд. Ин мумкин нест.

Шояд муҳандисон метавонистанд як тарҳро ба тартиб дароранд, аммо қарорҳои аввалини тарроҳон устувории ниҳоии маҳсулотро бештар муайян мекунанд. Тарроҳони физикӣ инро медонанд ва мунтазам тарҳҳои худро дар марҳилаи аввал барои устувор тафтиш мекунанд. Воситаҳои тарроҳӣ, ба монанди SolidWorks, ҳатто асбобҳое доранд, ки ҳангоми кор кардан изи карбонии тарроҳии онҳоро ҳисоб мекунанд.

Веб ҳеҷ фарқе надорад. Тарроҳӣ он аст, ки кашолакунии экологии интернет сарчашма мегирад ва онро ислоҳ кардан мумкин аст. Барои тасмим гирифтанатон ба устувории интернет рамзгузор ё муҳандиси сайт набошед. Кори ибтидоии шумо мустақиман назорат мекунад, ки чӣ гуна саҳифаи ниҳоӣ ба энергия сарф мешавад. Интихоби шумо дар тарҳбандӣ, тасаввурот ва рафтори интерактивӣ ба таври мустақим таъсири заҳрноки поёнобро муайян мекунад.

Роҳ ба вебсайтҳои устувор тавассути татбиқи тарҳи муассир аст. Барои нишон додани ин, ман ба наздикӣ тақрибан 170 вебсайтро бо тарҳҳо ва мундариҷаи 'сабз' баррасӣ кардам. Аз натиҷаҳо маълум аст, ки бисёре аз вебсайтҳои маъруфи эко шунавандагони худро дар гирдиҳамоии виртуалии газ ба митинг мебаранд. Аммо сайтҳои дигар низ ҳамин ҳадафро бо пойҳои ночизи интернет иҷро мекунанд. Маълум аст, ки устуворӣ ва тарроҳии хуб ба ҳам мувофиқанд.

Веб-андозаи калон

Тарроҳии вебро ба куҷо иваз кардан лозим аст? Муҳандисони шабака ба мо мегӯянд, ки тақрибан ҳама дастовардҳои самаранокии оянда аз ҷониби муштариён ба даст оварда мешаванд - ба ибораи дигар, дар HTML, CSS ва JavaScript, ки аксари тарроҳон ва таҳиягарон кори худро анҷом медиҳанд. Мувофиқи маълумоти гуру оид ба иҷрои веб Стив Судерс, тақрибан 85% фоида аз ҳисоби коркарди интерфейси корбарии сайт ба даст меояд.

Аммо дар солҳои охир самаранокӣ дар ҷустуҷӯи интерфейси авҷгиранда ҷойгоҳи аввалро ишғол кард. Ҳисоботҳо аз WebSiteOptimization.com нишон медиҳанд, ки дар даҳсолаи охир ҳаҷми саҳифа шаш маротиба афзудааст ва инчунин ду баробар афзоиши ашёи беруна, ки ба ҳар як саҳифа алоқаманданд. Ин тамоюл ба сайтҳои фарбеҳ пас аз соли 2008 бо сабаби афзоиши истифодаи китобхонаҳои якранги JavaScript, афзоиши истифодаи васоити ахбори омма ва афзоиши 'маълумоти калон', ки барои фардисозӣ ва шабакаҳои иҷтимоӣ истифода мешаванд, суръат гирифт. Омори ҷории трафики веб, ки аз бойгонии Стив Судерс дар HTTP Archive дар аввали соли 2012 мутобиқ карда шудааст, нишон медиҳад, ки ин тамоюл ҳанӯз ҳам қавӣ аст.

Дар оғози соли 2012, барои пешниҳоди саҳифаи маъмулӣ, миқдори умумии зеркашиҳо тақрибан як мегабайтро талаб мекард ва шумораи файлҳои беруна дархостҳои алоҳидаи HTTP-ро тақрибан 100 талаб мекарданд. Барои тафтиши фаврӣ дар сайтҳои худ URL-и худро дар Slowcop нависед. Чӣ гуна кори шумо дар муқоиса бо ҳисоби миёнаи ҷорӣ?

Суръат бахшидани ҳаҷм ва мураккабии сафҳа натиҷаи хатогиҳои муҳандисони шабака нест. Баръакс, дизайнерҳо ва таҳиягарони пешрафта ҳама чизро ба ҷуз ғарқкунандаи ошхона мепартоянд, то тарҳҳои васеъ ва аниматсияро дастгирӣ кунанд. Онҳо, ба ҷои муҳандисони шабака, таъсири афзояндаи вебро афзоиш медиҳанд.

Тарроҳӣ, устуворӣ ва парадокси Jevons

Гарчанде ки сахтафзорҳои нави самаранок метавонанд таъсири вебҳои ҳаҷман калонро коҳиш диҳанд, ин мушкилотро ҳал намекунад. Ин натиҷаи ғайричашмдошти Ҷевонс 'Paradox аст, ки онро' бозгашти технологӣ 'низ меноманд. Аввалин бор аз ҷониби иқтисодшинос Уилям Стэнли Ҷевонс дар солҳои 1860 таҳия шудааст, ин теорема ба эътидол меорад, ки афзоиши самаранокӣ мусоидат мекунад зиёд шуд, ба ҷои коҳиш, истифодаи захираҳо. Масалан, агар як истеҳсолкунандаи мошин самаранокии муҳаррикро баланд бардорад, ронандагон баъзан бо рондани мошин бештар муносибат мекунанд. Ин боиси афзоиши холиси истеъмоли газ мегардад. Дар мисоли дигар, пешниҳоди маҳсулоти хӯроквории камравған аксар вақт одамон боиси бештар хӯрок хӯрдан мешаванд, ки дар маҷмӯъ ба парҳези онҳо таъсири манфӣ мерасонад.

Дар веб, танҳо суръат бахшидани корҳо метавонад вебсайтҳои бесамарро маъмултар гардонад ва дар натиҷа нерӯи барқ ​​на камтар аз он сарф шавад. Веби соли 2018 метавонад нисбат ба веби соли 2012 самараноктар бошад, аммо он метавонад бо сӯзонидани битҳои бештар барқарор шавад.

Дар ин ҷо тафаккури устувор оғоз меёбад. Танқиди маъмули равишҳои ба муҳандисӣ нигаронидашуда ин аст, ки онҳо ба зудӣ ба монеаҳое дучор меоянд, ки таваҷҷӯҳи танг ба системаи маҳаллӣ эҷод мекунанд. Маҳсулот микро оптимизатсия карда шудааст, аммо масъалаҳои калонтар бо тарроҳӣ ва истифодаи пешбинишудаи он сарфи назар карда мешаванд. Парадокси Ҷевонсро пешгирӣ кардан мумкин аст, агар мо диққатро аз самаранокии сатҳи паст ба тарроҳӣ гузаронем. Ҳангоми аз нав фикр кардани маҳсулот ё хидмат, мо метавонем аз ҳавасмандгардонии истеъмолот канорагирӣ намоем. Дар соҳаҳои дигар, таваҷҷӯҳ ба тарроҳӣ, на муҳандисӣ, роҳи беҳтарини пешгирии парадокси Ҷевонс мебошад.

Хулоса, мо наметавонем интизор шавем, ки барномасозони сатҳи паст ва муҳандисони сайт чизҳоро барои мо ислоҳ мекунанд. Таваҷҷӯҳ ба самаранокӣ танҳо моро бо муҳокимаҳои 'коғаз дар муқобили пластикӣ' маҳдуд мекунад. Таваҷҷӯҳ ба тарроҳӣ, тавре ки Шедроф дар китоби худ мегӯяд, тафаккури моро барои баррасии 'халта бар зидди халта' аз нав барқарор мекунад.

Ба сӯи назарияи тарроҳии устувори веб

Норасоии стандартҳои муқарраршуда, веб-дизайнерҳо ва таҳиягарон бояд нусхаи худро барои тарроҳии устувори веб таҳия кунанд. Ин усулҳои қарзгирӣ, ки аллакай дар тарроҳии сабз дар дигар фанҳо истифода шудаанд, инчунин ғояҳои нав ва ғояҳои хоси вебро дар бар мегирад.

Дар тӯли солҳо, якчанд чаҳорчӯбаи устуворӣ таҳия карда шуданд, ки аз гаҳвораи MBDC то гаҳвора то биомимикрия иборатанд. Гарчанде ки даҳҳо чаҳорчӯбаи маъмуле, ки ҳоло истифода мешаванд, ба тафсилот фарқ мекунанд, ҳама хусусиятҳои зеринро таъкид мекунанд:

• Манбаи ашёи хоми барқароршаванда ва энергия.
• Маводи дар маҳсулот истифодашаванда ва энергияеро, ки ҳангоми истеҳсол истифода мешаванд, кам кунед, то пойгоҳи экологии тарҳи ниҳоиро кам кунед.
• Консепсияи партовҳои истеҳсолотро барҳам дода, онро ба 'ғизо' барои давраи оянда табдил диҳед.
• Маводи ҷисмониро ба нармафзор ғайримоддӣ гардонед (мо дар ин ҷо шубҳа ба вуҷуд меорем).
• Аз компонентҳо / ҷузъҳои стандартии истифодашуда истифода баред, ки метавонанд ба осонӣ дар байни маҳсулот иваз карда шаванд.
• Бо истифода аз усулҳои ҷараёни кории тарроҳӣ тарҳрезӣ кунед, ки ба тарроҳон ва муҳандисон имкон медиҳад, ки ҳамкорӣ кунанд ва имкон медиҳад, ки зуд-зуд аз нав фикр кунед ва 'нусхабардорӣ кунед' тарҳро такрор ё такмил диҳед.
• Бо назардошти корбар тарҳрезӣ кунед, дастрасии баробарро таъмин намоед ва тавассути амалиёти маҳсулот одамон ва системаҳои табииро нигоҳдорӣ ва дастгирӣ кунед.
• Модели тиҷоратро бо фоидаи калонтари иҷтимоӣ мувофиқат кунед.
• Тарроҳӣ барои мустаҳкамӣ, яъне офаридаҳои шумо "маззаи моҳ" нестанд, ки ба қарибӣ кӯҳна мешаванд ва иваз карданашон лозим аст.

Натиҷаҳои устуворӣ аз ҷониби Арзёбии Давраи Ҳаёт ҳуҷҷатгузорӣ карда мешаванд. LCA даҳсолаҳост, ки дар тарроҳии саноатӣ ва меъморӣ истифода мешавад ва ба наздикӣ ба марказҳои иттилоотии интернет татбиқ карда мешавад. Барои амалӣ кардани тарроҳии устувори веб, ба мо лозим меояд, ки LCA-ро барои маҳсулоти ҷисмонӣ ба ҷаҳони виртуалӣ харҷ диҳем, чунон ки ман дар зер иҷро кардам:

Дар муқоиса бо ҷаҳони физикӣ, тарроҳии устувори веб марҳилаи истеҳсолотро (хондани истеҳсолот) паст карда, онро аз тарроҳии чоп сифатан фарқ мекунад. Чаро? Баръакси маҳсулоти физикӣ, дар саҳифаҳои интернетӣ пас аз нопадид шудани саҳифа коғази сиёҳ ё сиёҳ истеҳсол карда намешавад, танҳо гармӣ аз электроника. Аз ин сабаб, арзиши истеҳсоли саҳифаҳои веб дар муқоиса бо арзиши истифодаи доимӣ кам хоҳад буд. Аз тарафи дигар, ҳар қадар веб-саҳифа дида шавад, ҳамон қадар бит зиёд месӯзад, аз ин рӯ истифодаи самаранок дар асоси таҷрибаи хуби корбарон хеле муҳим хоҳад буд.

Таҳияи усулҳои мукаммали таҳлилӣ барои таҳлили пурраи LCA-и веб метавонад каме вақт талаб кунад. Бо вуҷуди ин, мо набояд интизор шавем ва ман баъзе қадамҳоеро баён кардам, ки ҳоло ҷомеаи веб метавонад онҳоро амалӣ кунад.

1. Таҳияи изҳороти миссияи устувор

Баъзе дизайнерҳо ва дӯконҳо аллакай дар изҳороти миссияҳои худ "тарроҳии устувори веб" -ро номбар мекунанд, ба монанди ин, ки онро Avtec Media Group пешниҳод кардааст.

Тарҳрезии устувори веб таҷрибаи тарҳрезии вебсайт аст, то он бе ҳадафи худ бидуни таъсири назарраси манфӣ ба соҳиби худ ё корбарони он хидмат кунад. Барои фароҳам овардани потенсиал барои нигоҳдории дарозмуддат ва 'беҳбудии' доимии вебсайт, мо сайтҳоро тарҳрезӣ мекунем, ки ҳама новобаста аз намуди корбари системаи корбарии компютер, браузер, ҳалли монитор ё суръати пайвастшавӣ ба интернет дастрас ва қобили истифода бошанд.

Ин изҳорот якчанд ҳадафҳои васеи устуворро дар бар мегирад. Бо вуҷуди ин, мо метавонем бештар илова кунем. Ин аст намунаи изҳороти рисолат, ки аз нигоҳи устувор навишта шудааст:

Веб-раванди устувори мо стратегияҳои эҷод ва нигоҳдории сайтро пайгирӣ мекунад, то онҳо метавонанд имрӯз ва оянда ҳадафи худро иҷро кунанд ва ҳамзамон таъсири экологиро кам карда, арзиши мизоҷон ва корбаронро ба ҳадди аксар расонанд. Мо хидматҳои хостинги веб-сабзро истифода мебарем ва барои кам кардани истеъмоли худ дар офисҳоямон самаранокии энергияро истифода мебарем. Дар санъат ва кори эҷодии мо принсипҳои классикӣ истифода мешаванд, ки кӯҳна намешаванд. Раванди тарроҳии мо ба прототипҳои фасеҳ ва зуд мутобиқшавӣ ба ниёзҳои лоиҳа таъкид мекунад, дар ҳоле ки самаранокиро ҳамчун афзалият дар ҳама сатҳҳо аз санъат то код нигоҳ медорад. Тарроҳӣ ва тарҳбандии визуалии мо ба стандартҳои таҷрибаи корбарон мувофиқат мекунад, ки барои шунавандагони мо фаҳмидан ва истифодаи сайтҳои моро бо ҳадди аққали парешон осон мекунанд. Мо инчунин сайтро барои мошинаҳои ҷустуҷӯӣ оптимизатсия мекунем, ки ин вақт ва қувваи заруриро барои индексатсия коҳиш медиҳад, инчунин роҳи байни мизоҷони худ ва сайти шуморо кӯтоҳ мекунад. Мо усулҳоеро дар HTML, CSS, JavaScript ва барномасозии ақиб татбиқ мекунем, ки истеъмоли энергияро дар серверҳои мо ва компютерҳои истифодабарандаи охирин кам мекунанд. Ин кам кардани шумораи дархостҳои HTTP ва коҳиш додани тасвирҳо ва дороиҳои дигарро барои коҳиш додани дабдабанокии саҳифа дар бар мегирад.

2. Муайян кунед, ки устуворӣ дар куҷо татбиқ карда мешавад

Барои тавсеаи изҳороти умумии рисолати мо дар чаҳорчӯбаи устувори веб, мо бояд муайян кунем, ки он ба тарҳрезӣ ва рушд таъсир мерасонад. Тафаккури устувор имкон дорад, ки ин соҳаҳои алоҳидаи кориро муттаҳид созад ва ба онҳо забони умумӣ диҳад. Биёед дида бароем, ки чӣ гуна ҳар як устувориро амалӣ карда метавонад:

Оптимизатсияи тарроҳӣ

Аз нав дида баромадани тарҳ, намуд ва тасвирҳои аёнӣ зарбаи аз ҳама калон ба даст меорад. Хушбахтона, устувории тарроҳии веб стратегияҳои ҷории моро хуб месозад:

1. Такмили пешрафта, дар шакли аслии пешниҳодкардаи Стивен Чампеон ба якчанд ҳадафҳои устувор ноил мегардад. Бо сар кардани саҳифаи асосие, ки дар ҳама браузерҳо дастрасанд, он гуногунии шунавандагонро зиёд мекунад. Бо оғози оддӣ, он табиатан ба принсипҳои самараноки тарроҳӣ диққат медиҳад. Баръакс, 'фанои пурфайз', ки бо охири баланд оғоз меёбад ва кор мекунад, моҳиятан камтар устувор аст. Мошинҳои гибридиро эҷод кардан душвортар хоҳад буд, агар муҳандисон мошинҳои боркаши калонро ҳамчун тарроҳии истинод истифода мекарданд!
2. Аввалан мобилӣ барои беҳтар кардани устувории интернет имкониятҳои боз ҳам калонтар дорад. Тавре ки Лук Вроблевский таҳия кардааст, он диққати тарроҳиро аз компютерҳои рӯимизӣ ба дастгоҳҳои мобилии хурдтар ва муассиртар мекунад. Вақте ки истифодаи интернет торафт аз мизи корӣ ба мобилӣ мегузарад, стратегияи аввалини мобилӣ кафолат медиҳад, ки тарроҳии шумо дар оянда устувор боқӣ мемонад.
3. HTML5 ва CSS3 ба таҳиягарон иҷозат диҳед, ки 'тарҳрезии' тарроҳии мураккаб, вале самарабахшро фиристанд, ба ҷои он ки як бланки bitmaps ва васоити ахбори оммаро зеркашӣ кунанд.
4. Таҷрибаи корбар стратегияҳо ба меҳмонони сайт барои зудтар иҷро кардани вазифаҳо кӯмак мерасонанд. Сайте, ки UX-и хуб дорад, изи хурдтари интернет барои як корбар хоҳад дошт.
5. Оптимизатсияи системаи ҷустуҷӯӣ пас аз ба кор андохтан ба устуворӣ таъсир мерасонад. Гарчанде ки бисёре аз дизайнерҳо онро ҳангоми рушд ба назар намегиранд, дар тӯли дароз трафики устувори сайтҳо қисми ҷудонашавандаи устувории веб мебошад. Тарҳрезӣ ва ба танзим даровардани сайт, ки ба осонӣ аз ҷониби системаҳои ҷустуҷӯ индексатсия карда мешавад, қудрати аз тарафи Google барои индекси сайтҳо заруриро коҳиш медиҳад. Ҷустуҷӯи дӯстона кардани сайтҳо - масалан, бо ворид кардани барчаспҳои семантикии HTML ва калимаҳои мувофиқ - шумораи битҳоеро, ки корбарон месӯзонанд, барои ёфтани чизи дилхоҳашон коҳиш медиҳад. Вақти муайян кардани SEO устувор аст, ки фоида ба корбарон, сайтҳо ва провайдерҳои ҷустуҷӯро дар бар мегирад. Ширкатҳои SEO, ки сифати пайванд ва дастгирии корбаронро ба трафики пойдори сайтҳо мепайвандад, оғози хубе кардааст.
6. Идораи ҷисмонӣ нуқтаи ниҳоӣ барои татбиқи устувор мебошад. Мисли дигар фанҳо, дӯконҳои тарроҳии веб бояд муҳити кории худро самараноктар кунанд. Манбаи пайвастшавии интернет аз провайдерҳои воқеан сабз ва коҳиши истеъмоли энергия ва маводро дар бар мегирад. Аз сабаби шумораи зиёди компютерҳо дар як дафтари маъмулии тарроҳии веб, 'қудрати вампир' - нерӯе, ки дастгоҳҳо ҳангоми корношоям мекунанд, ҳадафи осон аст. Барои чопи гарав усулҳо ва пойгоҳҳои додаҳоеро, ки барои тарроҳии графикӣ таҳия шудаанд, истифода бурдан мумкин аст.

Оптимизатсияи иҷрои веб

Гарчанде ки оптимизатсияи иҷрои веб одатан домени муҳандисони сайт будааст, дохил кардан ба лоиҳаҳои шумо душвор нест. Қоидаҳои иҷрошударо аз дастаи иҷрои истисноии Yahoo санҷед ва муҳокима кунед, ки чӣ гуна онҳо метавонанд дар кори шумо татбиқ карда шаванд. Ҳар касе, ки дониши мӯътадили HTML, CSS ва JavaScript дорад, метавонад аксари ин 30+ принсипҳоро бидуни ғарқи амиқ ба рамз ё таҷҳизоти шабакавӣ татбиқ кунад. Дастовардҳо одатан назаррасанд.

Инчунин ба даст овардани сметаи дақиқ дар бораи он, ки шумо чӣ қадар беҳтар кардаед, осон аст. Воситаҳои зиёди хабарнигорон ба монанди YSlow ё Google's PageSpeed ​​мавҷуданд, ки дар муҳити рушди веб кор мекунанд. Насли ояндаи асбобҳои таҳиягар, ки ҳоло дар бета дар веб-браузерҳои Opera мавҷуданд, ба таҳиягарони пешрафта имкон медиҳанд, ки кадом интихобкунандагони CSS ба иҷрои онҳо таъсири бештар расонанд. Ин раванди интиқол додани устувориро аз рамзгузорӣ ва ба сатҳи олии тарроҳӣ оғоз мекунад.

Гурӯҳҳои устувор

Барои устувор шудани тарроҳии веб, мо бояд принсипҳои онро дар ҳамаи ин марҳилаҳо татбиқ намоем. Мо инчунин бояд ба муоширати беҳтар байни марҳилаҳо ва камтар тахассус ниёз дорем. Тарроҳони Siled макетҳо ва санъати аз воқеияти интернет ҷудошударо эҷод мекунанд ва муҳандисии минбаъда танҳо як ҳиппоро содда карда метавонад. Дар навбати худ, рамзгузорон ба суръат ва паҳнои банд ба таври маҳдуд тамаркуз карда, қарорҳои тарроҳии калонтарро, ки ба устуворӣ таъсир мерасонанд, сарфи назар мекунанд. Барои баланд бардоштани устуворӣ, мо бояд ба васвасаи иҷозати тарроҳии як шахс ва дигаре рамзи дигар муқобилат кунем. Тарроҳон бояд шинос шаванд, ки чӣ гуна интихоби онҳо дар санъат ва тарҳбандии самаранокии онҳо. Таҳиягарон бояд дар бораи тарроҳӣ маълумоти бештар гиранд, то самаранокии онҳо эстетика ва таҷрибаи корбаронро ваҳшиёна накунад. Чунин тарроҳони гибридӣ-таҳиягарон роҳи зудтари устувориро таъмин мекунанд.

3. Дар компонентҳои сабз иваз кунед

Пас аз муайян кардани он, ки чӣ гуна устуворӣ қисмҳои гуногуни лоиҳаро татбиқ мекунад, қадами оянда таҳияи стратегияи 'компонентҳои сабз' аст.Раванди шабеҳ як пешгӯи раванди сертификатсияи LEED барои биноҳои сабз буд ва айни замон стратегияи шабеҳ барои таҳияи маҳсулоти истеъмолӣ ба монанди фаррошҳо ва шампунҳо истифода мешавад. Дар стратегияи компонентҳои веб, таҳиягарони сайт унсурҳои рамз, нишона ва тарроҳии аёниро муайян мекунанд, ки ба устуворӣ таъсир мерасонанд. Пас аз ин, онҳо алтернативаҳо бо пойҳои поёниро ҷустуҷӯ мекарданд ва онҳоро ба сайтҳои худ иваз мекарданд.

Стратегияи компонентӣ, сарфи назар аз баъзе пойафзоли консептуалии пойафзол, ба манфиати он аст, ки натиҷаҳоро ба рӯйхат гирифтан, ба қайд гирифтан ва ба ҳамаи аъзоёни гурӯҳ ва ҷонибҳои манфиатдор осон аст. Ин як стратегияест, ки ба ҳамгиро кардани раванди тарроҳӣ ва рушд кӯмак мекунад, то ҳама иштирок кунанд. Инчунин татбиқи он нисбат ба таҳлили пурраи LCA хеле осонтар ва арзонтар аст.

Барои татбиқи ин стратегия, дизайнерҳо бояд муайян кунанд, ки кадоме аз китобхонаҳо, асбобҳо, стратегияҳои тарроҳӣ ва рамзгузории онҳо ҳамчун компонентҳои виртуалии сабз мувофиқат мекунанд. Дар тарафи рамзгузорӣ, компонентҳои сабз метавонанд тағиротҳоеро дар бар гиранд, ки самаранокиро беҳтар месозанд: масалан, Китобхонаҳои хурди JavaScript аз Microjs, ки чаҳорчӯбаи пешфарзро иваз мекунанд, CSIT sprites, файлҳои рамзи якҷояшуда, графикаҳо бо асбобҳо ба монанди Yahoo Smush.it ва мутобиқсозии мундариҷаи сервер. Дар тарафи тарроҳӣ, як стратегияи аввалини мобилӣ ё самти бадеие, ки интерфейсҳои ба нишона асосёфтаро бо тарҳи типографӣ иваз мекунад, ба сифати компонентҳои сабз мувофиқат мекунад. Ман дар блоги худ пешниҳодҳои иловагӣ пешниҳод кардам.

То он даме, ки компонентҳои виртуалии сабз дар пойгоҳи додаҳои умумиҷаҳонӣ, ки ба тарҳрезии саноатӣ истифода мешаванд, номбар карда шаванд, тавсифи ғайрирасмӣ дар изҳороти устувори шумо арзишманд аст. Ин аст намунае, ки чӣ гуна рӯйхати веб-компонентҳои сабзро ба назар гиранд:

Ҳангоми таҳияи ин сайт мо компонентҳои зерини сабзро истифода бурдем:

• Гурӯҳи тарроҳӣ Раванди тарроҳии мо усулҳои ҷараёни ҷараёни корбариро истифода мебарад, ки ба тарроҳон ва барномасозон имкон медиҳанд, ки ҳамкорӣ кунанд ва имкон медиҳад, ки тафаккури такрорӣ барои такрор ё такмил додани консепсияи аслӣ мусоидат кунад. Мо такмилдиҳии пешрафта ва стратегияҳои тарроҳии ҷавобгӯро қабул кардем, ки ба як сайт имкон медиҳанд, ки дар аудиторияҳои гуногун дар компютерҳо ва мобилҳои гуногун хизмат расонанд.
• Санъат ва ҳувият Санъати мо барои веб, дастгоҳҳо ва корбарони он тарроҳӣ шудааст. Мо дар ҷои холӣ эҷод намекунем; ба ҷои ин, мо санъати мутобиқ ба василаи онлайн месозем. Мо интерфейсҳои типографиро ҳамчун як алтернатива барои корбар ва қобилияти пасти гузариш ба саҳифаҳои интернетии тасвирдорона ҷонибдорӣ мекунем. Мо символологияи классикии графикии интерактивӣ ва дизайни графикиро истифода мебарем, аз веб-модаҳои мудҳише, ки кӯҳна мешаванд ва иваз кардани онҳоро талаб мекунанд, канорагирӣ мекунем.
• Графика Мо графика ва дигар васоити ахбори оммаро барои фишурдани максималӣ бо истифодаи Yahoo Smush.it коркард мекунем. Мо бо CSS Sprites графикаи замина месозем ва бо CSSEmbed озмуда истодаем, ки тасвирҳои заминаро мустақиман ба ҷадвалҳо бор кунем, ки ин дархостҳои HTTP-ро коҳиш медиҳад.
• Рушд Мо принсипҳои тарроҳии стандартиро истифода мебарем, то дар HTML4 ё HTML5 саҳифаҳои комилан тасдиқкунанда созем. Мо шумораи дороиҳои берунаро, ки барои сохтани тарҳ истифода мешаванд, кам мекунем. Мо Comb -ро барои муттаҳидсозии файлҳои алоҳидаи CSS ва JavaScript ҳангоми зеркашӣ истифода мебарем, ки ин дархостҳои HTTP-ро коҳиш медиҳад. Мо барои зеркашии китобхонаҳои стандартӣ Google Китобхонаҳо ва Microsoft Ajax Content Delivery Network -ро истифода мебарем ва имкон медиҳем, ки як зеркашӣ аз ҷониби якчанд веб-барномаҳои мо бе дархости кодекс истифода шавад. Мо Google Closure Compiler -ро барои оптимизатсияи JavaScript-и аслии дар хона таҳияшуда истифода мебарем. Мо имконоти китобхонаҳои калони JavaScript-ро бо китобхонаҳои хурд (масалан, Sizzle) иваз мекунем. Мо барои баланд бардоштани суръат ва самаранокии саҳифа дастурҳои истисноии Yahoo -ро истифода мебарем.
• Хостинг ва ҷойгиркунӣ Лаҷомҳои мо аз яке аз хидматҳои маъруф ва тасдиқшудаи веб-хостинги сарчашма гирифта мешаванд. Мо сайтҳои мобилиро дар дастгоҳҳои воқеӣ месанҷем, на эмуляторҳо, то кор кардани сайти моро таъмин кунанд. Мундариҷаи статикӣ бо гузашти шаш моҳ муқаррар карда мешавад (тавассути сарлавҳаҳои HTTP Expires) барои пешгирӣ кардани зеркашиҳои зиёдатӣ. Мо оптимизатсияи устувори ҷустуҷӯро амалӣ карда, ба сайт кумак мерасонем, ки аз ҷониби системаҳои ҷустуҷӯ самаранок индексатсия карда шавад.
• Муносибатҳои муштариён Мо муштариён ва ҷонибҳои манфиатдорро дар ҷараёни тарҳрезӣ алтернативаҳои устувор меомӯзонем, то мутмаин шавем, ки восита ба паёми онҳо мувофиқат мекунад.
• Дафтари сабз Мо гарави дафтарро ҳадди аққал нигоҳ медорем, аз дур кор карданро ташвиқ мекунем ва стратегияҳоеро истифода мебарем, ки истифодаи истихроҷи нерӯро аз ҷониби истгоҳҳои корӣ ва серверҳои мо кам мекунанд.

Он инчунин метавонад ба ҳуҷҷатгузории оқибатҳои стратегияи компонентҳои сабз кӯмак расонад. Як усули хуб ин муқоисаи холҳои YSlow-и худ ба ҳисоби миёнаи интернетӣ, ки дар сайти HTTP Archive Стив Судерс нишон дода шудааст. Ҳуҷҷатгузорӣ самаранокии баландтари сафҳаро ҳангоми такрори тарроҳӣ ба он водор месозад, ки компонентҳои сайти шумо дар ҳақиқат ба устуворӣ мусоидат мекунанд.

4. Таҳияи дегхонаи сабз

Муайян кардани компонентҳои устувор барои тарроҳӣ ва таҳияи веб дар ниҳоят ба эҷоди як рамзи стандартии стандартӣ - хулоса, 'дегхонаи сабз' имкон медиҳад. Дар муқоиса бо дигар дегдонҳо, дегхонаи устувор имкон медиҳад, ки зеркашиҳо ва дархостҳои HTTP ҳадди аққал кам карда шаванд ва тарҳрезии он барои сахтафзор барои истифодабарандаи ниҳоӣ кам мувофиқ карда шавад. Тарҳбандии он ба таҳиягарон кӯмак мекунад, ки усулҳои устуворро бидуни сарозер шудан ба рамз ё омӯзиши асбобҳои фармон истифода баранд.

Дар ниҳоят, он метавонад модулҳоеро дар бар гирад, ки ба 'панели устуворӣ' ба абзорҳои тарроҳии веб монанд карда шаванд, ба монанд ба ҳисобкунакҳои карбон пой дар нармафзори тарроҳии саноатӣ. Пешниҳодҳо? Онҳоро якҷоя ба дегхонаи сабз равед.

Хулоса

Умедворам, ки ман шуморо бовар кунондам, ки Дизайн Устувор чизест, ки бояд як қисми раванди эҷодии тарроҳон ва таҳиягарон гардад. Ин интизом дар оғоз аст ва ба ҷомеаи тарроҳӣ ниёз дорад, ки рушд кунанд ва ба рушди он мусоидат кунанд. Ғояҳо, эродҳо ва пешниҳодҳоятонро ба веб дар сайтҳое монанд кунед, ки ба тарҳи виртуалии устувор монанданд, Принсипҳои зиндагӣ аз нав ғизо гиред.