Een interview met Marko Dugonjić

Marko Dugonjić is een webspecialist uit Velika Gorica, Kroatië. Hij wordt erkend als een expert op het gebied van webstandaarden en op standaarden gebaseerde websites. Door te focussen op eenvoud, creëert hij toegankelijke en gemakkelijk te gebruiken webinterfaces die zowel visueel aantrekkelijk als zeer bruikbaar zijn. Hij is ook de maker van de beroemde typetester.

1. Welkom bij Nettuts +! Stel jezelf voor! Kunt u ons vertellen waar u vandaan komt en hoe u op dit gebied bent begonnen??

Hallo, bedankt dat je me hebt gehad!

Ik ben Marko Dugonjić, webdesigner en -ontwikkelaar uit Kroatië. Mijn educatieve achtergrond ligt in de bewegingswetenschappen en ik ben vrij intiem met de problemen waar mensen met een handicap elke dag mee geconfronteerd worden. Dus raakte ik geïnteresseerd in toegankelijkheid.

In die tijd waren er maar een paar mensen in Kroatië die ooit hadden gehoord van het ontwerpen van websites met toegankelijkheid in het achterhoofd. Natuurlijk voelde ik de behoefte om die leemte in te vullen. Ik vond al snel zeldman.com en kocht zijn boek 'Design with Web Standards' en begon mensen uit het Kroatische internet voor te lichten over de waarden van webstandaarden via populaire forums. De rest is geschiedenis :)

2. Wat was de belangrijkste motivatie die je interesseerde in webdesign en -ontwikkeling?

Nieuwsgierigheid. Ik ben altijd in iets nieuws en verruim mijn horizon. Toen ik natuurkunde en scheikunde studeerde in Zagreb, studeerde ik vaak in de Nationale en Universiteitsbibliotheek. Ze hadden een gratis internetverbinding, dus als ik een pauze zou nemen, zou ik naar beneden gaan en de wonderen van internet ontdekken.

De eerste website die ik maakte was voor mijn honden. Dat was een zeer betaalbare manier om contact te leggen met fokkers en hondengeleiders van over de hele wereld. Toen, één gelegenheid, vroeg een vriend me om een ​​website te maken voor een plaatselijke kerk. Mensen vonden wat ik deed leuk, dus ze bleven maar bij me komen voor meer websites.

3. Velen van ons zijn bekend met u en uw werk, dankzij Typetester.org. Voor degenen die nog nooit van Typetester hebben gehoord, kunt u ons vertellen hoe u op het idee bent gekomen en wat uw belangrijkste motivatie achter het project was??

Toen ik als front-end ontwikkelaar bij Web.burza werkte, leverden de ontwerpers vaak PSD's die - typografisch gezien - niet identiek konden worden getransformeerd naar een browseromgeving. Letter-spatiëring was vaak anders, ook leidend. En de grootste discrepantie was lettertype-anti-aliasing.

Op een dag zei Marko Kršul, de Art Director, zoiets als: "Dit ziet er vreemd uit, zou je alsjeblieft een paar CSS-versies kunnen doen, zodat ik uit een paar opties kan kiezen?" Dus ik deed. We zijn eindelijk tot rust gekomen met een iets lichtere grijstint en een grotere lettertypegrootte dan in Photoshop.

Ik wilde mijn tijd niet verspillen met het maken van dit soort CSS-aanpassingen aan elk project, dus maakte ik een rudimentaire tool voor het testen van het type zij-aan-zij in een browser. Toen een paar anderen dit zagen, eisten ze meer functies. Ik heb deze toegevoegd en vervolgens de verlanglijst op slot gedaan. Ik ontwierp de interface, deed nog een rondje testen en omdat iedereen die het testte het begon te gebruiken in zijn proces, besloot ik het aan het publiek te geven.

Wat begon als een oefening in het ontwerp en de ontwikkeling van webtoepassingen, is voor veel mensen een nuttig hulpmiddel geworden.

4. Je bent duidelijk een liefhebber van typografie. Heb je ooit je eigen lettertype ontworpen? Zo nee, heb je plannen om er een te ontwerpen?

Haha, ik ben echt een fan van typografie ... In de muziek zijn er componisten (mensen die muziek maken) en artiesten (mensen die zingen of spelen). Ze zijn beide kunstenaars. Evenzo zijn er typografische ontwerpers en degenen die typetypesetters hebben ingesteld in de typografie. Ik ben de laatste soort. Alleen voor het web.

Maar: zeg nooit nooit.

5. De meeste mensen die ik ken, verwijzen naar u als een "CSS-goeroe"; daar word je wereldwijd voor gerespecteerd. Waar komt je liefde en passie voor CSS vandaan en waarom?

Ik zie CSS als een hulpmiddel om standaarden conforme lay-outs te bereiken. Doe geen CSS, want je houdt van CSS of voor de communitystatus. Doe het met een doel en zonder reden. Voor mij is de reden dat webstandaarden conforme gebouwde websites zijn.

Dat is geen liefde of passie. Als je aan de front-end doet wat je nodig hebt, hoef je alleen maar HTML, CSS en JavaScript onder de knie te krijgen.

Wees gepassioneerd over het resultaat, niet over de methode. Een kok beheerst haar keukenapparatuur, maar ze is gepassioneerd door de smaak van een gerecht.

Ik ben gepassioneerd over de tekstschaling in IE 6.

6. Kunt u ons vertellen wat uw definitie van webstandaarden is en hoe u erin slaagt om mee te doen aan al uw projecten??

Webstandaarden zijn een reeks aanbevelingen en richtlijnen over hoe websites moeten worden gebouwd en hoe ze technisch moeten functioneren. Ze zijn absoluut niet definitief en veranderen voortdurend - evoluerend. Dat is het mooie ervan.

Wanneer u webstandaarden als normaal beschouwt, een standaard - de manier waarop websites gewoon zouden moeten werken - dan wordt het voor u vanzelfsprekend. Je denkt er niet meer over na. U bouwt gewoon websites op de juiste manier.

Ik zie nog steeds dat ontwikkelaars zich meer zorgen maken over de validator dan semantisch correcte HTML-structuren schrijven. Het gaat niet om de validatie, het gaat om het idee - toegang door iedereen.

7. Je hebt aan een aantal interessante projecten gewerkt. Een daarvan was de nieuwe Krop-website. Vertel ons over uw verantwoordelijkheden en uw ervaringen met dit project?

Ik werk nu ongeveer twee jaar met QBN. Voor hun projecten werk ik strikt als een front-end ontwikkelaar. Het geheim van een geweldige relatie is een wederzijds begrip van de problemen van elke persoon. Mijn problemen zijn duidelijk: problemen met verschillende browsers.

QBN-projecten lopen altijd vooruit. Ik vind het leuk om daar deel van uit te maken. Het verscherpt mijn front-end vaardigheden :)

8. Kun je ons in het algemeen door je ontwerpproces leiden?

Ik heb geen proces in gang gezet, maar een paar verschillende benaderingen.

Ik begin zelden met de visuals, omdat ik sterk geloof in content-ondersteunend en niet decoratief webdesign. Ik hou ervan om eerst alles te weten over de kwestie, gebruikersbehoeften, bedrijfsdoelen etc. Dit wordt soms heuristisch gedaan en soms met echte gegevens.

Als een website via visuals een boodschap moet overbrengen, dan zou ik beginnen met het vermelden van termen en het tekenen van vereenvoudigde vormen van metaforen in mijn schetsboek, maar als ik al een behoorlijke hoeveelheid inhoud heb, begin ik de delen te schetsen en in een lijst te voorzien een sitemap.

Heel vaak heb ik een eenvoudig WordPress-thema opgezet en hoofdpagina's en paginatypen gemaakt, dus ik heb een eenvoudig prototype om mee te werken. In die fase kan ik het zelfs uploaden naar een tijdelijke server zodat klanten deze kunnen bekijken en door de site kunnen bladeren. Indien nodig worden de inhoud en de relaties tussen de secties aangepast. Deze fase is heel nuttig om de mentaliteit van de klant te verschuiven van "hoe de website eruit zal zien" naar "hoe de website zal worden gebruikt", wat erg belangrijk is voor het eindresultaat.

Wanneer ik alle inhoud heb ingesteld, open ik vervolgens Photoshop en begin ik met het afdrukken van pixels op basis van mijn papieren tekeningen.

9. Wat zijn de grootste uitdagingen waarmee je momenteel wordt geconfronteerd in webontwerp??

Mijn persoonlijke uitdaging is een gebrek aan tijd om alles te leren wat ik zou willen. Ik zou bijvoorbeeld graag bewegingsgereedschap beheersen, maar nog steeds geen tijd hebben. Misschien volgend jaar…

Over het algemeen is de grootste uitdaging het informeren van klanten over de gebruikerservaring, uitleggen waarom ze usability-tests en -beoordelingen nodig hebben en over de ware bevoegdheden van hun website of applicatie..

Veel beleggers komen naar me toe met een idee van forums en / of soortgelijke community-functies, maar ze realiseren zich zelden dat ze niet over de middelen beschikken om dit aan te pakken. Ze horen vaak het idee (of lezen een blogpost met de titel "Verhoog de inkomsten met sociaal netwerk"), maar kunnen het niet echt begrijpen of uitleggen waarom ze het nodig hebben.

10. Wat maakt het verschil tussen een webdesigner en een geweldige webdesigner? Naar jouw mening, welke kwaliteiten moet je hebben?

Grote webontwikkelaars moeten goed thuis zijn in zowel visuele tools zoals Photoshop of Flash en in HTML / CSS-editor. Omdat weblay-outs niet worden afgedrukt en vervolgens worden verzonden, kent een geweldige webontwerper haar fallback-opties en weet ze dat zodra de website is uitgebracht, de manier waarop deze wordt gebruikt, buiten haar controle ligt.

11. Werk je momenteel voor een ontwerpbureau of ben je nu fulltime freelancing??

In deze fase van mijn leven besloot ik om fulltime fulltime te werken. Ik geniet van de flexibiliteit van het freelance-schema en breng nu meer tijd door met mijn jongetjes.

Omdat het allemaal nieuw voor me is, heb ik geen waardevol advies, maar tot nu toe vind ik het leuk. Ik werk veel sneller en ben over het algemeen meer tevreden met de resultaten.

12. We kregen de kans om je op Web.start 2008 te horen, waar we het hadden over de gebruikerservaring. Kun je ons het antwoord geven op de magische vraag: "Wat wil de gebruiker?"

Het korte antwoord is: probeer het uit te zoeken voor elk project.

Het lange antwoord is: leer zoveel mogelijk om heuristische conclusies te leveren; useit.com en Steve Krug's boek "Do not Make Me Think" zijn een goed begin. Voer vervolgens gebruikerstests uit, afhankelijk van de schaal van het project. Tegenwoordig zijn er tal van methoden om gebruikers te testen - en toepassingen zoals Silverback stellen u in staat om een ​​mini-bruikbaarheid testfaciliteit voor elk project in te stellen.

In mijn ervaring willen gebruikers het snel, eenvoudig en begrijpelijk, maar toch interessant, aantrekkelijk en aantrekkelijk. Omdat het aantrekkelijk moet zijn, werkt "bruikbare" Verdana 16px # 000 op #fff niet overal.

13. Hoe zie je het web over tien jaar??

In de nabije toekomst zal browser waarschijnlijk OS vervangen voor de gemiddelde Jane-gebruiker, en met een drastische toename in verbindingssnelheid zullen alle inhoud en applicaties online zijn. Browser wordt de interface.

Mobiel is het nieuwe bureaublad.

14. Welke activiteiten en hobby's geniet u wanneer u niet bezig bent met het ontwerpen van de computer?

Mijn belangrijkste offline activiteit is tijd doorbrengen met mijn gezin - inclusief het bouwen van LEGO-steden, spelen met klei, tekenen met kleurpotloden, enz. We hebben ook een hond, dus ik breng elke dag elke dag wat buiten door.

Ik geef Aikido voor kinderen. Kon ik maar een snowboard Pro worden.

15. Heeft u websites of projecten die u schaamteloos wilt aansluiten op 40.000 abonnees en 1 miljoen lezers per maand??

Ik sta erop! :)

  • Ik heb onlangs een nieuwe "servicelijn" toegevoegd - interne training en consultancy voor agentschappen en organisaties. Er zijn ook plannen om in de nabije toekomst openbare opleidingen te organiseren. Meer details zullen binnenkort bekend worden gemaakt.
  • Volg me op Twitter; de laatste tijd zend ik zelden via andere kanalen uit.

16. Nogmaals bedankt voor het aanbieden van Nettuts + om u te interviewen. Alle laatste gedachten voor onze lezers?

Ik zeg altijd tegen mijn kinderen: stop nooit met leren en vergeet niet te oefenen wat je hebt geleerd.

  • Volg ons op Twitter, of abonneer je op de NETTUTS RSS-feed voor meer dagelijkse webontwikkelingen, tuts en artikelen.