het ontwerpen van een portaalwebsite homepage (een pagina die fungeert als een doorgang naar een grote hoeveelheid inhoud) kan een zeer uitdagend webdesignproject zijn. De aard van een portal betekent dat de homepage voortdurend verandert en vol zit met links en inhoud. De truc om een toegankelijke en eenvoudig te gebruiken portaalpagina te ontwerpen is om een website-lay-out te maken die frequente inhoudsverandering faciliteert, maar consequent gestileerd blijft voor leesgemak en navigatie. Als je het niet goed, kunt u eindigen met een rommelige pagina die is moeilijk te lezen. Het goede nieuws is, de web design experts bij Michael Bell one hebben uitgebreide ervaring met het ontwerpen van portal websites voor scholen, bedrijven en overheidsinstellingen, met inbegrip van East Sussex County Council ‘ s innovatieve diensten aan scholen online bestellen systeem. Lees verder om enkele van de belangrijkste factoren te ontdekken die we overwegen bij het ontwerpen van portaalwebsites…
portaalwebsite ontwerp: lay-out
wanneer we overwegen hoe we een portaalwebsite ontwerp het beste kunnen benaderen, beginnen we over het algemeen met de lay-out. Als we een pagina ontwerpen die vol staat met links en informatie, gebruiken we meestal zoveel mogelijk van de paginabreedte door linkermarges en onnodige spaties te elimineren. Natuurlijk, als responsive web design is de kern van alles wat we doen, zouden we ook optimaal gebruik maken van de ruimte, ongeacht het apparaat dat de website wordt bekeken op. Ook, centre-aligning content en afbeeldingen op een portal pagina werkt nooit echt goed, als gebruikers de neiging om te beginnen met lezen aan de linkerbovenhoek en scannen snel naar beneden naar rechtsonder.
de beste aanpak voor webdesign van Portals is om dozen en vormen te gebruiken om de pagina op te splitsen in gemakkelijk leesbare stukjes. We gebruiken meestal een combinatie van lange grijze rechthoeken, vierkante panelen met lichtere kleuren voor nieuwsrubrieken en columns in tijdschriftstijl voor community-en vrijetijdsinformatie. Een klein, vet lettertype (10px Verdana) heeft de neiging om goed te werken met dit soort pagina secties en valt op tegen de achtergrondkleuren en vormen. Links worden vaak gemarkeerd in bekende tinten blauw en oranje, met pictogrammen soms gebruikt om de gebruiker te voorzien van extra visuele informatie over wat er zal gebeuren wanneer ze klikken op een link.
ontdek hoe we kunnen helpen
portaalwebsite Design: Background ‘ s
de volgende voor de hand liggende ontwerpelementen zijn achtergrondafbeeldingen en kleuren. Het gebruik van een subtiele, pastelkleurige achtergrond is een goede manier om wat textuur en diepte te geven aan de portaalpagina, maar als de achtergrond te druk is of te veel kleur en schaduw heeft, kan het eindigen als een website uit de jaren negentig. het wordt problematischer als de kleuren die bovenop de portaalachtergrond zitten te sterk zijn. Een typisch voorbeeld hiervan is wanneer we worden belast met het opnieuw ontwerpen van portal websites die grote hoeveelheden cyaan gebruiken. Sommige kleuren werken gewoon niet op computerschermen, cyaan is een van hen. Het gebruik van het als een accentkleur kan heel effectief zijn, maar het behandelen van grote delen van de webpagina met het kan leiden tot problemen met de leesbaarheid.
voor lay – outs van portaalwebsites is het vaak een goed idee om bleke achtergronden met donkere tekst te gebruiken, of af en toe een donkere achtergrond met bleke tekst-samen met vaak meer tonen dan zwaar verzadigde. Uit onze jarenlange ervaring met het ontwerpen van informatie-zware websites, hebben we de neiging om te vinden dat het gebruik van blauw en grijs als sterke kleuren heeft de neiging om zeer effectief te zijn op nieuws-en portaalsites, omdat ze gemakkelijker zijn voor het oog en zorgen voor een beter contrast voor een meer comfortabele leeservaring.
portaalwebsite Design: Graphics And Images
er wordt zorgvuldig nagedacht over de manier waarop we afbeeldingen en afbeeldingen gebruiken. Als een logo slecht is ontworpen of de afbeeldingen te klein zijn of onjuist zijn uitgelijnd met de tekst, kan het ervoor zorgen dat de webpagina van het portaal er onevenwichtig en ongeorganiseerd uitziet, evenals onprofessioneel. Omdat brand strategy design de hoeksteen is van onze digital design business, weten we hoe we logo ‘ s en grafische elementen moeten ontwerpen die niet alleen aansluiten bij uw content, maar ook aansluiten bij de wensen en behoeften van uw doelgroep.
bij het ontwerpen van Portal website lay-outs, streven we er ook naar om extra elementen zoals jQuery nieuws scrollers en sliders tot een minimum te beperken. Hoewel deze over het algemeen erg goed werken, kunnen ze een negatief effect hebben op de laadtijden van pagina ‘ s en kunnen ze pagina-fouten of flikkeringen veroorzaken. Het is beter om een speciaal nieuwspaneel te hebben dat gewone HTML gebruikt omwille van de leesbaarheid, maar ook omdat scrollende tekst kan afleiden van de pagina-inhoud op dezelfde manier als banneradvertenties of geanimeerde afbeeldingen vaak doen.
ons uiteindelijke doel bij het ontwerpen van portaalwebsite-lay-outs is het creëren van een responsieve, toegankelijke en eenvoudig te gebruiken informatiehub die er niet alleen geweldig uitziet, maar ook in staat is om moeiteloos een grote hoeveelheid informatie over te brengen aan zijn lezers. Om dit te bereiken, vinden we over het algemeen dat een tijdschrift-stijl portal webpagina lay-out werkt goed. Het kan een goed gebruikte formule zijn, maar dat komt omdat het een uiterst effectieve manier is om informatie snel en efficiënt over te brengen.
ontdek hoe we u kunnen helpen
top vijf Tips voor een gepolijste portaalsite
efficiëntie
als u veel inhoud op één pagina nodig hebt, verminder dan marges en randen om elke reservepixel terug te winnen voor gebruik met de inhoud. Breek uw lay-out in panelen en spatie ze ongeveer 10 pixels uit elkaar. Gebruik fijne lijnwerk en kleine vetgedrukte lettertypen, en geef de panelen 10-15 pixel interne opvulling om de tekst uit de buurt van de randen te houden.
geen achtergrond
achtergrondafbeeldingen zijn prima, maar wees voorzichtig met het gebruik ervan. Als ze te druk zijn of te veel herhalen, ziet het eindresultaat er gewoon rommelig uit. Wees extra voorzichtig om reliëf afbeeldingen te vermijden bij het ontwerpen van Portal website graphics; eenvoudige 2D web graphics zien er veel schoner en professioneler uit. Onthoud altijd dat de achtergrond nooit mag wedijveren om visuele aandacht met de voorgrond-vooral op informatiewebsites.
de aard van een portaalpagina betekent dat het vol met links is. Echter, de meeste portals zijn opgesplitst in subsecties en deze moeten altijd gemakkelijk toegankelijk zijn via een prominente navigatiebalk. Probeer deze links bovenaan de pagina of onderaan de linkerkant te plaatsen en herhaal ze in platte tekst aan de voet van de pagina voor extra idiot-proofing.
kalme kleuren
kleur is een fundamenteel onderdeel van interfaceontwerp, en het ontwerpen van een portaalwebsite is niet anders. Vermijd het gebruik van heldere, verzadigde kleuren zoals cyaan. als je van felle kleuren houdt, probeer ze dan op 10-20% als ze op de achtergrond staan, of gebruik ze als accentkleuren voor ondertitels, links en CSS-rollovers. Probeer gedempte kleuren te gebruiken voor dozen en achtergronden: grijzen werken goed met vrijwel elk kleurenschema.
vermijd Gizmos
elke webdesigner houdt van jQuery; het is een fantastische JavaScript-bibliotheek en we gebruiken het met groot effect op veel e-commerce webdesigns en CMS-websites, maar dat betekent niet dat het op elke website moet worden gebruikt. JavaScript-widgets en scrollers kunnen webpagina ‘ s vertragen en kunnen problemen veroorzaken met oudere webbrowsers. Ze kunnen er ook een beetje plakkerig uitzien als ze te veel gebruikt worden. Als wat je te zeggen hebt belangrijk is, moet je het duidelijk en vol vertrouwen zeggen zonder het langs de gebruiker te scrollen, zoals het rode LED-display op uw lokale postkantoor.
het ontwerpen van een portaalwebsite is eenvoudig; het ontwerpen van een grote portaalwebsite is moeilijk. Het vereist ervaring, creativiteit en ontwerptalent om een informatiebron te creëren die informatief is en tegelijkertijd toegankelijk en intuïtief te gebruiken blijft. Dus als uw school, gemeenschapsorganisatie of bedrijf zou profiteren van een prachtig ontworpen, responsief en toegankelijk portaal website ontwerp, contact opnemen met Michael Bell One vandaag om uw project te bespreken.Michael Bell One is een webdesignbureau, SEO (Search Engine Optimisation) en digitaal marketingbureau gevestigd in Lewes, East Sussex, en met kantoren in Sussex, Surrey, Londen en Kent.
om met ons te praten over uw webdesign, SEO of Branding project, neem contact op met James Golding op 01273 478822 of stuur ons gewoon een e-mail in plaats daarvan.
