„ Добрият дизайн поддържа потребителя щастлив, производителя в черно, а esthete без промяна. "
- Реймънд Лоуи
Оформление на уебсайтове
Интернет сърфирането и сърфирането станаха неразделна част от живота ни днес. Всеки ден бихме разглеждали „n“ брой уебсайтове, за да пазаруваме, търсим, изследваме и купуваме услуги или просто на Google. Спираме само на няколко уебсайта или искаме да ги посещаваме многократно.
Други не изглеждат твърде привлекателни. Е, основна причина за посещение на определен уебсайт повече от веднъж е неговото оформление на уебсайта. Въпреки че е труден баланс за постигането на добре проектирана и опростена функционална уеб страница, си струва усилията да подобрите опита на клиента.
Вече доказан факт е, че елементът, който влияе на предполагаемата надеждност на уебсайта, е неговият дизайн, а не въвежданото съдържание. Перфектно проектираната уеб страница не трябва да полага много усилия в други аспекти, за да държи посетител на вашата уеб страница. UX и UI дизайн в тандем образуват цялото оформление и функционалността на уеб страница.
Майсторът на създаването на перфектно оформление на уебсайта е Макдоналдс. Те буквално са поставили всичко на правилното си място, дори как да поставите туршия. Така че, вие също бихте искали да измислите нещо толкова добро или дори по-добро от McDonald's.
Топ 10 стъпки на оформлението на уебсайтове
Днес, ще знаете повече за топ 10 стъпки на дизайна на уебсайта. Подайте по-долу:
- Имайте професионално проектирано лого правилно свързано с началната страница
- Използвайте интуитивна навигация
- Избягвайте струпването и дайте място за дишане на посетителите
- Използвайте Цветове и Изображения стратегически за отзивчивата мрежа
- Изберете шрифтове, които отговарят на мрежата, които се четат лесно на устройства и браузъри.
- Всяка страница трябва да бъде проектирана като целева страница
- Винаги създавайте отзивчив дизайн, адаптивен към всички устройства
- Използвайте HTML5 вместо Flash
- Бутоните за изпращане или изпращане трябва да са привлекателни
- Не забравяйте да тествате дизайна си
„Животът е разговорен. Оформлението на уебсайта трябва да бъде по същия начин. В мрежата говорите с някой, когото вероятно никога не сте срещали, така че е важно да сте ясни и точни. По този начин добре структурираната навигация и организацията на съдържанието за дизайн на уебсайта върви ръка за ръка с провеждането на добър разговор. "
- CHIKEZIE EJIASI
(Туитър от Twitter)
-
Имайте професионално проектирано лого правилно свързано с началната страница
Първото нещо, което фирмата за оформление на уебсайтове е идентифицирана, е логото му. Уеб страница с професионално проектирано лого привлича клиентите си повече от напечено лого. Лого формира идентичността на марката за фирма или уебсайт.
Винаги трябва да поставяте смисъл да използвате изображения с дизайн на уебсайтове с висока разделителна способност за логото. изображенията на уебсайтове винаги трябва да се включват в горния ляв ъгъл на всяка страница на уебсайта. Също така не забравяйте старото добро правило за свързване на всички лога на уебсайта към началната ви страница за лесния начин за посещение при навигация за дизайн на уебсайта за вашите клиенти.
-
Навигация на уебсайтове
Замисляли ли сте се защо отскачате от толкова много уеб страници и държите само на една или две? Това е така, защото клиентите не изпитват мъка да измислят сложен уебсайт. Вместо това те напускат страницата и преминават към следващата.
Това е основната причина, поради която интуитивната навигация е толкова важна. Основните опции за навигация за дизайн на уебсайта обикновено трябва да бъдат разгърнати в хоризонталната лента с менюта в горната част с вторичните ленти за навигация под нея или под лявото поле на страницата.
Освен това обърнете внимание на поставянето на връзки само на необходимите места, които не отвличат вниманието на клиентите от вашето призив за действие или най-важната информация.
-
Избягвайте струпването и дайте място за дишане на клиентите
Прекаленото използване на графика или претоварване на изображения на страница има тенденция да създава смут. Изображенията за дизайн на уебсайтове са важна среда за разбиране, но визуалното претоварване на изображения спира обработката на информация в мозъка.
Клиентите се объркват, когато се сблъскат с твърде много оформление на уебсайта. За да сведете до минимум струпването на целевите страници, ограничете броя на връзките и опциите в заглавката и долния колонтитул. Друг начин за оптимизиране на страниците е поддържането на кратките абзаци.
накратко означава не повече от пет до шест реда, тъй като клиентите са склонни да губят интерес да гледат много дълъг текст. Има още едно правило за добро палене на добър дизайн на уебсайта, т.е. да се даде малко място за дишане на клиентите.
Това пространство може да бъде създадено, като оставите достатъчно пространство между абзаци и изображения на уебсайтове, така че зрителят да може да диша и да абсорбира повече функции и предложения на вашия сайт. Тъй като отзивчивата мрежа става все по-конкурентна всеки ден, по-малко се счита за повече сега.
Контролираната употреба на бяло пространство в цялото оформление ще запази фокуса на потребителите върху съдържанието и ще увеличи потребителското изживяване. Контролираният потребителски поток ще увеличи възвръщаемостта от уебсайта.
-
Използвайте цветовете и изображенията стратегически за отзивчив уеб
За да представите модерна и елегантна уеб страница, опитайте да използвате предимно неутрална цветова палитра. Когато конкуренцията става все по-ожесточена, използването на малки цветни тирета за заглавия и ключови графики ще помогне на посетителите ви да се задържат на вашата уеб страница и да обърнат внимание на най-важните подробности. Винаги използвайте цветова палитра, която допълва вашето лого и трябва да съответства на другите маркетингови обезпечения.
Опитайте се да инвестирате във фотография или закупуване на професионални стокови изображения, защото посетителите на уеб страницата издушват общи изображения с мигновено око. Изображенията на дизайна на уебсайтове ще оставят общо впечатление на вашата компания.
Професионалните стокови изображения или добрата фотография ще привлекат вниманието към съдържанието и ще създадат емоционална връзка веднага. Само да цитирам пример - ако искате да привлечете вниманието на посетителя си върху определена информация или да призовете към действие, използвайте човешко лице, което гледа в тази посока или пръст, сочещ там.
Просто защото човек е склонен да гледа в същата посока, където гледа и другият човек. И цветовете, и изображенията на дизайна на уебсайтове трябва да бъдат избрани по такъв начин, че да се поберат във всички отзивчиви мрежи - мобилни устройства, таблети, лаптопи и т.н.
Препоръчителни курсове
- HTML и HTML5 програма
- Обучение за сертифициране на софтуер за тестване
- Онлайн курс по Drupal 7
- Drupal 7 Курсове за програмиране
-
Изберете шрифтове, отговарящи на уеб
Когато мрежата реагира добре, трябва да направите смисъл да избирате шрифтове, подходящи за всички браузъри, било то лаптоп, таблет или мобилна слушалка.
Ако изберете шрифт в голям мащаб, има вероятност те да четат добре на лаптоп, но няма да показват добре мобилен телефон, губейки усещането и външния си вид. Винаги избирайте шрифт, който може да се чете лесно с размер не по-малък от 11pt.
Ако изберете уеб шрифтове, тогава не използвайте повече от 2 семейства шрифтове, за да осигурите бързо време за зареждане. За дизайн с фиксирана ширина използвайте шрифт, позволяващ максимум от 15 до 20 думи в ред и във флуиден дизайн, използвайте шрифт, който позволява 15 -20 думи на ширина 1000 пиксела.
-
Всяка страница трябва да бъде проектирана като целева страница
Уеб дизайнерите обикновено проектират своите уебсайтове, като приемат, че посетител влиза през началната страница и след това преминава към целевите страници. Но фактът е малко по-различен. Повечето посетители кацат на страница, различна от Началната страница за повечето от сайтовете.
И така, основната идея е да запазите цялата основна информация на всички целеви страници и оформление на уебсайтове по такъв начин, че посетителят да не се наложи да търси важна информация.
-
Винаги създавайте отзивчив дизайн, адаптивен към всички устройства
В този натоварен свят, когато нямате време дори да се храните правилно, защо трябва да проектирате различен сайт за всяко устройство. Спестете време и енергия, като проектирате отзивчивия сайт, който се адаптира към размера на браузъра според използваното устройство.
Чувствителният сайт обикновено държи вниманието на посетителите за дълго време, което увеличава вероятността от обменни курсове.
-
Използвайте HTML5 вместо Flash
Сега Flash вече остарява и приключва с продължаващия спор между Apple и Adobe. Така че, дизайнери! Излезте от лентата и изпробвайте още уеб и удобни за потребителите опции.
HTML5 набира популярност със своя приятелски търсен текст и лесната си функционалност на мобилни операционни системи, без да изисква плъгин, за разлика от Flash.
-
Бутоните за изпращане или изпращане трябва да са привлекателни
Бутонът „Изпращане“ или „Изпращане“ в долната част на уеб формата е най-важното обаждане към елемента за действие на уеб страница. Но това може да бъде и най-грозната част, така че дизайнерите трябва да направят бутони за подаване на формуляри, „така че симпатичните посетители не могат да си помогнат да натиснат тези.
Просто трябва да го щракнат. Тези бутони за призив към действие могат да бъдат интересни по много начини, като например, когато посетител премести мишката върху бутона за призив към действие, трябва да промени цвета, градиента, непрозрачността или обработката на шрифта, за да привлече вниманието ви за части от секунди.
Но също така се грижете за факта, че прекаляването с нещо е лошо. Той трябва да бъде заострен до момента, в който изглежда привлекателен, в противен случай може да има обратно въздействие.
-
Не забравяйте да тествате дизайна си
Проектното решение е просто хипотеза. Вие сте най-добрият човек, който решава какво изглежда добре на вашата уеб страница. Оптимизирането на уеб страница чрез изпробване на различно разположение за бутоните за призив към действие или използване на различни нюанси на цвят, може да окаже голямо влияние върху вашата уеб страница. Потребителско тестване. A / B тестване и анализи могат да ви помогнат да импровизирате на вашата уеб страница.
И истинската импровизация идва от хората. Вземете техните отзиви и прилагайте, докато изглежда добре. Само да цитирам пример за това колко важно е да тествате дизайна си - веднъж Microsoft спечели допълнителни 80 милиона долара приходи само чрез тестване и внедряване на специфичен нюанс на синьото. Така че никога не знаете кога вашият дизайн може да ви накара да генерирате огромни печалби.
Тези малки проблеми може да изглеждат толкова незначителни и очевидни, но често се отскачат от версията на живо на уеб страницата. По това време бизнесът вече е загубил незначителен процент от потенциалния доход от перспективите си.
С няколко налични платформи днес, генерирането на „WOW“ моменти от UX и UI дизайни на уебсайт не е голяма работа. Необходими са само малко ангажирани усилия и малко креативност, за да накарате всички посетители да кажат WOW след кацане на вашата уеб страница.
И така, идеалният начин да създадете уеб страница е да мислите. Преосмислят. Уча. Научете отново. Никога не използвайте същата концепция. Знайте нуждите на клиентите си и тогава …. Стартирайте дизайна си.
Промяната на вашата дизайнерска практика може да има огромен ефект върху вашите ангажименти и проценти на реализация чрез формиране на интуитивно потребителско изживяване, което ще разкрие вашия професионализъм, докато предоставяте това, което хората искат и имат нужда по визуално впечатляващ начин.
Свързани статии:-
Това е ръководство за оформлението на уебсайтове. Тук сме обсъдили топ 10 стъпки на оформлението на уебсайта. Можете също да разгледате следните статии -
- 10 Ефективен начин за потребителите на Adobe InDesign
- 8 Полезни насоки, за да станете HTML5 срещу Flash
- 5 Ефективни начина за привличане на органичен трафик към вашия уебсайт
- Как да създадете чиста подредба на уебсайтове в Photoshop
- Списък на няколко грешки в уебсайта и как да ги поправим лесно
- 5 Грешки в настройката на уебсайта, с които трябва да сте наясно
- Какво да предпочитам Drupal или Joomla
- Drupal 7 срещу Drupal