Insider pohledy na odpovědný design: Debata pokračuje
Ne kdysi od Coke vs. Pepsi došlo k tak rozsáhlé debatě a intenzivní kontroverzi na jedinečné téma. Technologické a designové blogy napříč webem se zabývají horkými debaty o reaktivním designu a mobilních serverech a argumentují, které řešení přináší mobilní zážitky.
Nemůžeme všichni souhlasit? Ne, v tomto životě, obzvláště pro takové téma, které je velmi diskutováno jako tohle. S obrovským počtem vývojářů a návrhářů webových stránek, kteří dnes obsluhují klienty, a obrovským přírůstkem v mobilních zařízeních, které se zaměřily na problém, by bylo téměř nemožné, aby se všichni dohodli.
Chcete být lehoučkem na zdi, abyste slyšeli, co si profesionální firmy myslí o citlivém designu a o tom, jak slouží svým klientům?
Rozhovor jsem se čtyřmi významnými organizacemi, které každodenně vytvářejí mobilní zážitky pro své klienty. Níže naleznete vnitřní informace o vývoji mobilních zařízení
Dvě protichůdné pozice
Ačkoli existuje mnoho různých názorů, zdá se, že kolem webu převažují dva převažující názory.
V modrém rohu ...
Fanoušci vnímavého designu nabízejí mnoho výhod jako dostatek důkazů, že tato technologie by měla být použita na všech nebo většině mobilních webů.
Podle respondentů reagujících na návrh:
- Uživatelé chtějí plnohodnotný zážitek z webu, a to bez ohledu na to, co je jejich zařízení, a nikoliv pro odizolovanou verzi toho, co majitelé webu myslí, že uživatelé budou chtít zobrazit. Použitelnost se zaměřuje na to, aby návštěvník webových stránek cítil, že mají kontrolu a rozhodování. Odborníci tvrdí, že samostatný mobilní web může znemožnit koncovým uživatelům.
- Odpovědný design je nákladově efektivní volbou, protože existuje pouze jedno místo k údržbě. Společnosti budou muset vytvořit samostatné mobilní stránky pro každé zařízení, které se mohou dlouhodobě přidávat s požadavky na obsah a údržbu.
- S citlivými stránkami neexistují žádné nákladné budoucí aktualizace, když se na trh objeví nová mobilní zařízení.
- Mnoho SEO odborníků se domnívá, že webové stránky postavené s citlivým designem jsou více vyhledávač přátelské, protože nebudou propojovat džus s jinými doménami, jak je tomu u webů specifických pro mobilní telefony. Někteří SEO popírají tuto teorii a citují aktualizaci přeskakování společnosti Google jako důkaz. Podle Googlu tato aktualizace "používá konečnou cílovou adresu smartphonu" v mobilních výsledcích vyhledávání, čímž obchází přesměrování, což umožňuje rychlejší dobu načítání.
Podle Michaela Wyszomierskiho, který pracuje pro službu Google pro kvalitu produktů, je vnímavý design, kde je. Zde je jeho příspěvek na Google+:
Michael reagoval na kritiku v komentářích, když uvedl, že v některých případech mohou být potřebné mobilní stránky, ale celkově je silným zastáncem citlivého designu a domnívá se, že mnoho stránek by mohlo výrazně zlepšit své uživatelské zkušenosti tím, že je využije.
Takže pokud je citlivý design tak cool, moderní a moderní, proč je kolem tématu hysterie? Zde jsou některé důvody, proč ...
V červeném rohu ...
Druhá strana tohoto argumentu není tvrdohlavým způsobem v rozporu s citlivým designem, ale cítí, že je vhodná pouze v konkrétních situacích. Tento tábor zdůrazňuje, že rozhodnutí o tom, zda vybudovat samostatný mobilní web přes reakci, závisí na potřebách mobilního uživatele.
Zde jsou některé argumenty proti citlivému návrhu:
- Rychlost - Když mobilní uživatel otevírá web s citlivým designem, všechny prvky plochy se stahují a změní velikost tak, aby se vešly na obrazovku. To dělá pomalé načítání webu, protože všechny původní Javascript a HTML kód je stále přítomen. (Když návrháři vytvářejí webové stránky specifické pro mobilní zařízení, považují zařízení za navrhované a optimalizované.
- Rozlišný obsah - tábor ve prospěch stránek specifických pro mobilní zařízení obecně tvrdí, že mobilní uživatelé mohou potřebovat jinou úroveň obsahu, která se na webových stránkách počítačů nenachází. Odpovědný design se může zařízení přizpůsobit, ale nepoužívá optimalizaci uživatelské zkušenosti, pokud jde o uspokojení svých jedinečných potřeb.
Rozhodli jsme se vzít tento argument na ulici, abychom zjistili, jak ziskové společnosti obsluhují mobilní potřeby svých klientů. Mluvil jsem se čtyřmi organizacemi na nejvyšší úrovni a zeptal jsem se na jejich přístup k citlivému designu. Vybral jsem je, protože jsou úspěšní v poskytování vynikající práce svým klientům a jejich růst je svědectvím této skutečnosti.
Zeptal jsem se stejných otázek, abych zjistil, jak odlišný / podobný byl jejich přístup k tématu.
Colin Proctor, Smashing Ideas
První je Smashing nápady , interaktivní divizi v Seattlu, která působí od roku 1996. Umělecký ředitel Colin Proctor byl natolik laskavý, že se mohl podělit o své myšlenky na citlivý design.
Otázka: Jak často vyvíjíte mobilní webové stránky pro své klienty?
A: Udělali jsme jich pár. S mnoha našimi klienty vidíme momentálně mobilní webové iniciativy. Mobilní webové zkušenosti byly pro většinu našich projektů hlavním tématem plánování a konverzace za poslední rok. Mobilní weby, které jsme vyvinuli, byly buď citlivé stránky m.sites jako společníci, nebo jedno uspokojivé uspořádání. Většina z nich měla velmi zaměřený obsah. Máme široké portfólio mobilních zážitků, ať už nativní nebo hybridní aplikace, webové aplikace atd.
Otázka: Používáte automaticky odpověď pro všechny mobilní klienty? Stručně vysvětlete proč nebo proč ne.
Odpověď: Ne, ale vždy je to součástí rozhovoru. Před rozhodováním o technologii zkoumáme kontext publika. Chcete-li být transparentní, plně reagující rozvržení mají stále technická omezení, která způsobují obavy velkým podnikům: reklama, citlivé snímky a podpora integrace třetích stran jsou některé z hlavních problémů. V brožurních stránkách téměř vždy používáme citlivý design, protože obsahová hierarchie těchto stránek má tendenci pěkně degradovat napříč množstvím zlomových bodů. Často je kontext uživatele pro stránky brožur konzistentní mezi různými zařízeními.
Otázka: Řekla byste, že jste ...
a) ve prospěch citlivého designu
b) Ne v prospěch citlivé konstrukce
c) ve prospěch obou citlivých návrhů a samostatných mobilních míst
Stručně vysvětlete, proč jste zvolili odpověď ...
Odpověď: Myslím si, že je nebezpečné používat odpověď na rozložení jako úlovek, a že reagující strategie určí způsob, jakým váš návrhový systém reaguje na kontext vašeho uživatele (což je klíčové). Odpovědný design / layout je velmi škálovatelný přístup, ale vždy to bere v úvahu, co uživatel dělá? Nejedná se o to, protože je to jeden systém mnoha návrhových řešení pro mobilní zařízení.
Kdybych stavěl webové stránky veřejné dopravy, musel bych si uvědomit, že uživatel, který sedí u svého stolu, pravděpodobně plánuje svůj plán nebo trasy, zatímco uživatel v jejich telefonu se snaží zjistit, kde je jejich autobus / vlak a hledá víc okamžité řešení. Tyto dva kontexty vykazují různé chování, potřeby pro účelnost, potřeby pro navigaci a jaký obsah by měl být prezentován vpřed. Jedna sada šablon s kontextovým stylem a rozvržením nemusí být řešením - možná bude nutné mít úplně jinou sadu funkcí.
Otázka: Jaké jsou vaše nejlepší rady pro webových designérů / vývojářů, kteří chtějí úspěšně vytvářet mobilní zážitky pro své klienty?
A: Odpovědný design není výchozím bodem. Je to skvělá technologie, že mnozí z webových komunit dali spoustu času na to, aby vyřešili překážky, které ji držely zpátky z více globální přítomnosti. Domnívám se, že v průběhu let se budeme snažit přijmout odpověď.
Podle mého názoru je nejlepším řešením výbuchu mobilních webů přerušení myšlenky, že je nastavena naše plátno a že ji prostě potřebujeme vyplnit. Jsme nuceni překonat staré předpoklady o zkušenostech uživatelů a jsou zodpovědní za naše myšlenkové procesy více, než jsme byli v nedávné historii. Jako společnost už nejsme v zajatém publiku, který se dívá na obdélník průměrné zorné pole jako 1024 × 768, takže pravidla jsou přepisována. Jako průmysl je čas experimentovat a růst.
Evolve Creative Group
Další krok je Evolve Creative Group , společnost poskytující komplexní webové řešení založená mimo Akron, Ohio. Zeptal jsem se vývojářů stejných otázek a zde jsou jejich odpovědi:
Otázka: Jak často vyvíjíte mobilní webové stránky pro své klienty?
Odpověď: Vyvíjíme mobilní webové stránky pravděpodobně asi 30% času. Je to kombinace touhy, rozpočtu a nutnosti pro naše klienty. Mnoho klientů nemá potřebu nebo touhu podporovat mobilní zařízení vzhledem k jejich publiku a rozpočtu. Vzhledem k flexibilitě stránek, které budeme vytvářet (nemobilní), fungují slušně na mobilních zařízeních, takže klienti nemohou ospravedlnit náklady. Může to být těžké prodávat, ale vzhledem k tomu, že mobilní trendy rostou a zpevňují, nastupuje více klientů.
Otázka: Používáte automaticky odpověď pro všechny mobilní klienty?
Odpověď: Ne, nepoužíváme to pro všechny mobilní klienty. Prostě děláme to, co je v nejlepším zájmu klienta a jeho uživatelů. Pevně vyhodnocujeme mobilní přístup v jednotlivých případech v závislosti na jejich potřebách.
Pokud mobilní uživatelé klienta mají podskupinu zájmů nebo konkrétní cíl, který vyžaduje změnu rozvržení nebo množství poskytnutých informací, doporučujeme samostatný mobilní web v subdoméně, který nám umožní zjednodušit stránku pro mobilní zkušenosti. Ale naopak, je-li web již jednoduchý a univerzální ve zprávách a cílech (například blogy, vstupní stránky a malé informační stránky, například), pak je jedno místo, které je flexibilní ve všech platformách, rozhodně výhodné.
Otázka: Řekla byste, že jste ...
a) ve prospěch citlivého designu
b) Ne v prospěch citlivé konstrukce
c) ve prospěch obou citlivých návrhů a samostatných mobilních míst.
Stručně vysvětlete, proč jste zvolili odpověď ...
A: Stejně jako všechno v tomto oboru je mobilní přístup dávám a brát, protože existují výhody a nevýhody každé metody. Samostatné stránky pro mobily nabízejí tu výhodu, že je uživatel zaměřen na konkrétní obsah, který je stručný a optimalizovaný. Ale inherentní nevýhoda je, že klient může mít dvojnásobnou údržbu pro budoucí aktualizace.
To je místo, kde reaguje design reagující na argument "jedna stránka, která je bude vládnout všem". Mít jediný web, který je univerzální, bohatý na flexibilitu a přináší celou stránku, na kterou mohou uživatelé komunikovat, jak se jim líbí, je velmi vzrušující myšlenka. Poskytuje sílu klientům a uživatelům a řeší problém s navrhováním a vytvářením webových stránek pro určité zařízení (desktopové nebo jiné). Ale argumenty proti citlivému designu, jako je čas stahování, náklady na vývoj a nadměrné informace, mohou být stejně důležité.
Mravní je zde přizpůsobit řešení založené na projektu a uživatelích, a ne zavěsit na stále rostoucí ohnivou debatu.
Otázka: Jaké jsou vaše nejlepší rady pro webových designérů / vývojářů, kteří chtějí úspěšně vytvářet mobilní zážitky pro své klienty?
Odpověď: Největší rada, kterou můžeme nabídnout, je být chytří při výběru svého přístupu. Nepoužívejte jen skočit na vnímavý pásový vůz, protože je to horká nová věc nebo se držte se samostatnými stránkami pro mobilní zařízení, protože je to bezpečné a známé. Musíte pečlivě posoudit klady a zápory jednotlivých přístupů k konkrétnímu projektu.
Také založte jej na konečného uživatele řešení. Jsou to typy, které mají specifický cíl a bez pozornosti? Chtějí se dostat dovnitř, vyjít ven a pokračovat v životě? Nebo jsou v kavárně a chtějí využít plné zkušenosti? Odpověď na tuto otázku pravděpodobně udělá správnou volbu.
Ryan Anderson, Alchemy50
Dále jsem mluvil s prezidentem Ryana Andersona Alchemy50 , digitální agentura založená mimo Brooklyn, NY. Zde je to, co měl Ryan říci o procesu své společnosti:
Otázka: Jak často vyvíjíte mobilní webové stránky pro své klienty?
A: Zřídka. Myslím, že mobilní specifické webové stránky se stávají věcí minulosti. Existuje tolik různých velikostí, rozměrů, rozlišení atd., Aby se v dnešní době uvažovalo o tom, že vytváření konkrétního "mobilního" webu je obvykle víc práce než jeho hodnota a zcela nevyřeší problém.
Otázka: Používáte automaticky odpověď pro všechny mobilní klienty?
Odpověď: Ne automaticky, ale často. Opravdu záleží na povaze projektu - ať už jde o webovou aplikaci nebo firemní webové stránky - mají oba jedinečné parametry, které je třeba vzít v úvahu. Také jsme se již moc "oddělovali", spíše do projektu, protože vědíme, že ve většině případů jde o multi-device, multi-resolution, multi-browser atd. Musí to fungovat všude a s jedním kódová základna je efektivní z hlediska nákladů.
To je místo, kde je klíčovým klíčovým rámcem dobrý odpověď - většinu permutací můžete řešit dobrým rámcem. Alchemy50 vytvořila vlastní rám, který je kombinací tuhých prvků a dynamického měřítka. Zjistili jsme, že složitější weby mají tendenci být trochu nespravedlivé pomocí elastických rámců, takže náš rámec využívá mediálních dotazů pro úpravu našich stránek v nastavených rozlišeních. Ukázalo se, že je velmi užitečné a efektivní v rámci našeho úsilí podporovat několik zařízení a prohlížečů s jednou kódovou základnou.
Otázka: Řekla byste, že jste ...
a) ve prospěch citlivého designu
b) Ne v prospěch citlivé konstrukce
c) ve prospěch jak citlivého designu, tak i oddělených mobilních míst v závislosti na klientovi a jeho uživatelích
Stručně vysvětlete, proč jste zvolili odpověď ...
Odpověď: Je to opravdu jediný způsob, jak se dnes rozvíjet na webu. Musíme se dostat do obuvi našich klientů a zvážit - celkové náklady, časovou osu, škálovatelnost, podpůrnost atd. ... a když to uděláme, obvykle to podporuje pojem reagujícího rámce. Je však důležité zdůraznit, že někdy to, o co se žádá, nemůže být provedeno bez knihoven nativní knihovny - takže citlivý webový rámec není odpovědí na vše.
Otázka: Jaké jsou vaše nejlepší rady pro webových designérů / vývojářů, kteří chtějí úspěšně vytvářet mobilní zážitky pro své klienty?
Odpověď: Nevybírejte řešení, dokud plně nerozumíte tomu, co chce klient dělat. Dávejte si pozor, často řekne klient, že chtějí "web HTML5" nebo "mobilní aplikaci, která funguje všude" - zjistili jsme, že obvykle zcela nerozumí tomu, co říkají. Požádejte je, aby techniku zapomněli na minutu a vysvětlete v jasném jazyce, co to chtějí stavět. Jaký je cílový trh? Jaké jsou zvyky tohoto trhu (technologie, prohlížeč, sedí na stolech atd.) Jakou funkcionalitu poskytne web / aplikace? Často, když se těmito body promluvíte s klientem, objeví se účinný (a někdy i velmi odlišný!) Přístup.
Nicholas Davison, Digitaria
Nakonec jsem mluvil s ředitelem webového vývoje na adrese Digitaria , Nicholas Davison. Digitaria je digitální agentura s kompletními službami, která byla založena v roce 1997 a má pět lokalit po celých Spojených státech. Zde je to, co Nicholas musel říkat o citlivém designu:
Otázka: Jak často vyvíjíte mobilní webové stránky pro své klienty?
Odpověď: Většina našich sestav obsahuje mobilní komponenty v těchto dnech. S portfoliem tak širokým a hlubokým, jako je Digitaria, znamená to, že můj tým má v určitém okamžiku několik stránek s mobilními komponentami.
Otázka: Používáte automaticky odpověď pro všechny mobilní klienty? Stručně vysvětlete proč nebo proč ne.
A: Ignorování Zeldman a dodržování definice Marcotte ... pokud oddělíte Response jako v podstatě Adaptive plus tekuté rozložení a obrazy, automaticky si nevybíráme Response přes Adaptive. Hlavním důvodem je návratnost investic.
Kapalné rozvržení představují řadu výzev: Míchání pevných rozměrů a procent má tendenci vyžadovat dodatečné elementy div, aby se konstrukce zavěsila. Chyby při zaokrouhlování vedou k problémům se staršími verzemi aplikace Internet Explorer a často ponechávají mezery mezi jednotlivými pixely i v modernějších prohlížečích. QA, pokud se provádí správně, by měla kontrolovat každý prvek každé velikosti v každém prohlížeči - což masivně zvyšuje náklady na QA.
Co vám přinášejí tyto náklady na adaptivní design, který již zajišťuje 320, 480, 720, 960 a 1140? Oni trochu lépe využívají prostor a přidat lehký faktor wow. Pokud tyto výhody ospravedlňují náklady, budeme stavět Responsive. Pokud tomu tak není, Adaptive je vhodnější.
Pokud, jak navrhuje Zeldman, používáme Response a Adaptive zaměnitelně a nehlídáme tekuté varianty, nemělo by to být nikdy automatické rozhodnutí. Každý, kdo přemýšlí o svém klientovi, se podívá na správné nástroje pro správnou práci.
Adaptive má mnoho výhod a obvykle dává smysl. Existují však vždy výjimky: Mdot často funguje lépe, když klient chce jiný obsah pro mobilní zařízení. Aplikace často pracují lépe, když klient chce velmi pokročilou funkcionalitu, která vyžaduje vlastní rozhraní a interakce pro každý tvarový faktor.
Občas Mobile nemá smysl, období. Pokud klient jednoduše musí mít minimální stránky z právních důvodů nebo z důvodů udělení grantu a chce si udržet nízké náklady, a to jednoduše zaškrtnutím políčka, nepotřebuje se přemisťovat.
Takže Adaptive je něco, co obvykle doporučujeme, ale jako dobrý partner bychom neměli nikdy automaticky doporučovat nic bez naslouchání.
Otázka: Řekla byste, že jste ...
a) ve prospěch citlivého designu
b) Ne v prospěch citlivé konstrukce
c) ve prospěch obou citlivých návrhů a samostatných mobilních míst
Stručně vysvětlete, proč jste zvolili odpověď ...
Odpověď: Adaptivní design je neuvěřitelně přesvědčivý téměř v každém případě. Ignorování mobilních zařízení a tablet se rychle stává tak špatným obchodním krokem, protože ignorování webu bylo před deseti lety. Prostě je musíte považovat za většinu projektů. Dny částečných míst Mdot jsou očíslovány. Uživatelé očekávají veškerý obsah na libovolném zařízení, které používají. Jakmile neexistuje žádná nebo částečná mobilní verze, Adaptive je pro většinu případů nejúčinnější způsob, jak jej dodat. Ve srovnání s plným serverem Mdot a plným pracovním stolem je to levnější. Ve srovnání s plnými Mdot, Tablet a Desktop je to mnohem levnější.
A to jsou právě argumenty pro dnešek: Adaptivní je levnější udržovat a stavět na tom, protože je to jedna platforma. Stránky nejsou jen dnes. S několikaletým trváním na většině webů nemusíme jen přemýšlet o tom, kolik lidí dnes používá mobilní telefony a tablety, ale kolik je bude používat dlouho před koncem života webu.
Otázka: Jaké jsou vaše nejlepší rady pro webových designérů / vývojářů, kteří chtějí úspěšně vytvářet mobilní zážitky pro své klienty?
A: Plán. Zvažte mobilní zařízení a pracovní plochu současně. Jít zpět a dodatečné vybavení základní konstrukce, aby vyhovovalo tomu, co nyní potřebujete pro překvapivý design, je mnohem dražší než plánování a budování jedné čisté konstrukce, která slouží oběma.
Použijte answer.js tak, aby vaše stránky fungovaly na každém prohlížeči, a ne jen ty, které vědí o mediálních dotazy. Nevystavujte kapalinu jen proto, že reaguje na chladnější verzi Adaptive. Má výhody, ale také náklady. Ujistěte se, že vybíráte co je pro vás to pravé.
Zkoušejte časně a často testujte. Bylo to pravda, když jsme se vyvíjeli na čtyřech desktopových prohlížečích a měli starší prohlížeč Internet Explorer. Je to dvojnásobně pravda, když nyní přidáváme mnoho mobilních platforem: Problém lze snadno vyřešit, pokud ho chytit, když se poprvé objeví. Je téměř nemožné opravit, když jsou postaveny nad nimi desítky vrstev, což zakrývá hlavní problém. Pokud nejste testování, cross platform, po každé nové funkci přidáte, pak to děláte špatně.
Z důvodů rozumu musíte souhlasit se seznamem platforem, na které vám dáváte záruku na kód. Existuje tolik variant Androidu, staré verze iOS bodů, zařízení Windows Mobile, která vám nabídne volné záplaty na celý život, pokud máte dost hlouposti, abyste jednoduše souhlasili se "všemi smartphony". A pak je tam Blackberry, kde se zdá starší verze navržen s perverzní láskou k lámání.
Debata pokračuje
Díky všem účastníkům nám poskytli přehled o jejich každodenních procesech.