Gedetailleerde planning web site nuttige tips en notities over hoe je een website-ontwerp


  Share  
|


Het storyboard is de blauwdruk voor uw site, maar er zijn veel stappen te nemen voordat u de bouw kan beginnen. In Web ontwikkeling moet de meerderheid van de tijd worden besteed in de planning.

  • • Gedetailleerde planning van uw site voordat een regel code is ooit geschreven
  • • Inhoud richtsnoeren
  • • Tekst richtsnoeren
  • • Kleur richtsnoeren
  • • Navigatie richtsnoeren
  • • Grafische richtlijnen
  • • Visuele richtsnoeren
  • • Overige richtlijnen.

Gedetailleerde Web Site Planning

. In het algemeen u (ja, u) zal de ontwikkeling van het eerste ontwerp van de tekst voor elke pagina. Je weet dat je doelgroep het best je weten wat hen te kopen, weet je wat ze willen, weet je de buzz woorden voor uw branche veel beter dan uw web ontwikkelaar.

De volgende stap is om deze tekst zijn herzien en geredigeerd door een online copywriter. Online copywriters hebben meestal een achtergrond in de reclame, waar ze leren om de boodschap in zo weinig mogelijk woorden. Ze weten hoe de aandacht van de lezer te grijpen. Internet-gebruikers willen niet te lezen pagina's en pagina's ze willen krijgen wat ze zoeken snel. De tekst moet kort, to the point, en geschreven zodat deze eenvoudig kan worden gescand.

Zodra de online copywriter zijn magie heeft gedaan, wordt u gecontroleerd en goedgekeurd. U wilt er zeker van dat alleen de vorm, niet de stof is gewijzigd.

De volgende stap is om de inhoud hebben beoordeeld en geredigeerd door een internet-marketeer iemand die ervaring heeft in zoekmachines en hun positionering criteria als herhalen verkeer generatoren en virale en permission marketing. De Internet marketeer zal bekijken en bewerken van de tekst en afbeeldingen, opnieuw ervoor te zorgen dat de zoekwoorden die worden gebruikt in de geschikte plaatsen voor een hoge zoekmachine ranking. Er is een echte wetenschap bij. Het sleutelwoord is toegewezen aan een bepaalde pagina, moeten naar behoren worden gebruikt in de pagina titel, de tekst in de pagina, de meta-tags voor zoekwoord en beschrijving, de headers, de Alt tags, en de opmerkingen tags. Marketeer Het internet ontwikkelt zich meestal de inhoud voor deze labels, titels en koppen op dit punt. Soms is de Internet marketing wordt afgehandeld door het team van uw web ontwikkelaar en soms is het een aparte uitbestede activiteit.

Internet marketeer zorgt er ook voor dat u de juiste herhalen verkeer generatoren, passende permission marketing technieken, en passende virale marketing technieken gebruikt. Nogmaals, moet u aan en de veranderingen om ervoor te zorgen dat uw boodschap is nog steeds op passende wijze gepresenteerd voor uw doelgroep goed te keuren.

De volgende stap is het grafisch ontwerp. Soms is de grafisch ontwerper is onderdeel van uw Web development team en soms deze activiteit wordt uitbesteed. De grafisch ontwerper ontwikkelt de "look and feel 'van uw site-de navigatiebalk, de achtergrond en het scheidingsteken bars. De grafisch ontwerper weet dat uw online en offline huisstijl moeten in overeenstemming zijn. Nogmaals, je beoordeling en goedkeuren van de grafische vormgeving. Zodra dit allemaal gedaan is, en alles is gecontroleerd en goedgekeurd, bent u klaar voor de programmering om te beginnen.

Content Notes

Maak uw contact informatie gemakkelijk beschikbaar. Neem contact met inbegrip van informatie op elke pagina. Dit omvat uw adres, telefoon-en faxnummers, en met name uw e-mail adres. Maak het gemakkelijk voor mensen om contact met u op.

Vermijd "Under Construction" pagina's op uw site, ze zijn van geen waarde voor de bezoeker. Als u informatie hebt, post it. Tot dan, don't mention it. "Under Construction" daadwerkelijk kan uw zoekmachine plaatsing belemmeren met enkele van de populaire zoekmachines en directories. Opnemen veiligheid informatie. Leg aan uw klanten wanneer transacties of de uitwisseling van informatie op uw website veilig zijn. Dit is belangrijk als uw site zal accepteren credit card bestellingen.

Neem uw privacy beleid. Vertel de mensen hoe hun persoonlijke gegevens (zoals hun naam, e-mail adres, enz.) en zal niet gebruikt zal worden. Dit maakt bezoekers meer comfortabel onderzoek aan het indienen van uw site of uw e-mail lijst toetreden.

Beperk het gebruik van achtergrond geluiden en autoplay geluiden. Sommige mensen surfen op het web uit hun ambt op het werk en wil discreet te gaan van de ene site naar de volgende. Achtergrond geluiden en geluiden die belasting automatisch compromis hun discretie. Geef uw bezoekers de mogelijkheid om naar een geluid luistert, maar niet van kracht op hen.

Tekst Notes

De toon van de tekst en de vormgeving van uw grafische brengt uw beoogde imago. Bij het bepalen van de tekst van uw site, worden geest ful van het feit dat je eigen vooroordelen die u zich kan verzetten tegen het plaatsen van informatie op uw site die tweede is natuur voor u, maar belangrijk voor uw bezoekers. Review alle tekst inhoud op uw site om ervoor te zorgen dat je niet iets van cruciaal belang weggelaten.

Ook houden de tekst kort. Bijna 80 procent van de webgebruikers scan tekst online in tegenstelling tot echt lezen. Daarom, maak uw belangrijkste punten snel en bondig, en veel gebruik maken van lijsten met opsommingstekens, headers en horizontale regels te creëren visuele onderbrekingen in de inhoud. Dit houdt bezoekers genoeg om de informatie op uw site te lezen geïnteresseerd. Als ze worden geconfronteerd met enorme blokken tekst, zijn de meeste bezoekers overweldigd door de hoeveelheid van de informatie en zijn te geïntimideerd om uw bericht te lezen. Schrijf voor scannability.

Do not set uw tekst maat te klein, omdat dit te moeilijk is om te lezen. Maar zet dat niet te groot, omdat dit lijkt alsof je schreeuwen. Ook vermijd het gebruik van HOOFDLETTERS, DIE OOK komt over als schreeuwen.

Color Notes

Houd uw online en offline beeld consistent. Wees consistent met uw gebruik van logo's, corporate kleuren en andere marketingmateriaal geassocieerd met uw bedrijf.

Kies je achtergrond en lettertype kleuren zorgvuldig. Met behulp van achtergronden die te druk zijn onduidelijk uw tekst en niet voorzien in een aangename kijkervaring voor uw bezoekers. Alleen bepaalde kleuren correct worden weergegeven op bepaalde achtergronden. Een lichte achtergrond met donkere tekst is gemakkelijkst op de ogen.

Witte tekst geeft het beste op zwarte achtergronden, en zwarte tekst is het meest leesbaar op een witte achtergrond. Natuurlijk kunt u gebruik maken van andere kleurenschema's, maar kies je zorgvuldig de regeling, zoals vermeld. Er is niets erger dan een website die onleesbaar is. Ook worden mensen zich ervan bewust dat sommige pagina's kunnen afdrukken vanaf uw site. Als u een grote hoeveelheid van uw tekst op te nemen in de werkelijke afbeeldingen op uw site, kan de tekst moeilijk te lezen wanneer ze worden afgedrukt. Ook grafisch-intensieve websites laden langzamer. Als u de tekst van de inhoud op te nemen in uw graphics, er zeker van zijn dat het verstandig is om dat te doen.

Gebruik de standaard kleuren voor links waar mogelijk. Blauwe tekst geeft meestal een niet-bezochte link. Paars, kastanjebruin, of donkerder blauw meestal vertegenwoordigt een link die je hebt bezocht, en rood is de kleur van een actieve link. Het moet niet moeilijk zijn voor bezoekers te identificeren uw links. Als u besluit niet aan de standaard kleuren gebruiken, moet je links worden gewezen op een consistente wijze door lettergrootte, lettertype, of onderstreept.

Navigatie Notes

Gemak van de navigatie is erg belangrijk voor uw site. Geef een navigatiebalk op een consistente locatie op elke pagina die links naar alle belangrijke pagina's van uw site. Maak het gemakkelijk om van de ene pagina naar de andere. Zoekmachines kunnen indexeren elke pagina van uw site, zodat uw startpagina misschien niet de eerste pagina bezoekers komen. Nooit heb dode eindigt waar kijkers scroll naar beneden een scherm of twee van informatie alleen te vinden dat ze allemaal de weg moet ga terug naar de top om verder te gaan (want je hebt geen links aan de onderkant van de pagina). Een consistente uitziende en wellpositioned navigatiebalk met werkende links is de sleutel tot een efficiënte site navigatie.

Uw bezoekers moeten in staat zijn om overal te krijgen die ze willen gaan op uw site in drie klikken of minder. Ontwikkelen van een effectief navigatiebalk zoals eerder beschreven. Voor zeer grote sites (dat wil zeggen, sites met meer dan acht tot tien grote afdelingen), is het een goed idee zijn om een site kaart die gebruikers kunnen toegang vanaf elke pagina in uw site. Site-kaarten, zoals weergegeven in Site kaarten maken het gemakkelijk voor gebruikers om toegang tot de informatie die ze zoeken zonder dat ze veel frustratie. Include a link van uw belangrijkste navigatiebalk op de site kaart voor een zo gemakkelijk mogelijke referentie. Site-kaarten zijn geweldig voor indiening bij de zoekmachines als ze links naar elke pagina van uw website waarborgen bieden, zoveel mogelijk, dat elke pagina van uw site wordt opgenomen in de database van de zoekmachines. "

Een extra functie die u zou willen opnemen is een interne zoekfunctie. Hierdoor kunnen gebruikers hun zoekopdracht invoeren en alle relevante wedstrijden terug, op basis van hun zoekopdracht hebben. Dit is een bijzonder handige functie als u veel producten verkopen rechtstreeks op uw website of als uw site bevat vele pagina's van de inhoud. Het laat de gebruiker toe om snel te zoeken naar het gewenste item of informatie gebruik van de naam van het product of een relevant trefwoord. Intel, de chip fabrikant, exploiteert meerdere sites en biedt tal van producten en diensten. Om gebruikers vinden de informatie die zij zoekt, heeft Intel een nuttig geïntegreerde zoekfunctie. Houd het ontwerp van uw site consistent. Font typen, kopteksten, voetteksten, navigatie-bars, knoppen, bullets, kleuren, enzovoort, moeten in overeenstemming zijn door de hele site te onderhouden een gepolijste, professionele uitstraling.

Graphics Notes

Grafische dat te veel tijd om te downloaden kan bezoekers naar uw site te verlaten voordat ze een kans om het te zien krijgen. De gecombineerde grootte van de tekst en afbeeldingen op een webpagina niet hoger zijn dan 50 KB. Sommige mensen zetten graphics uit in hun browser om tijd te besparen, dus je moet al je informatie in tekst als afbeeldingen. Gebruik beschrijvende alt-attributen in uw afbeelding tags. De Alt tekst wordt geladen in plaats van de beelden bij de afbeelding niet wordt weergegeven om welke reden. Bezoekers die ervoor kiezen niet te bladeren met grafische ingeschakeld zal een gemakkelijkere tijd navigeren uw site. Ook is Alt tekst spidered en geïndexeerd door veel van de belangrijkste zoekmachines. Gebruik zoekwoorden in uw alt-tekst in de afbeelding tags zullen verbeteren van uw ranking in zoekmachines en zal een beschrijving van de beelden in het geval dat ze niet worden geladen. Als u grote bestanden voor graphics, audio of video, gebruik waarschuwen uw bezoekers door middel van een tekst met vermelding van de grootte van de bestanden.

Gebruik thumbnail graphics indien van toepassing. Wanneer u een pagina met veel grote afbeeldingen (bijvoorbeeld, een online foto-collectie), maak kleine "miniatuur" versies van elke afbeelding en bezoekers de mogelijkheid bieden door te klikken naar de grotere versies. Dit is veel beter dan het maken van uw bezoekers wachten op een reeks van grote beelden te laden.

Je moet voorzichtig met uw gebruik van image maps ook. Image maps zijn groot graphics met klikbare "hot spots." Image maps doorgaans worden gebruikt voor navigatie en hebben meestal tekst ingebed in de afbeelding. Zoekmachines kunnen niet lezen tekst ingebed in een afbeelding, zodat vanuit het oogpunt van zoekmachine vriendelijkheid, als je gebruik maakt image maps altijd voor zorgen dat u uw passende tekst en Alt tags voor de zoekmachine.

Heel vaak, wanneer een grote afbeelding wordt gebruikt voor een afbeelding kaart, bezoekers moeten wachten tot de gehele afbeelding te laden voordat het duidelijk is waar zij moet klikken om te beginnen met navigeren op een site. In plaats van een grote afbeelding kaart, breken van het beeld in kleinere beelden, zodat bezoekers sneller ontvangen feedback van uw website zonder te hoeven wachten voor een enorme afbeelding om te laden. Ook altijd een alternatieve tekst link navigatie systeem om mensen te helpen die surfen met hun grafische uitgeschakeld.

Visual Notes

Controleer uw site met verschillende browsers. Wat de kijkers zien wanneer uw site wordt gedownload, hangt af van de browser die ze gebruiken. Verschillende browsers geven dezelfde website anders. Voordat u uw site on-line, check uw site met de meest populaire browsers:

  • • Netscape Navigator 7.x
  • • Netscape Navigator 6.x
  • • Netscape Navigator 4.x
  • • Opera Browser
  • • Mozilla Firefox
  • • Microsoft Internet Explorer 7.x
  • • Microsoft Internet Explorer 6.x
  • • Microsoft Internet Explorer 5.x
  • • Microsoft Internet Explorer 4.x
  • • America Online 9.x
  • • America Online 8.x.

Zorg er ook voor dat u uw site toetsing van zowel een Mac en een PC als soms je website ziet er anders uit, afhankelijk van het platform. Ontwerp uw website scherm voor verschillende breedtes. Probeer de bezoekers, ongeacht de scherm resolutie ze gebruiken te vangen. Sommige Web-gebruikers nog steeds hun systemen draaien van 640 pixels bij 480 pixels; dit in het achterhoofd houden bij het ontwerpen van uw site. Gebruik uw web traffic analysis software om de schermresolutie voorkeuren van uw bezoekers te bepalen. Uw website moet sturen duidelijk van scrollen tent tekst. Scrollen tenten zijn moeilijk te lezen en zijn niet compatibel met alle browsers. Simpelweg post tekst rechtstreeks op uw pagina's als je iets belangrijks te zeggen hebben.

Andere Notes

Uw startpagina moet 50 KB of minder en moet worden weergegeven op niet meer dan een of twee schermen. Studies hebben aangetoond dat de bezoekers zelden wachten dan 15 seconden om een site te downloaden. Test de downloadtijd van uw site met verschillende verbindingssnelheden ervoor te zorgen dat het redelijk is voor alle gebruikers. Vermijd ook dode links. Dit zijn links die niet overal gaan en de kijker krijgt meestal een "404-Bestand niet gevonden 'foutmelding van de webserver na het klikken op een dode link. Controleer regelmatig dat al uw links zijn nog steeds actief.

een artikel afkomstig van Dr Walter Smith


Share  

© 2005-2010 E-articles.info All Rights Reserved - Terms and conditions