designa en portal hemsida (en sida som fungerar som en dörröppning till en stor mängd innehåll) kan vara en extremt utmanande webbdesign projekt. Portalens karaktär innebär att Hemsidan ständigt förändras och är full av länkar och innehåll. Tricket att utforma en tillgänglig och lättanvänd portalsida är att skapa en webbplatslayout som underlättar frekvent innehållsändring, men förblir konsekvent utformad för att underlätta läsning och navigering. Om du inte får det rätt kan du sluta med en rörig sida som är svår att läsa. Den goda nyheten är att Webbdesignexperterna på Michael Bell One har lång erfarenhet av att designa portalwebbplatser för skolor, företag och statliga institutioner, inklusive East Sussex County Councils innovativa tjänster till skolans onlinebeställningssystem. Läs vidare för att upptäcka några av de viktigaste faktorerna som vi anser när man utformar portal webbplatser …
Portal webbdesign: Layout
när man överväger hur man bäst att närma sig en portal webbdesign, vi börjar i allmänhet med layouten. Om vi utformar en sida som kommer att vara full av länkar och information använder vi vanligtvis så mycket av sidbredden som möjligt genom att eliminera vänstra marginaler och onödiga mellanslag. Naturligtvis, eftersom responsiv webbdesign är kärnan i allt vi gör, skulle vi också utnyttja utrymmet optimalt oavsett vilken enhet webbplatsen visas på. Dessutom fungerar centrumjusterande innehåll och grafik på en portalsida aldrig riktigt bra, eftersom användare tenderar att börja läsa längst upp till vänster och skanna snabbt ner till höger.
den bästa metoden för webbdesign är att använda rutor och former för att dela upp sidan i lättlästa bitar. Vi brukar använda en kombination av långa grå rektanglar, fyrkantiga paneler med ljusare färger för nyhetssektioner och tidningskolumner för samhälls-och fritidsinformation. Ett litet, djärvt teckensnitt (10px Verdana) tenderar att fungera bra med den här typen av sidavsnitt och sticker ut mot bakgrundsfärgerna och formerna. Länkar markeras ofta i välbekanta nyanser av blått och orange, med ikoner som ibland används för att ge användaren ytterligare visuell information om vad som händer när de klickar på en länk.
ta reda på hur vi kan hjälpa
Portal webbdesign: Bakgrunds
nästa uppenbara designelement att tänka på är bakgrundsbilder och färger. Att använda en subtil pastellfärgad bakgrund är ett bra sätt att ge lite textur och djup till portalsidan, men om bakgrunden är för upptagen eller har för mycket färg och skugga kan det sluta se ut som en webbplats från 1990-talet. Saker blir mer problematiska när färgerna som sitter ovanpå portalbakgrunden är för starka. Ett typiskt exempel på detta är när vi har till uppgift att omforma portalwebbplatser som använder stora mängder cyan. Vissa färger fungerar helt enkelt inte på datorskärmar, cyan är en av dem. Att använda den som en accentfärg kan vara ganska effektiv, men att täcka stora delar av webbsidan med den kan leda till problem med läsbarhet.
för portalwebbplatslayouter är det ofta bra att använda bleka bakgrunder med mörk text, eller enstaka mörk bakgrund med blek text – tillsammans med ofter toner över kraftigt mättade. Från vår mångåriga erfarenhet av att utforma informations tunga webbplatser, tenderar vi att finna att använda blues och grått som starka färger tenderar att vara extremt effektiva på nyheter och portal webbplatser, eftersom de är lättare för ögat och ger bättre kontrast för en mer bekväm läsupplevelse.
Portal webbdesign: grafik och bilder
noggrant övervägande ges till hur vi använder grafik och bilder. Om en logotyp är dåligt utformad eller bilderna är för små eller är felaktigt anpassade till texten kan det göra att portalens webbsida ser obalanserad och oorganiserad ut, såväl som oprofessionell. Eftersom varumärkesstrategidesign är hörnstenen i vår digitala designverksamhet, vet vi hur man utformar logotyper och grafiska element som inte bara anpassar sig till ditt innehåll utan också anpassar sig till din målgrupps önskemål och behov.
när vi utformar portalwebbplatslayouter strävar vi också efter att hålla ytterligare element som jQuery news scrollers och sliders till ett minimum. Även om dessa i allmänhet fungerar mycket bra kan de ha en negativ effekt på sidladdningstider och kan orsaka sidfel eller flimmer. Det är bättre att ha en dedikerad nyhetspanel med vanlig HTML för läsbarhetens skull, men också för att rullningstext kan distrahera sidinnehållet på samma sätt som bannerannonser eller animerad grafik ofta gör.
vårt yttersta mål när vi utformar portalwebbplatslayouter är att skapa ett responsivt, tillgängligt och lättanvänt informationsnav som inte bara ser bra ut utan också enkelt kan förmedla en stor mängd information till sina läsare. För att uppnå detta finner vi i allmänhet att en webblayout i tidskriftsstil fungerar bra. Det kan vara en väl använd formel, men det beror på att det är ett extremt effektivt sätt att förmedla information snabbt och effektivt.
ta reda på hur vi kan hjälpa
topp fem Tips för en polerad Portal webbplats
effektivitet
om du behöver en hel del innehåll på en sida, minska marginaler och gränser för att återta varje reserv pixel för användning med innehållet. Bryt din layout i paneler och placera dem cirka 10 pixlar från varandra. Använd fin linjearbete och små djärva teckensnitt och ge panelerna 10-15 pixlar intern stoppning för att hålla texten borta från kanterna.
ingen bakgrundsbild
Bakgrundsbilder är bra, men var försiktig med hur du använder dem. Om de är för upptagna eller upprepar för mycket ser slutresultatet bara rörigt ut. Var särskilt försiktig för att undvika präglade bilder när du utformar portalwebbplatsgrafik; enkel 2D-webbgrafik ser mycket renare och mer professionell ut. Kom alltid ihåg att bakgrunden aldrig ska tävla om visuell uppmärksamhet med förgrunden – särskilt på informationswebbplatser.
en portalsida betyder att den är full av länkar. De flesta portaler är dock uppdelade i underavsnitt och dessa bör alltid vara lättillgängliga via en framträdande navigeringsfält. Försök att placera dessa länkar högst upp på sidan eller längst ner på vänster sida och upprepa dem i vanlig text vid foten av sidan för extra idiotsäkring.
lugna färger
färg är en grundläggande del av gränssnittsdesign, och att designa en portalwebbplats är inte annorlunda. Undvik att använda ljusa, mättade färger som cyan. om du gillar ljusa färger prova dem på 10-20% om de är i bakgrunden, eller använda dem som accentfärger för undertexter, länkar och CSS rollovers. Försök att använda dämpade färger för lådor och bakgrunder: greys fungerar bra med praktiskt taget alla färgscheman.
Undvik Gizmos
varje webbdesigner älskar jQuery; det är ett fantastiskt JavaScript-bibliotek och vi använder det med stor effekt på många e-handel webbdesigner och CMS-webbplatser, men det betyder inte att det ska användas på varje webbplats. JavaScript widgets och scrollers kan sakta ner webbsidor och kan orsaka problem med äldre webbläsare. De kan också se lite klibbig om överutnyttjas. Om det du har att säga är viktigt, bör du säga det tydligt och säkert utan att rulla det förbi användaren som den röda prickade LED-displayen på ditt lokala postkontor.
att designa en portalwebbplats är enkelt; att designa en bra portalwebbplats är svårt. Det kräver erfarenhet, kreativitet och design talang för att skapa en informationsresurs som är informativ samtidigt som den är tillgänglig och intuitiv att använda. Så om din skola, samhällsorganisation eller företag skulle dra nytta av en vackert utformad, lyhörd och tillgänglig portal webbdesign, kontakta Michael Bell One idag för att diskutera ditt projekt.
om Michael Bell One
Michael Bell One är en webbdesign, SEO (sökmotoroptimering) och digital marknadsföringsbyrå baserad i Lewes, East Sussex, och med kontor i Sussex, Surrey, London och Kent.
för att prata med oss om din webbdesign, SEO eller Branding projekt, Kontakta James Golding på 01273 478822 eller helt enkelt skicka ett mail istället.
