Чести грешки при дизајнирање веб-страница; Типот WP
О, да Сите ги знаеме: мини-слики што не можат да се зголемат, фотографии што сè уште не се вчитани по 3 минути и ставки од менито кои се неразбирливи. Накратко: многу грешки често се повторуваат. Еве како да ги искорениме:
Не се грижи. Не мора да ја надминувате штицата! Ништо не ти се случува! Пиратски збор за чест!
Плови за вас низ бесконечните мориња на вести од WordPress и го подготвувам ова еднаш месечно бесплатно во е-пошта.
Не се грижи. Не мора да летате на WP-Topia за да ги добиете најновите новости за развојот на WordPres.
Летам за вас низ бесконечните галаксии на вести од WordPress и го подготвувам ова еднаш месечно бесплатно во е-пошта.
Сликите не можат да се зумираат
Дали некогаш сте биле на веб-страница и дали сакате да кликнете на мала слика за да ја видите подобро, поостра и, пред сè, поголема? Само глупаво е ако воопшто не работи. Многу слики на интернет едноставно не можат да се кликнат и обично не се достапни со поголема резолуција.
Ако - како што е препорачано - го користите WordPress како систем за управување со содржини за управување со вашата веб-страница, можете самоуверено да ги поставувате сите слики со висок квалитет. Автоматски ја намалува големината на сликите во зависност од тоа како се користат. Ова трае малку подолго при поставувањето (во зависност од брзината на вашата сопствена Интернет-врска), но треба да го прифатите ова време на чекање за да соберете плус поен од посетителите на вашата веб-страница. Едноставно, направете го посакуваниот избор под „Големина“ при вметнување на соодветната слика (видете ја следнава слика - забелешка: во поновите верзии ова изгледа малку поразлично, но слично).
Компресија на JPEG и GIF слики
Сликите JPEG може да се компресираат претходно со квалитет од 60 до 80 со користење на софтвер за обработка на слики по ваш избор. Ниво на квалитет од 40 до 60 често е доволно. Сепак, не треба да се избере помалку, во спротивно компресијата ќе се истакне премногу, а фотографијата или графикот потоа ќе се „замагли“.
Во случај на веб-страници на фотографи, фотографиите мора да бидат прикажани во висока резолуција. Ако ви треба слика на торта, на пример, за страница на тема "губење тежина", графикот сигурно може да се компресира подобро. (На крајот на краиштата, тортата не треба да изгледа премногу вкусна за веројатно малку дебели посетители 😉).
Користете GIF наместо формат JPEG само ако прикажувате графика, а не фотографии. Стандардно, форматот GIF содржи само 256 бои и не е погоден за прикажување фотографии во голема длабочина на боја. Постојат и формати со поголема длабочина на боја во кои, едноставно кажано, неколку индивидуални слики со своја палета на бои се зачувуваат во една датотека. Без оглед на ова, добра стапка на компресија не може да се постигне со големи длабочини на боја.
Погрешни имиња во менито
Дел од самиот дизајн е дека корисникот може да се снајде во однос на технологијата за навигација. Дали знаете што значи „портфолио“? Не секој се сомнева дека станува збор за „За нашата компанија“ или за нешто слично. Портфолио значи дека има повеќе до врската отколку само една страница. Така, збирка препораки или понуди, на пример.
Не треба да прекомплицирате ништо. Можете безбедно да ги избришете или преименувате следниве врски од вашето мени:
Мени за навигација
Наместо „Портфолио“, само користете „За мене“, во случај на компанија „Наша понуда“ или бидете малку поконкретни. Примери: „Наши фотографии“ или „возила“.
Секој знае дека терминот „отпечаток“ ги содржи сите потребни правни информации, како што е бројот на данокот на продажба (за повеќе информации, видете го Законот за телесервиси (TDG) §6). Отпечаток нема место во главното мени. Постојат повеќе возбудливи работи на Интернет отколку да мора да читате броеви за данок на продажба во ставка во менито, како што е „Контакт“. Лизгајте го долу на нејзината страна. Таму е осомничен и пронајден од оние што го бараат.
По „Контакт“ треба да понудите само образец и да ги наведете адресата и телефонскиот број на компанијата. Треба да се направи што е можно полесно за клиентот или посетителот да ве контактира. Но, не создавајте форма на чудовиште. Сè што треба да направите е да наведете име, телефонски број или адреса за е-пошта и бесплатно поле за текст. Никој не сака да ја даде својата целосна адреса или дури и датумот на раѓање кога ќе му постават мало прашање. Или, вие самите доброволно ги пишувате таквите информации во секоја форма на Интернет што ќе ја најдете? Најверојатно не.
Ставете ја почетната страница на почетната страница, а не „Дома“. Како што веќе споменавме, многу луѓе сè уште не зборуваат совршен англиски. Дури и ако сега наводно стана стандард.
На некои веб-страници можете дури и без терминот целосно во менито. Наместо тоа, секогаш го поврзувате логото со почетната страница.
Премногу врски во менито
Не е невообичаено да бидете чисто "погодени" од мени. Честопати е толку долго што повеќе не знаеме каде да бараме први. Или е толку збунувачко што не можеме да ги најдеме информациите што ги бараме.
На горната графика е прикажан пример за навигација на општината. Размислете сами и запрашајте се какви информации можат да бидат под „Заедницата“ и „Градското собрание“. Што е под „Култура“, но под „Туризам“?
Треба да се запрашате што сака посетителот на вашата веб-страница. Која публика се сопнува на веб-страницата на заедницата? Како можат овие кориснички групи најдобро да се снајдат?
На графичката може да видите и подобрена структура на менито. Ова се базира на следниве групи на корисници:
- Луѓе кои живеат во опкружувањето на заедницата
- Луѓе кои сакаат да поминат одмор во општината (туризам)
- Луѓе кои сакаат да ја градат својата компанија таму (економија)
Сите три групи на луѓе можат и можеби сакаат брзо да повикаат некого. Ова е причината зошто копчето за контакт е исто така во главното мени.
Главното мени осигурува дека ја насочувате вистинската група посетители до местото каде што треба да бидат. За лице кое сака да оди на одмор локално, другите точки (економија, информации за граѓани) првенствено не се од интерес.
Зошто мало мени и максимум 7 ставки од менито?
Откриено е дека секоја личност може брзо да запомни просечно 7 работи. Истражувачот Johnон Лок го откри овој таканаречен седум феномен пред 300 години. Еден знае,
- дека треба да спиете во просек 7 часа;
- тој 7 е најчестиот среќен број;
- и дека неделата има 7 дена.
Обидете се да се сетите на сите работи на вашата работна маса. Потоа затворете ги очите и обидете се да се сетите што имаше таму. До каде стигнувате До седмиот „дел“ работите се добри, што ти напиша 100% правилно. Покрај тоа, веројатноста за слетување хит рапидно се намалува.
Долги менија
Не сите менија можат да останат мали. Размислете, на пример, за онлајн продавници кои имаат многу под-страници. Лош пример би бил ова:
Пример за лоша навигација
Таквите менија често се генерираат автоматски од веб-страниците на мрежните продавници засновани на производите што моментално се на залиха.
Не сте секогаш совршени. Премногу бројки и премала диференцијација. Која е разликата помеѓу тетратката 5760 и 6595? Како лаик е многу тешко. Тогаш треба да работите со трикови најдоцна. На пример, со изборно мени што создава понатамошни менија со само уште три подмени.
Дизајн на подмени
Треба да проверите која диференцијација (тука заснована на големината на тетратката) е најсоодветна за вашите посетители.
Навигација на погрешно место
Не само должината на менито игра важна улога во контролирањето на вашите посетители на веб-страницата. Исто така е можно погрешно да ја поставите навигацијата. Благодарение на системите за управување со содржини, сега се случува менијата да се најдат онаму каде што припаѓаат. Имено или само во левата колона, само во областа на заглавието или на двете места на веб-страницата.
Поправање на менито
Корисниците не можат да се снајдат околу вашата веб-страница
Корисни алатки како Google Analytics можат да ви покажат како се движат посетителите околу вашата веб-страница. Со такви моќни алатки, исто така, ќе откриете дека многу посетители не остануваат долго на веб-страницата. Ова може да биде затоа што тие едноставно не можат да го пронајдат својот пат.
Сите ние сме различни и затоа никогаш не можете да ги задоволите сите. Сепак, треба да се вложат најдобри можни напори да се спроведе она што ви го кажуваат вашите корисници.
Ние се осмелуваме да кажеме дека 90% од посетителите на вашата веб-страница никогаш нема да стапат во контакт со вас. Дури и ако би требало да имате голем проблем со веб-страницата, на пример. Само ретко кој ве известува.
Постојат многу причини зошто корисникот не може да се најде низ вашата веб-страница:
- На пример, корисникот има проблеми со презентацијата на веб-страницата и недостасува важни точки заради технички проблеми (користи застарен прелистувач).
- Корисникот не знае каде може да најде дополнителни информации затоа што содржината е а) скриена или б) е во неповолно опишано мени.
- Корисникот смета дека веб-страницата „не е убава“ (на пр., Не е доволно естетска). На пример, ако „изгледот и чувството“ не одговара на видот на бизнисот.
Затоа, треба критички да ја разгледувате својата веб-страница секој ден. Тестирајте ја својата веб-страница со различни прелистувачи на различни платформи (ако е можно на Виндоус, Мек ОС, па дури и Линукс, ако читателот ви е страствен за корисници на Линукс).
Поврзете ги техничките термини во статиите што е можно почесто, или на одредено место на вашата веб-страница или со алтернативни извори (како што е Википедија). Крајната цел е да го научите и информирате посетителот што е можно повеќе. Затоа е на вашата веб-страница!
Покрај тоа, можете анонимно да го прашате секој посетител со едноставна форма за контакт: "Што би промениле?" Брзо е и често може да направи чуда. За систем на блогови, можете да се повикате на делот за коментари.
Друга алтернатива: Прашајте ги вашите пријатели и познаници како ја наоѓаат вашата веб-страница. Седнете на вашиот компјутер со вас, посетете ја вашата веб-страница и поставете прашања како:
- "Ве молам, пребарувајте, ова и тоа‘ "или
- „Ја разбирате темата xy?
- "Каде ќе кликнете за да можете да ја најдете ABC?"
Неважното е во важна точка
Едно истражување открило дека човечкото око (или барем европското) почнува да чита и да се гледа од горе лево. Колку повеќе се спуштате надесно, толку е помалку важна содржината што ја наоѓате таму.
(сп. Гутхајм, Филип (2008): Der Webdesign-Praxisguide. Професионална концепција од планирање до докторат. Минхен: Спрингер Верлаг. стр. 42)
Пример за следење на очите
Затоа обично можете да најдете менија лево или погоре. Страничните ленти обично се наоѓаат крајно десно. Дури и во таканареченото мени за подножје (подножје на веб-страницата) можете да најдете помалку важни работи.
Сепак, тука важи истото: не се сите исти. Честопати, окото прво „лета“ до впечатливи точки што можат да бидат подолу надесно на сликата пред да започне да ја анализира страницата од лево.
Треба да се држите до овие непишани закони и да им олесните на навигацијата за посетителите со поставување работи таму каде што се очекуваат. Значи, менито лево или погоре.
Тестот на вкрстениот прелистувач не успеа
„Тестирање на вкрстен прелистувач“ не значи ништо друго на германски јазик освен тоа што треба да ја тестирате својата веб-страница со неколку Интернет прелистувачи. Ова осигурува дека секој корисник на Интернет ја гледа вашата веб-страница како и вие. Секој прелистувач има различна структура и може различно да ги толкува командите со HTML и Javascript. Ова може да доведе до нарушувања и недоразбирања.
Во март 2017 година, одделните прелистувачи на Интернет имаа удел на пазарот од (види табела подолу; избор).
| Internet Explorer | 5% |
| Firefox | 14% |
| Хром | 75% |
| сафари | 4% |
| Опера | 1% |
Комплетна и секогаш ажурирана листа можете да најдете на w3schools.com: http://www.w3schools.com/browsers/browsers_stats.asp
Овде можете да ги најдете изворите за преземање за соодветните прелистувачи:
Алтернативно, можете да користите бесплатни или платени веб-услуги за вакви тестови. На пример:
Особено Internet Explorer многу веројатно ја прикажува вашата веб-страница малку поинаку во секоја верзија. Ова се должи на фактот дека Microsoft навистина не успеа да ја структурира програмата до верзијата 9 на таков начин што правилно ги спроведува важечките веб-стандарди. Најмалку 95 од 100 поени на тестот ACID3 (тест за проверка на правилно интерпретирани веб-стандарди) беа постигнати од IE9 минатата.
Може да го тестирате вашиот прелистувач на http://acid3.acidtests.org, на пример. Во најдобар случај, тестот покажува 100 од 100 поени. Значи, сè е во ред.
[...] Се покажа дека менито никогаш не смее да има повеќе од 7 ставки во менито. [...]
[…] И кои се неважни. Мојот совет на следната страница исто така може да биде корисен: Премногу врски во менито (во написот за блогот за најчестите грешки во [...]