Zßkladnφm pravidlem jakΘhokoli designu je, ₧e "formu urΦuje funkce". Pokud mß objekt plnit urΦitou funkci, musφ jeho design tuto funkci podporovat tak dalece, jak jen je to mo₧nΘ. To platφ pro pr∙myslov² design a v mnohem vyÜÜφ mφ°e i pro webdesign.

N∞kte°φ designΘ°i vÜak nerozumφ funkci webu, proto d∞lajφ Üpatnß rozhodnutφ o jeho form∞. Nejednou jsem se setkal s "tv∙rΦφmi" osobnostmi, jejich₧ prßce byly p°inejlepÜφm pr∙m∞rnΘ, a kterΘ vykazovaly nestydatou lhostejnost k Webu jako mΘdiu. Byli to DesignΘ°i s velk²m D. V∞d∞li vÜechno.

Um∞nφ

Nejkuri≤zn∞jÜφm p°φkladem v²Üe zmi≥ovanΘho byla um∞lkyn∞, kterß prßv∞ dokonΦila Rietveld Academy a uchßzela se o mφsto u spoleΦnosti, ve kterΘ jsem pracoval. Kdy₧ jsem se jφ zeptal, Φφm by se cht∞la zab²vat, vysv∞tlila mi, ₧e jejφ nezm∞rnΘ tv∙rΦφ nadßnφ z nφ Φinφ obzvlßÜt∞ vhodnou osobu pro jednßnφ s klienty o dosud nevyu₧it²ch um∞leck²ch mo₧nostech jejich webov²ch strßnek. Jemn∞ jsem jφ navrhl, ₧e by m∞la nejd°φve zφskat n∞jakΘ praktickΘ zkuÜenosti, ale ona si byla naprosto jistß tφm, ₧e by tuto prßci mohla zastat okam₧it∞.

Jejφ webovΘ strßnky byly Üokujφcφ. Jedin²m p°φznakem kreativity byly animovanΘ gify zadku b∞₧φcφho tygra, kterΘ, jak jsem nakonec zjistil, plnily ·lohu hlavnφho navigaΦnφho menu.

Od tΘto udßlosti se vyh²bßm lidem, kte°φ se prohlaÜujφ za "velice tv∙rΦφ", a obecn∞ pon∞kud ned∙v∞°uji um∞lc∙m.

Mezi ·sp∞Ün²m um∞lcem a ·sp∞Ün²m webdesignΘrem je obrovsk² rozdφl. Coby um∞lec tvo°φte n∞co, co p∙sobφ na vßs a vybranΘ (solventnφ) publikum. Coby webdesignΘr tvo°φte n∞co, co musφ zap∙sobit na cφlovou skupinu vaÜeho klienta. P∙sobenφ na publikum takto vzdßlenΘ nenφ n∞co, co m∙₧e d∞lat pr∙m∞rn² um∞lec (nebo co by m∞l d∞lat).

Jist∞, um∞lec se m∙₧e stßt dobr²m webdesignΘrem, ale pouze tak, ₧e se nauΦφ zvlßdat ·pln∞ novΘ nßstroje.

Tisk

ZpoΦßtku byl webdesign zßsadn∞ ovliv≥ovßn tiskov²m designem (DTP). P°esto₧e jsou DTP designΘ°i schopni dokonale p∙sobit na publikum sv²ch klient∙, zjistil jsem, ₧e n∞kte°φ z nich majφ velkΘ problΘmy s pochopenφm ·Φelu webu.

Coby zaΦφnajφcφ programßtor jsem byl mφrn∞ znepokojen, kdy₧ mi bylo na°φzeno, abych vytvo°il obrßzky obsahujφcφ text strßnky, "proto₧e prohlφ₧eΦe nepodporujφ tento font". P°em²Ülel jsem, zda je to opravdu ten nejlepÜφ zp∙sob, jak tvo°it weby. Pozd∞ji jsem pochopil, ₧e tito designΘ°i nedokßzali myslet flexibiln∞, ₧e p°edevÜφm nerozum∞li mΘdiu. Jejich nejd∙le₧it∞jÜφmi prioritami byly fonty a barvy mφsto obsahu a interaktivity.

VÜem trvalo n∞kolik let, ne₧ si uv∞domili, ₧e se webdesign liÜφ od DTP. Nastal tedy Φas, abychom zaΦali zjiÜ¥ovat, jak se liÜφ. Jedna v∞c je vÜak jistß - formu urΦuje funkce.

Web

I kdy₧ jste v pat°iΦnΘm rozpolo₧enφ, abyste byli schopni flexibilnφho myÜlenφ (v kontextu Webu coby novΘho mΘdia), nenφ to v₧dy jednoduchΘ.

Vezm∞me nap°φklad prvnφ DHTML skript, kter² jsem kdy napsal pro komerΦnφ strßnky. Tento web m∞l jednoduchou navigaci v hornφ Φßsti. S designΘrem jsme se dohodli, ₧e kdy₧ u₧ivatel klikne na odkaz, do pozice nad nφm pomalu najede list. On nakreslil list a jß jej rozpohyboval.

Ale forma neurΦovala funkci. Funkce volala po hlavnφ navigaci v hornφ Φßsti a forma ji mohla nßsledovat v podob∞ ukazatele, kter² by u₧ivatele informoval o tom, kterou strßnku si prßv∞ prohlφ₧φ. Pomal² pohyb ukazatele byl vÜak naprosto nesmysln².

ProΦ jsem napsal tento DHTML skript? Proto₧e jsem cht∞l napsat DHTML skript, samoz°ejm∞. Nenφ to zrovna nejlepÜφ d∙vod, a dokonce jsem to v∞d∞l, ale p°esto jsem to tak ud∞lal.

Nepochopenφ funkce webu nenφ vyhrazeno pouze pro designΘry. Technici mohou mφt stejn² problΘm.

Formu urΦuje funkce

V²Üe popsanΘ p°φklady ukazujφ, ₧e forma by m∞la b²t urΦovßna funkcφ. Pokud se forma webu stane cφlem sama o sob∞, mφsto prost°edkem vedoucφm k vytyΦenΘmu cφli, nebude web fungovat.

Setkßte-li se n∞kdy s designΘrem, kter² bude klßst uspokojenφ ze svΘ tvorby nad tvorbu funkΦnφho webu, m∙₧ete si b²t jisti, ₧e nerozumφ Webu. Samo o sob∞ to ale nenφ problΘm, proto₧e tam budete vy, abyste mu poradili. M∞li byste se pokusit p°im∞t ho, aby v∞noval Webu pozornost jako odliÜnΘmu mΘdiu, kde jsou obsah a interakce mnohem d∙le₧it∞jÜφ ne₧ Φistß forma.

NaÜt∞stφ se v∞tÜina designΘr∙ uΦit chce. Kdy₧ jsem nastupoval na svΘ poslednφ mφsto, um∞leck² °editel m∞ okam₧it∞ informoval, ₧e toho o webdesignu moc nevφ a ₧e je ochoten naslouchat m²m nßvrh∙m. Jeho profesionßlnφ postoj usnad≥oval vzßjemnou spoluprßci.

JinΘ designΘry je obtφ₧n∞jÜφ p°esv∞dΦit. V∞tÜinou se problematick² designΘr Webu obßvß. Nevidφ z°eteln∞ mo₧nosti a omezenφ tohoto mΘdia a bojφ se zeptat, proto₧e to on mß b²t profesionßl, kter² vφ vÜechno.

V takovΘm p°φpad∞ byste se m∞li pokusit vysv∞tlit mu mo₧nosti mΘdia, majφce p°itom na z°eteli jeho pocity strachu a ned∙v∞ry. Pokud tento postup sel₧e, p°ijm∞te skuteΦnost, ₧e ho nep°esv∞dΦφte. DokonΦete aktußlnφ projekt tak rychle jak to bude mo₧nΘ a p°φÜt∞ se tomuto konkrΘtnφmu designΘrovi vyhn∞te.

NaÜt∞stφ tento problΘm postupn∞ mizφ. Postupujφcφ profesionalizace webovΘho pr∙myslu zm∞nφ DTP pracovnφky a jinΘ designΘry ve webdesignΘry a vypudφ t∞ch n∞kolik tvrdohlav²ch, kte°φ odmφtajφ porozum∞t Webu.