Тренингът отново е с разчупен формат и има за цел не само да слушате и гледате как лекторите оптимизират съдържание за уеб, но и сами да пробвате рецептата и получите обратна връзка от тях: Владимир Петков (Каладън), Георги Варзоновцев, Огнян Георгиев и Борил Караиванов. 

Една от прекрасните ви идеи е да ви поощрим с награди и по време на самото събитие. Помислихме и решихме да ви дадем подарък още преди тренинга:-))). 

Всеки, който си направи регистрация може да си избере подарък тениска по цвят и размер от страницата за регистрация на Лукрат. Тениските са дизайнерски и са изработени с подкрепата на Microsoft.

И този път, за да затвърдим наученото по време на събитието ще обявим конкурс за най-добре оптимизиран текст. Конкурсът се провежда след събитието и всички присъствали на Съдъжание за уеб – на живо на 7 октомври  могат да участват в него. Даваме текст, който да оптимизирате , като вземете предвид наученото и препоръките на лекторите, после ни го изпращате и може да спечелите една от тези награди, осигурени от спонсорите на събитието:
Наградите са:

• Лаптоп ASUS EEE PC 900 16G White от  Notbook.bg

 

• Курс за кариерноо развитие от Career Speeder
• Езиков курс от Кабината
• 3 едногодишни абонамента за Капитал
• 1 едногодишен абонамент за SignCafe

Според победителите в предишния конкурс, освен страхотните награди, за тях най-ценна е обратната връзка, която са получили от самите лектори. 

Вижте коментарите им в  Блога на Лукрат 

Официален спонсор : 

 Спонсори: 

 Медийни партньори: 

Наскоро попълвах уеб формуляр, който се оказа истинско предизвикателство. Направих пет опита и загубих около 15 минути докато успея да стигна до „Вашата регистрация премина успешно”.

Често срещани проблеми

Изборът на потребителско име бе най-досаден. При два от петте опита, името което избирах не беше свободно и вероятно щях да направя още 10-ина опита, ако не се спрях на име от типа „Alex123456” само и само системата да не ме върне отново. На третия опит „грешката” беше че съм въвел парола, която трябва да е минимум 8 знака и да съдържа и ГЛАВНИ букви.

След като попълних всичко за сетен път, в бързината натиснах бутон „изчисти”, вместо бутон „изпрати” поради простата причина, че са един до друг и страшно много си приличат. Чак след последния опит разбрах, че „година на раждане” е задължителна и няма как да не въведа и нея.

При всеки опит формулярът беше празен и се налагаше да въвеждам всичко отначало. Нито едно поле не бе маркирано като задължително, попълвах по два пъти една и съща информация (повторете паролата, повторете e-пощата), избирах ненужна информация като град София, област Софийска и какво ли още не…

Хитри решения за ползваеми форми

Наскоро попаднах на друга регистрация, която попълних от първият път и ми отне по-малко от минутка. Хората които са работили над сайта бяха решили да не губят времето на потребителите си в безсмислени и многократни опити да станат техни клиенти…

Ето пример за електронен формуляр, който не губи време поради това, че не допуска потребителят да сгреши при въвеждане на нужната информация. Формулярът е интерактивен – пробвайте да го попълните.

[include file=/content/other/test.php]

Задължителни полета *

Няма по-неползваем формуляр от този, в който не знаеш кое е задължително и кое не. В примеа по-горе ще забележите различна подредба от масовите формуляри из интернет. Тук задължителните полета са изнесени най-горе и са маркирани според стандарта със звезда (*). Незадължителните полета оставяме на втори план.

Употреба на етикети

Добавянето на етикети към елементите не е трудно и същевременно е доста полезно, защото правят някои елементи по-лесни за цъкане. В следващия пример са показани две възможности за избор. Обърнете внимание, че текста: “ИЗБОР1″ е цъкаем и активира чавката, за разлика от другия пример където цък върху: текста на “ИЗБОР2″ не върши никаква работа:

Проверка на данните (form validation)

Проверката на формуляра за грешно попълнени полета би предпазила потребителите от грешки и съответно от ново попълване на данните. В повечето случаи проверка се извършва посредством JavaScript и е добре да се използва внимателно и само на места, където е най-належащо. В примера по-горе е показана автоматична проверка за свободно потребителско име, което спестява най-много главоболия. Същевременно формата трябва да се провери дали работи добре при по-стари браузери или при изключен JavaScript, където проверка няма да се осъществи, но формата трябва да работи по познатия начин.

Проверката обикновено се извършва между попълването на полетата и натискането на бутона за изпращане, понякога се налага и заявка към сървъра за проверка на потребителско име, валидна кредитна карта и други.

Предпазване от грешки

При повечето случаи може да улесним попълването като поставим примери в непосредствена близост до полетата за попълване. Например, някои регистрации изискват потвърждаване на въведената информация като изпращат писмо за активация до е-пощата на потребителя с цел да се провери дали регистрацията е валидна и е направена от човек, а не от машина. В този случай, най-добре е да упоменем, че на посочения имейл ще се изпрати писмо за проверка на данните. Потребителите не обичат да въвеждат лична информация, и понякога въвеждат несъществуващ e-mail.

Имейл: На посочения имейл ще получите писмо за потвърждение!

Друг начин за избягване на грешки е там където е възможно да ползваме предварително дефинирани възможности за избор чрез падащо меню (drop menu), вместо да се налага потребителят да въвежда информация на ръка. Освен това, може да разделим възможностите за избор по групи.

Изберете обект:

Изберете обект:

Здравейте, Миналата седмица пътувахме из Родопите и съпругата ми си купи от някъде (мисля, че беше Пазарджик) ваша напитка студен чай – лимон. Хареса ни. Живеем в София и не сме виждали напитката в търговската мрежа. Къде да търсим? Да очакваме ли, че скоро ще я предложите и в София? Поздрави.

Около минута след като изпратих получих изненадващо писмо от адрес в „пловдив на живо“, който не познавам и не ми говори нищо и с тема, Email sender verification / Proverka na podatelia, която също не ми говори нищо. По-голямата част следва:

ENGLISH: To prove your message was sent by a human and not a computer, visit the URL below and type in the alphanumeric text you will see in the image. You will only be asked to do this once for this email address.
URL: http://plovdivonline.com:8083/challenge/?folder=18319ef9dd66257dff54904142c6ecac

БЪЛГАРСКИ: За да сме сигурни, че това писмо е изпратено от жив човек, а не от някой компютър, се налага да Ви помолим да отворите страницата, чийто адрес е посочен по-долу и да въведете в полето буквите и цифрите, които ще видите в картината над него. Тази проверка се извършва еднократно за всеки подател.
Адрес: http://plovdivonline.com:8083/challenge/?folder=18319ef9dd66257dff54904142c6ecac

Подпис липсва. Класически спам значи, добре, че програмата за имейл, която ползвам е добре настроена и все пак не го отсвири моментално. Написах писмо на адрес Email Verification . Нямах очакване за отговор, но съм все съм оптимист и все си мисля, че някой си мисли за потребителите. Ето го:

Не съм изпращал нищо на адрес plovdivonline.com. Предполагам, че ме проверявате за писмо, което пратих до минерални води Хисар. Предполагам още, че писмото е генерирано автоматично, но се надявам и че тази ми бележка ще бъде прочетена от човек.

Получих отговор от демона на собствената си програма за електронна поща, че адресът email_verification@plovdivonline.com отхврля всякакви писма. Усмихнах се. Въздъхнах. Четох пак писмото. Чудих се. Реших да ида да видя какво следва. Заредих адреса, който писмото иска и попаднах на следното:

Добре, че разбирам английски. Текстът повтаря онова, което е написано в писмото от пловдив на живо. Освен това обяснява, че програмите не могат да четат букви от картинки (дали?) и така се разпознавали живите хора. Връзката в дъното води към http://www.icewarp.com/, което е сайт на фирма, която предлага Мерак. То не е онова, за което всеки българин лесно се сеща, а всъщност е сървърна програма за обработка на имейли. Не можах да пиша на Айсуорп, защото не са си сложили контактна информация (много се пазят от спам). Интересно е да се отбележи, че името на страницата за проверка на човечността е малко на английски, но леко побългарено.

Вероятно са искали да напишат Response на английски, което ще рече отговор, но са изяли едното с. Или пък са написали отговор на френски. Но пък тогава challenge (педизвикателство) не е съвсем както трябва, защото на френски понятието се представя с contester, récusation, disputer.  Проверих адреса http://plovdivonline.com/, но там има сайт на военния клуб в Пловдив. Единствената връзка, която направих между военния клуб в Пловдив и минерална вода Хисар е, Пловдив. Хисаря е в Пловдивска област. Аз също съм малко страхлив и не искам да получавам повече спам, от нормалната ми дневна доза от 200-300 съобщения. Още малко се почудих, но любопитството е силен мотиватор, а и идеята за статийка в Трудно ли е да е лесно вече се бе зародила, та реших да се доверя. Попълних кода и бях възнаграден с:

Специфицирах правилна дума. Колко мило! От тук насетне адресът ми е упълномощен. Не знам обаче за какво.  Лесно е в писмото за проверката да се напише, защо го получавам на по ясен език! Например: „Получихме следното писмо от вас. Не ви познаваме и затова искаме да направим малка проверка. Извинете ни за неудобството. Тя е еднократна и ще ви отнеме само минутка.“ После вече да ми обяснят за какво иде реч. Лесно е моето писмо да бъде включено в автоматичния отговор, за да имам познат контекст! Лесно е трудно в сайта пловдив на живо да кажат на български, че извършват услуга на хисарска вода! Трудното е да се помисли за начина на взаимодействие и за нуждите на хората. Ако някой си спомня защо започна това, не съм получил отговор за студения чай.

Стъпка 1

Набирате http://www.coca-cola.bg/ и виждате:

Стъпка 2

Чудите се известно време какво гледате и какво трябва да направите и ако сте упорити виждате, под горния ръб

Цъкате и вместо да проверите кода си виждате:

Моля?! Но вие сте упорити или имате късмет и случайно виждате, че когато показалецът на мишката мине над жълтото поле се превръща в ръчичка, указвайки, че там се крие връзка.

Стъпка 3

Цъквате. В повечето случаи браузърът ви блокира онова, което следва и нищо не виждате, защото проектантите са предвидили да се отваря нов прозорец – съвсем ненужно и съвсем неочаквано. Ако все пак успеете да отворите новия прозорец, то ще видите следната глупост:

Откъде, накъде, Кока Кола искат клиентите им да въвеждат имейлски адреси преди да са разбрали дали печелят нещо или не! Вероятно искат да им изпращат нежелани рекламни и други писма. Поне от куртоазия може да кажат защо е нужно да се въведе адрес.

Стъпка 4

Въвеждате си някакъв имейл и натискате копче Въведи. (Странен избор за име на копчето, но това е бял кахър.) Виждате този екран:

Това е показване на неуважение към клиентите. Тук се изисква да се въведе един път кода от капачката и още един път някакви букви от картинка. Очевидно в Кока Кола страдат от параноя и не мислят за потребителите си – вижте Прочети и таз картинка (http://www.e-lesno.com/blog/20041216/) на тема кодове.

Стъпка 5

Няма къде да ходите. Въвеждате кодовете и натискате Проверка. (Името на това копче е по-добро, въпреки че е неконсистентно граматически и като място с копчето от предишната стъпка – вероятно двата екрана са правени от различни програмисти.) В общия случай получавате потупване по гърба, но това са правилата на играта и това е действителността.

Ако пиете още и още Фанта може и да успеете да спечелите. Ако не улучите „6-те символа от изображението по-долу“ обаче, Кока Кола ви казва, че сте много тъпи и сте въвели грешен „PIN код“.

„PIN код“?! Откъде пък дойде това? Но понеже сте разсъдливи, разбирате, че става дума за „6-те символа от изображението по-долу“ и полекичка ги преписвате, докато улучите. Не е трудно да е лесно, ако се помисли за потребителите и за начина, по който те ще взаимодействат със сайта. Кока Кола не са го направили и за това вместо едностъпкова проверка предлагат петстъпкова процедура, при която на всяка стъпка дебнат изненади. Не знам какво става ако спечеля. Не съм пил толкова много Фанта. Предполагам обаче, че ще има 27 лесни стъпки, за да получите наградата си.

Няма достъп за хората без зрение, които тъкмо получиха синтезатор на реч за Windows на български и се обнадеждиха, че ще могат да ползват пълноценно Интернет.

Силно вярвам, че znam.bg не са знаели, че с прословутата картинка, на която има букви или цифри за виждане и въвеждане, не са се досетили, че по този начин правят невъзможен достъпа на незрящи хора.

Уверен съм, че когато разберат това, ще направят нещо, за да могат и потребителите без зрение да ползват znam.bg…

Има вече такива примери. Mtel.bg поставиха същата защита преди време, но когато разбраха, че това пречи на слепите хора да използват сайта им, намериха решение. За съжаление noi.bg не реагира по подобен начин, но ние не губим надежда, че това ще стане.

Добре би било, грижещите се за znam.bg, да разберат за този проблем, но както можете да се досетите, поради преградата няма как да направя контакт с тях…
Интернет беше и все още е едно пространство, в което слепите хора не се различават от виждащите. Толкова малко усилия са нужни, щото това пространство да остане такова…

Ако е трудно да се махнат всички паркирани автомобили от тротоарите, за да могат слепите спокойно да вървят, то не е толкова трудно да не се слагат прегради за незрящите в Интернет. Нека да не слагаме стени и ограничения за слепи, глухи или каквито и да било добронамерени хора, моля.

Забележка: Този материал бе любезно предоставен на Лукрат от Виктор Любенов, 1 юни 2005, автор на http://bezmonitor.com.

Наистина, в сайта на НОИ имаше малък проблем, който преодолявахме относително лесно, докато някой там не реши да ни затръшне вратата по най-некадърен начин.

Не, че това е кой знае колко важно, инвалидите са здравно осигурени, но въпроса е за достъпността изобщо.

По-долу става въпрос за един начин за защита на разни услуги из Интернет. Най-кратко казано, някъде уеб-мастърите поставят едни картинки в .jpg-файлове, на които има кодове, които трябва да се видят и да се въведат от клавиатурата. Това е една бариера за злоупотребяващи хора и скриптове… но бариера и за слепите потребители.

Преди няколко месеца, такава бариера беше поставена на sms.mtel.net и не можехме вече да пращаме SMS-съобщения. Но писах един e-mail на уеб-мастърите на sms.mtel.net и проблема ми беше разрешен за часове. Когато напиша името и паролата си за достъп, за мен няма картинчест код в jpg. Ето и адекватното съобщение, което хората са написали:

Уважаеми потребители,За да повиши сигурността при ползване на страницата и да предпази клиентите си от получаване на нежелани съобщения, М-Тел прави следните нововъведения:

• Въвеждане на допълнителен четирицифрен код (уникален при всяко първоначално зареждане) при вход в страницата.
• Допълнителна възможност за използване на криптиранa връзка при работа на страницата.

Забележка: При използване на криптирана връзка – за да не виждате предупреждението за използване на неразпознат сертификат, моля инсталирайте StampIT Root CA.Повече подробности на http://www.stampit.org.При проблеми с Вашата регистрация пишете на webmaster@mtel.net или се обадете на 088 1010.

Но на сайта на НОИ, не само, че поставиха картинчест код, но и такова съобщение написаха, да се чуди човек, знаят ли изобщо тия хора какво правят, опитват се да ни заблуждават или що… Ето го:

Уважаеми Г-жо/ Г-не,
Националният осигурителен институт въведе допълнителен код при проверка на здравноосигурителния статус. Предлаганата услуга е предназначена за персонална проверка. Допълнителното изискване е поставено с цел защита на Вашите лични данни от неоторизиран достъп.
Кодът е случаен и съдържа поредица от шест символа, които трябва да бъдат въведени от клавиатурата точно – букви на латиница (без значение малки или главни) и цифри.НОИ (c) 2003-2004, Всички права запазени!

Който има макар и малък опит в уеб, ще разбере колко неточно и объркано е това съобщение.

Снимката показва код който е изписан върху картинка, с цел цифрите да не се четат от сканиращи програми.

По-долу цитирам онова, което съм се опитал да направя преди повече от година, като се обадя на НОИ, защото тогава работата, която трябваше да се извърши, за да стане по-достъпен noi.bg за слепите беше за 5 минути. Сега е за повече, но едва ли е за няколко дни…

From: „noi“ noi@NSSI.BG
To: „Victor Kirilov Liubenov“ victor@mbx.isoc.bg
Subject: Re: Za dostupnostta i nezriashtite potrebiteli.
Date: Tue, 28 Oct 2003 14:04:55 +0200

Uvajaemi g-n Liubenov,
predlojenieto Vi e predadeno na raboteshtite po programnia produkt vednaga sled poluchavaneto mu. gl.expert I.Karabashev

—– Original Message —– From: „Victor Kirilov Liubenov“ victor@mbx.isoc.bg
To: <noi@nssi.bg> Sent: Friday, October 24, 2003 2:59 PM
Subject: Za dostupnostta i nezriashtite potrebiteli.

Zdraveyte, pisha Vi ot imeto na slepite potrebiteli.
Povecheto ot tiah rabotiat s browser, koyto niama JavaScript-interpretator. 
Tova ne im prechi da polzvat uslugite na pochti vsichki saytove v Bulgaria i chujbina.
Mnogo se radvame, che noi.bg e napraven dostatuchno profesionalno, za da se polzva prez vsichki browser-i. 
Po-dolu citiram kod ot noi.bg, koyto se nujdae ot suvsem malka promiana, za da e dostupen i za nas, slepite.
Kakto se vijda, za da se otvori report_healthhtm_1.asp, triabva

И след това съм цитирал няколко реда код от сайта на НОИ. Да, ама не…

За съжаление компютрите зависят от хората Един уеб-мастър за 5 минути решава проблем, друг и за година не ще.

Най-сетне, нека декларирам, че храня необходимото уважение към всички държавни институции, към НОИ още повече, изплаща ми пенсия, преди инвалидна, сега и за трудов стаж И точно поради това ми е мъчно, че не се стараят така, както например sms.mtel.net или yahoo…

Виктор Любенов, 14 декември 2004

Забележка: Този материал бе любезно предоставен на Лукрат от Виктор Любенов, 14 декември 2004, автор на http://bezmonitor.com.