Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Jak wkurzyć użytkownika

3,373 views

Published on

Prezentacja pokazująca czego nie instalować i nie robić na stronie WWW – wkurzające i niezamykanle popupy, blokowanie prawego przycisku myszy, utrudnianie nawigacji przez błędy w projekcie/kodzie strony, skomplikowane w obsłudze sklepy, wielkie slidery, automatycznie odtwarzane filmy, pełnoekranowe slidery z automatycznie odtwarzanymi filmami itd., itp.

Jak wkurzyć użytkownika

  1. 1. Jak wkurzyć użytkownika Bartosz Romanowski WPzen.pl WordCamp Warszawa, 15-16 listopada 2014
  2. 2. Popupy Niezamykalne popupy z wymuszeniem
  3. 3. Popupy Natarczywe lub przerażające popupy
  4. 4. Popupy Popup może być dobry nie jest natarczywy jest łatwy do zamknięcia pojawia się w określonych sytuacjach zawiera przydatne informacje nie „straszy” i nie dezorientuje nie zniechęca do pozostania na stronie
  5. 5. Powolna strona Od czego zależy czas ładowania strony? rozmiar strony (dokumentu HTML) rozmiar wyświetlanych obrazów rozmiar arkuszy stylów CSS rozmiar skryptów JavaScript czas odpowiedzi serwera
  6. 6. Powolna strona Masz tylko 4 sekundy
  7. 7. Powolna strona Wybór motywu dla strony Więcej nie znaczy lepiej
  8. 8. Powolna strona Jak przyśpieszyć stronę? optymalizacja obrazów usunięcie zbędnych elementów cache
  9. 9. „Zabezpieczanie” treści Blokowanie prawego przycisku myszy oraz zaznaczania i kopiowania tekstu
  10. 10. „Zabezpieczanie” treści Jak skutecznie zabezpieczyć treści? Nie umieszczać ich w Internecie
  11. 11. Braki w tłumaczeniu Niekompletne tłumaczenie to niechlujstwo i oznaka braku szacunku do czytelnika
  12. 12. Braki w tłumaczeniu Codestyling Localization https://wordpress.org/plugins/codestyling-localization/ http://wpzen.pl/jak-przetlumaczyc-motyw-lub-wtyczke/
  13. 13. Nawigacja Dezorientowanie użytkownika Menu
  14. 14. Nawigacja Chaos
  15. 15. Nawigacja Mega Menu - sposób na rozbudowane menu
  16. 16. Slidery Animacje i wymyślne efekty
  17. 17. Slidery Automatycznie odtwarzane filmy
  18. 18. Slidery Automatycznie odtwarzane filmy w tle slajdu
  19. 19. Slidery Slidery pełnoekranowe (tło strony)
  20. 20. Slidery Slider pełnoekranowy - galeria zdjęć
  21. 21. Slidery Ciężkie i wolne Źródło: http://chrislema.com/comparing-premium-sliders-for-wordpress-by-performance/
  22. 22. Slidery Co jeszcze jest nie tak ze sliderami? nie sprawdzają się na urządzeniach mobilnych sprawiają problemy osobom niepełnosprawnym spychają treść strony w dół nie są skuteczne
  23. 23. Slidery Slidery są mało skuteczne! średnio tylko 1% odwiedzających klika w slider… …z czego około 89% klika w pierwszy slajd ludzie ignorują slidery (banner blindness) próbując przekazać dużo nie przekazujesz nic Źródło: https://yoast.com/opinion-on-sliders/
  24. 24. Slidery Co zamiast slidera?
  25. 25. Slidery Co zamiast slidera?
  26. 26. Slidery Co zamiast slidera?
  27. 27. Slidery Co zamiast slidera?
  28. 28. Filmy Irytujące sposoby zamieszczania filmów automatyczne odtwarzanie przykrywanie filmów obrazkami ukrywanie źródła filmu (np. YouTube) zbyt duże pliki wideo niedostosowane do urządzeń mobilnych a na koniec…
  29. 29. Filmy Filmy umieszczane w tle strony
  30. 30. Muzyka Muzyka odtwarzana automatycznie w tle to ZŁO
  31. 31. Pytania? Bartosz Romanowski WPzen.pl bartosz@romanowski.im

×