Usability en navigatie: How to Make it Work

Share

|

Usability definieert bepaalde principes volgens welke de website moet worden aangelegd, gestructureerd en genavigeerd. Het is hoe gemakkelijk en eenvoudig de website lijkt een bezoeker.

Helaas kunnen veel websites niet worden beschouwd als het nut en de druk uit tal van potentiële klanten, alleen maar omdat het moeilijk is om een menu te vinden, of een product prijslijst, of om te navigeren door de verschillende secties. Deze zoek kleine lacunes soms blijken echt kritisch zijn, vooral voor kleine bedrijven, en hebben geen recht om te blijven niet vastgelegde. Het is geweldig als je hard hebben gewerkt aan de functionaliteit, maar wat is het gebruik ervan als niemand zal willen werken met de site, omdat het lastig of lelijk? Elke web project moet goed worden geoptimaliseerd voor zoekmachines en aan de andere kant is zeer eenvoudig te navigeren, duidelijk en gemakkelijk te gebruiken.

Volgende tips zullen u laten weten wat om naar te kijken als je het testen van uw website voor bruikbaarheid. Het is erg belangrijk dat u gebruik maken van een slimme bruikbaarheid aanpak bij de ontwikkeling van uw website voordat op het moment van het samenstellen van een technische eisen.

Inhoud

Ik denk dat werken met een project begint met inhoud. Content definieert een website structuur, en de structuur bepaalt de manier waarop een website zal worden genavigeerd. Duidelijke en eenvoudige navigatie vereist bepaalde grafische en technische oplossingen. Inhoud geeft altijd de meest efficiënte weg naar het opbouwen van een project.

Eerst al uw inhoud op een papier in een duidelijke en logische volgorde. Als dit is een online winkel, is het vrij gemakkelijk om te begrijpen wat de eerste plaats komt en wat volgt. Op elk niveau van de bezoekers van uw site moeten absoluut zeker zijn over drie dingen: waar ze zijn, waar ze vandaan komen heb, en waar ze naartoe. Uw klanten moeten een klik verwijderd van de pagina waar zij ofwel informatie die zij nodig vinden of te begrijpen wat ze moeten doen om tot deze informatie.

Je moet denken als een eerste keer bezoeker. Bijvoorbeeld, als uw producten zeep, body wash gels, evenals kaarsen en je gelooft dat zeep is een sectie en kaarsen en gels is een andere, tonen niet aan uw bezoeker kaarsen eerst op de pagina een link naar die naam "Body Wash gels". Wees niet verwarrend ooit, want de enige verwarring kan kost je een enorm stuk van het bedrijfsleven.

Een van de fouten is om zo veel mogelijk informatie op een pagina als je kan. Maximum aantal klikken om te scrollen op de pagina met zakelijke informatie is 3. Idealiter uw bezoeker klikt u slechts eenmaal te krijgen tot alle belangrijke informatie in een sectie. Als alle informatie die u wil uw bezoeker niet aan deze eis te geven, je hebt om het te splitsen in kleinere blokken en subregionale niveau afdelingen organiseren onder het hoofdmenu, of het blok te herschrijven zodat het alleen noodzakelijke informatie zou hebben. Idealiter al uw inhoud moet worden georganiseerd in verschillende afdelingen volgens de logica van de inhoud structuur. Als verschillende onderdelen van uw website een cross-gerelateerde inhoud hebben, moet er weblinks die leiden tot die verbonden inhoud.

Het is een goede gewoonte om extra koppelingen naar documenten buiten zetten van uw project. Zeg, als je de verkoop van een boek over Beethoven, Zal het goed zijn om een link naar gerelateerde documenten, zoals een ambtenaar Beethoven fan website of een artikel in hebben Wikipedia. Deze paragraaf is een zeer goede illustratie van dit advies. Dit is een goede praktijk, want internet is gebaseerd op koppelen. Help uw bezoekers te vinden in de beste die deze nodig hebben over informatie die ze zoeken, en zij zullen het waarderen. Denk als uw klanten, hen helpen om alle aanverwante informatie of links naar de informatie die zij nodig heeft op uw website vinden, anders worden ze een zoekmachine zal raken en vind uw concurrent die hebben het allemaal. Wees niet bang dat als uw bezoekers het openen van een link vanaf uw site zullen ze niet terugkomen. Als ze uw product graag, en wil om zaken te doen met u, zodra ze worden gedaan lezen over Beethoven, zullen ze meteen terug en koop je boek. Koppelen! Maar wees matig; laat niet uw bezoekers zinken in de oceaan van links. 2-3 gerelateerde links genoeg zijn per pagina.

En een laatste ding over links naar extra middelen. Je hoeft niet te doen. Doe het als je het wilt, is het een goede praktijk, maar consequent zijn. Als je het deed op een pagina van uw website, zet het in de regel voor het hele project. Als u niet wilt hebben van het koppelen van een andere hoofdpijn, net niet.

Als het gaat om artikelen, de vereiste veranderingen. Een artikel kan een aantal scroll naar beneden klikken ruimte, maar als het te lang (meer dan 5 Word-pagina's), zal het zin te maken voor een bezoeker om het te downloaden in Word, PDF, of een archief (ZIP, RAR) of bij minst te breken in blokken en publiceren kleinere blokken op aparte HTML-bestanden. Het zal ook goed zijn voor zoekmachine optimalisatie, omdat sommige zoekmachines zoals kleinere inhoud.

Echter, de grootte van een pagina, vooral als het gaat om een index pagina, moet niet te klein zijn. Experts zeggen dat de minimale inhoud op de titel pagina van uw website moet ten minste 250 woorden zijn. (als voorbeeld, het is slechts ongeveer drie voorgaande punten.) Het is niet alleen belangrijk voor het gemak van de bezoeker, maar ook voor zoekmachines indexeren.

Content Uiterlijk

De gemeenschappelijke regel die u moet volgen - is duidelijk te maken aan uw bezoekers wat er gaande is, waar ze zijn post, en hoe de inhoud werken. Het is beter als alle schakels van uw website zijn onderstreept, maar voor de verandering, kan je een ander manieren om een hyperlink te onderscheiden van een eenvoudige tekst gebruiken, bijvoorbeeld, maken het een andere kleur. Wat belangrijk is om consistent te zijn en om alle links op uw website zien er hetzelfde uit. Het is een grote fout te laten al uw links te worden benadrukt en een van een plotselinge maken niet gekoppeld tekst onderstreepte ook. Of maak een knop zoals beeld, dat niet een link op het hebben. U moet niet toestaan dat elk type van onduidelijke signalen op uw website. Met andere woorden, niet misleiden uw klanten, want een maal te misleiden, krijgen ze gedesoriënteerd verwacht dat de site zelf te zijn misleidend, niet de afbeelding die u verwachten dat ze te hebben over uw bedrijf.

Test uw site voor kleuren zeer zorgvuldig. Vergeet niet dat uw website niet alleen worden bekeken, maar het is ook te lezen. Maak het zo makkelijk voor hen om het te lezen als mogelijk: kies contrast kleuren voor achtergrond en tekst, lettertype grootte, die groot genoeg is. Zeer belangrijk wat zijn de belangrijkste kleuren van de website. Het is makkelijker te lezen donkere tekst op een lichte achtergrond, dus als je veel van de inhoud op uw site, kies donker op licht kleurenschema. Sommige projecten met weinig tekst, vooral artistieke Ones, zoals foto portefeuilles, ziet er echt geweldig uit op een donkere achtergrond. Dan kunt u gebruik maken licht lettertype kleuren. Maar nog onthouden over het contrast. Heldere kleuren zijn geweldig, en het is heel goed als je project is helder. Echter, heldere kleuren zijn ofwel nooit donker of licht genoeg te maken om een goede achtergrond. Dus, als je wilt veel kleur op uw website, zorg dan dat het ofwel een achtergrond voor een lichte kleur veld met donkere tekst, of gebruik gewoon die felle kleuren als elementen in het ontwerp van uw project. Vergeet niet dat de ogen moe makkelijker als er veel felle kleuren rond de tekst, dus als uw project heeft veel van de teksten, heldere vlekken proberen te beperken door ze te gebruiken in kleine design elementen.

Navigatie

Wanneer u besluit uw menu te zetten - horizontaal of verticaal, - het allerbelangrijkste, in feite, is om je menu te houden op dezelfde plek op elke pagina van uw site, en houdt haar zien er hetzelfde uit. Uw bezoekers moeten weten waar ze vandaan komen, waar ze zijn, en hoe ze terug kunnen krijgen. Uw logo of een naam van uw bedrijf, of een web-project heeft hij een link naar de hoofdpagina van elk document van de website, behalve de belangrijkste pagina zelf. Alle links die leiden tot het document dat u momenteel moeten worden uitgeschakeld op dit document, betekent dit dat als u momenteel in Website design afdeling, zult u niet in staat zijn om te klikken op het menu-item. Ga naar de top en proberen, zul je zien wat ik het over heb.

Wees niet bang zijn van het creëren van multileveled menu's. Het is beter om de inhoud te breken in de kleinere blokken en submenu's te creëren in plaats van uw pagina's te vullen met tonnen informatie. Als u een lange lijst van producten in de winkel die voldoen aan een bepaalde zoekcriteria hebben, zou het heel leuk om de klant te kiezen of hij wil alle items op een pagina te zien of de lijst in de fracties te verdelen, bijvoorbeeld, 10, 20 , of 50 items op een pagina, en het ontwerpen van een pagina met zoekresultaten op basis van deze module.

Ten aanzien van online winkels is het een zeer goede aanpak is om een aantal belangrijke informatie over het product, zoals grootte en prijs in de zoekresultaten laten zien, en vervolgens aan bezoekers in staat te stellen een pagina te bekijken met een grotere afbeelding en een volledige beschrijving van het product. Als het gaat om een ingewikkelde of multileveled structuur van uw inhoud, vooral wanneer zoeken in de plaats komt, is het zeer belangrijk om een uitgebreid systeem van links zijn, want als je een klant leiden tot meer dan 2 stappen diep vanaf de eerste pagina, kan hij gemakkelijk vergeten waar hij vandaan kwam en hoe er te komen.

Naast een klassieke visuele nadruk op een menu-item om de hele boom van een menu structuur, die zichtbaar is op elke pagina van een website laten zien, is er een geweldige oplossing waarvoor geen schijn van een menu-boom: paden. Het is een lijn ergens op de top van de pagina, die het hele pad uw klant heeft gemaakt van de index pagina bevat. Bijvoorbeeld, hij is nu in de sectie Womens kleding, sub sectie Tops, een andere onderafdeling van katoen op een pagina met een White Short Sleeve T-shirt. Het pad ziet er op deze manier: Womens Apparel: Tops: Katoen: White Short Sleeve T-shirt. Alle items in het pad hebben om te linken naar hun ouders delen, zodat een klant altijd een klik verwijderd van elke sectie hij voorbij het bereiken van het document dat hij kijkt naar, en een weg te kijken van het begrip waar hij is, hoe hij daar kwam, en hoe hij kan terug te krijgen.

Het is heel belangrijk om uw bezoeker te informeren indien de link leidt naar het document in ander formaat in plaats van HTML. Het zal een goede beleefdheid om hen een keuze van het downloaden van een Word-document, PDF, of een archief (ZIP, RAR) en zorg ervoor dat u laten weten, voordat zij op de link klik. Het is vooral belangrijk als link zal dwingen de lancering van een aanvraag. Veel van de gebruikers kan worden ontmoedigd door het feit dat u dwingt hen om te doen wat ze niet eens naar. Dat kan een grote uitschakelen. Een goede toevoeging aan dit soort waarschuwing kan een grootte van een document dat wordt gedownload of het type van de aanvraag om gelanceerd te worden.

Hier is het voorbeeld:

Usability en navigatie: How to Make it Work. Auteur: Natasha Tsjernjavskaja. © Artographica.com. Download of open in PDF, 31,1 K (indien geopend zal lanceren Adobe Acrobat) | Download in ZIP-archief, 26,2 K.

Ik persoonlijk niet leuk wanneer op een link opent in een nieuw venster, ongeacht of het een interne of een externe link. Maar maakt niet uit waarom u links openen in een nieuw venster, waarschuwen bezoekers over.

Om Splash or Not?

Sommige website-eigenaren, zoals splash (intro) pagina's. Sommige zijn zo geobsedeerd met hen, zodat ze aandringen op die intro als een eerste pagina van hun website niet uit wat. Het slechtste scenario is natuurlijk een Flash of ieder type van film als een bezoeker heeft niets te maken, maar wacht tot hij eindigt en vervolgens een link Voer een site verschijnt. Als je een plons zoals die hebt, kunt u afscheid te kopen om tot 98% van uw bezoekers (en potentiële kopers!). Een matige soort splash is een Flash-movie met een link Skip Intro die leidt tot de eigenlijke eerste pagina van de website. Het is beter, maar zal dat leiden tot grote verliezen bedrag dat de klanten. Onderzoeken zeggen dat het niet uitmaakt wat je intro pagina eruit ziet of zegt over, zal tot 95% bezoekers verlaten zonder te klikken Spring knop, of afwerken van het kijken naar de film of het lezen van de intro tekst als deze geen waardevolle informatie bevatten. Waarom hebben dit soort intro op uw website als uw bezoekers Spring knop drukt eigenlijk?

Sommige website-eigenaren denken dat het cool om dit soort Intro pagina hebben. Maar, eerlijk, wat is het nut ervan? De meeste van deze spatten zijn slechts sets van leuzen als ons bedrijf is de beste! Deal With Us and You Will Win! Als uw intro geen specifieke informatie over uw bedrijf, zoals welke soorten diensten die u levert, hoe uw klant kunnen profiteren ze te gebruiken, hoe pap ze kosten, enz. geven, je intro is volledig nutteloos. Zelfs als je alle nodige informatie over uw bedrijf in uw intro hebt, ze je niet nodig een website. Trouwens, al deze informatie heeft aanwezig te zijn toch op de eerste eigenlijke pagina van uw website in tekstformaat. Dus, waarom uw bezoeker twee keer lezen?

Sommige van splash liefhebbers ook niet begrijpen een heel belangrijk ding: zoekmachines kunnen niet lezen tekst die u hebt gecodeerd in uw flash movies! En hun taak is om de index van de index pagina van uw website. Dus, hoe zij omgaan met het indexeren van uw eerste pagina? Zij controleren het, vinden niets en ga weg. Wilt u de vertraging bij het zetten van uw website in de zoekresultaten in de zoekmachines? Nee, u niet. Afkeer spatten is het beste wat je kunt doen voor uw website.

Een klein beetje over actieve inhoud zoals Flash-films met geluid en elke soort van beweging. Het is een heel slecht idee om uw bezoekers luisteren tenzij ze besluiten iets te doen. Laat me een tekening. Ik ben ontspannen thuis, luisteren naar mooie muziek (degene die ik wil!), Navigeren het net, op zoek naar bepaalde producten te kopen of diensten te bestellen. Ik klik op de link van uw website in een zoekmachine te denken dat je misschien een goede match tot wat ik ben op zoek naar en opeens hoor ik in mijn koptelefoon iets wat ik echt niet willen horen - muziek of spraak, maakt het niet uit . Denk je dat ik zal versteld staan door een ongelooflijke technologie die u hebt gebruikt op uw website met me praten? Of ik zal beginnen op zoek naar een schakelaar uit te schakelen het geluid van uw film te kunnen naar uw site rustig te lezen? De gemakkelijkste manier voor mij om mijn rust te herstellen is eigenlijk het sluiten van een venster en vergeten over die website altijd.

Als u wilt sommige film, interview of ga op uw website, kunt u dit doen. Maar het is niet automatisch zou moeten beginnen zodra bezoekers open de pagina. U kunt bieden hen (of download view) een demo-film en als het een "view". U hebt de bezoekers te voorzien van een mogelijkheid om het uit te schakelen op elk moment veranderen of het volume weer spelen.

Auteur: Natasha Tsjernjavskaja

Het adres van Usability en navigatie: How to Make it Work

Als u vindt dat dit artikel, heeft bijgedragen aan u en dat het ook kan gunstig zijn voor anderen, kunt u overwegen deze toe te voegen als een bron link op uw website of blog! Indien gebruikt, bepaalt dit artikel dat een toeschrijving aan Artographica.com.

Als u wilt hoe bruikbaar uw website te controleren is of om een professionele hulp bij het verbeteren van de bruikbaarheid van uw project, CONTACT ME TODAY.

---