Как да накараме скучна тема да оживее

Скучните теми не трябва да означават скучно потребителско изживяване.

Кратка история: Исках да докажа това твърдение. И за да направя това, сетих се на една на пръв поглед скучна тема.

Развих се с тема „Англицизми и германизми на немски и английски език“ като тема и се опитах да направя всичко възможно да оживее! За целта прочетох по темата и записах неща, които исках да преподавам.

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

Преди да кодирам каквото и да било, създадох макети на ниска вярност във Photoshop. Използвах InVision, за да добавя основна функционалност и да започна тестване на използваемостта. За да обучавам уменията си за уеб разработка, реших да превъртя с обикновен HTML и CSS Javascript.

Чувствайте се свободни да разгледате сайта тук.

И така, какви са заведенията?

Направете го лично

Blob е нещото, което насочва потребителите през сайта. Очите му следят движението на мишката на потребителите. Той ви обяснява темата и той е този, с когото потребителят разговаря. Той също може да промени външния си вид - има дори някои великденски яйца .. опитайте се да напишете „Biene” при първото съобщение подкана.

Пъпки по пчелна и прасковена кожа - английски препис: „Хей! Аз съм Blob, как се казваш?

Това е лекомислен персонаж, а не вашият редовен учител.

Навигирането в сайта е различно от останалите: потребителят напредва, като отговаря на въпроси на blobs. Това е повече от разговор, отколкото всичко друго. Не изглежда, че учиш - но все пак си.

Английски препис: „[Филип], знаете ли, че думата„ работа “е англицизъм?“

Направете го забавно - играта е ключова

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

Ето защо реших да използвам геймификацията като ключова тема в целия сайт. Мини игри поддържат потребителите ангажирани. Те трябва активно да мислят по темата и да бъдат концентрирани.

Английски препис: „Досега открихте 2 англицизма, страхотна работа!“ - „Интернет“, „това“

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

Английски препис: „„ Жезълът на магьосника “не е стената на магьосниците [wand = wall на немски], а неговата пръчка.

Над minigame се състои в намирането на германизми. Ако потребителят избере „Лъжлив приятел“, Blob обяснява разликата в значението.

Ако искате, проверете всички мини игри, като посетите сайта!

Предоставяне на обратна връзка

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

Ако не получите обратна връзка, не усещате напредък.
Английски препис: „Страхотно! Намерихте 3 англицизма, преброих 10 '

заключение

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

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

Бих се радвал да имам отзиви от вас. Свържете се с мен на [email protected] или на LinkedIn. И можете да проверите моя уебсайт philipphertel.com за още проекти.