Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Serwis www to serce ekosystemu komunikacji online instytucji kultury. Jak planować, tworzyć i prowadzić serwis www?

2.2016 / internet ad 2015 / tworzenie i zarządzanie serwisem www / webwriting / newsletter / przykłady
by

Dominik Pokornowski

on 18 September 2016

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Serwis www to serce ekosystemu komunikacji online instytucji kultury. Jak planować, tworzyć i prowadzić serwis www?

Żyjemy w Google-landzie
Serwis www SERCEM ekosystemu komunikacji online w instytucji kultury
Przyjechał z Torunia ;)
user experience >
web usability
Jakie wrażenia mają ludzie w czasie korzystania z serwisu www?

fajnie, wygodnie, ładnie, łatwo
Linia zanurzenia?
serwis www
strony partnerów i sponsorów
lokalne i regionalne
portale & serwisy
newsletter(y)
Zasada 3 kliknięć
1
2
3
informacje prasowe
(uniwersalne formaty: rtf, docx, odt, pdf)

wygodne repozytorium foto/wideo
(wersje do druku i do sieci, podpisy)

agregowanie treści: linki, social media

infografiki, wykresy
aktualności, czyli agregowanie treści
kalendarium
kontakt i lokalizacja
misja
zespół
BIP
eng version
biuro prasowe
Wiesz dlaczego każda podstrona serwisu
może być stroną główną?
Unikaj strony biernej, trybu przypuszczającego.
Pisz bezpośrednio, na 'Ty'.
Usuwaj wszelkie ozdobniki i wyrazy niepewności.
Bądź konkretny, pisz do rzeczy.
Unikaj dużych, pustych słów.
Twórz krótkie zdania.
Używaj prostych słów.
Wykorzystaj frazeologizmy, metafory i porównania.
Nie bój się słów kluczowych.

user experience &
web usability
Jak pisać w sieci, żeby czytali?
Dlaczego większość ludzi bardzo lubi czytać
w internecie?
Co to jest serwis www?
informacja
relacja, dokumentacja
(re)dystrybucja kultury
promocja
ekosystem online
dizajn
Jaki masz pomysł na www?
cel(e)
publiczność
środki
technologia
dizajn
koncepcja
plan
prototyp
premiera
technologia
Adblockery mogą boleć.
koncepcja
architektura informacji
statystyki
Jak projektować www?

Mobilne czy uniwersalnie?
http://www.rgm.lv/
http://warsawrising.eu/
http://en.opera.se/
http://www.queenslandballet.com.au/
http://dommuz.pl/
http://culture.pl/pl
http://malta-festival.pl/pl
http://nina.gov.pl/
https://www.space10.io/
http://es.festivaldeteatro.com.co/
https://cultureexperiencedays.adami.fr

Wytyczne WCAG 2.0 poziomu AA
postrzeganie
funkcjonalność
zrozumiałość
kompatybilność
przestrzeń i proporcje
siatka, rama strony
kolumny treści
bloki tekstów
typografia
dobór czcionek
zdefiniowane style tekstu, interlinia
estetyka treści
interfejs
odpowiednie menu
płynna nawigacja
wersja dotykowa
konwencja
Minimalizm...
nie jest tymczasowym trendem, ale stałą regułą.
kolory
identyfikacja wizualna
vs UX
grafika, wideo
stockowe czy własne

uniwersalnie, czyli RWD
od smartfona po smartTV
CMS
system zarządzania treścią
Sayonara Flash
Robi się niebezpiecznie!
zaufane pluginy
aktualizacje
regularny backup
odpowiednie hasła
płasko i prosto
optymalizacja grafik:png, svg
zagnieżdżanie wideo
galerie i projektory
Grafika, wideo
Dostępność serwisu www
Co i jak z SEO?
idea, koncepcja, cel
menu
stopka
ekosystem online
forma strony głównej
Pamiętaj
o newsletterach!
trendy
onepager & parallax
Z czego składa się serwis www?
redakcja
O projektowaniu tekstu do internetu,
czyli webwritingu
Sposoby na tytuł

pytanie
wyliczanka
porównanie
tytuł z obietnicą
wrażenia zmysłowe
dane i fakty
*wystarczą 4 słowa
Tytuł musi zagrać!

emocje
fakty
potrzeby
opowieści
Dziękuję!
Dominik Pokornowski
haipaa.com
@domipok

Jak stworzyć serwis www?
https://themify.me/demo/themes/parallax/
Mobilnie = dotykowo
Web usability, czyli co?

stosunek zawartości serwisu do kodu
wygodna przestrzeń
przyjazdy layout
dostępność WCAG
webwriting
poprawne definicje i meta
przyjazne, proste linki
podpisane i otagowane grafiki
brak agresywnej reklamy
u góry, na lewo, klikalne
wyszukiwarka
pasek nawigacyjny
kontakt w menu
mapa serwisu
rozpoznawalność wizualna
 
Konwencja czy eksperyment?
O czym wie (każdy) webdizajner?
http://nina.gov.pl/
Kto, kiedy, co i jak (długo) czyta?
Jak się zachowuje?
Skąd klika?
W czym przegląda?
(prawie) Kim jest?
Czego się dowiesz z regularnej analizy statystyk?
Pomoc w projektowaniu.
Krótko i zwięźle,
a do tego
wyczerpująco i ciekawie.
Dlaczego
tytuł i nagłówek
są najważniejsze?
Projektujesz tekst i multimedia.
paragrafy
śródtytuły
cytaty
wyliczanki
estetyka tekstu
Idealny akapit

4 linie
3 zdania
zaczyna się od słów kluczowych
Język polski w sieci
http://species-in-pieces.com/
trendy
pełny ekran / slajdy
animacja w nawigacji
http://www.onthegrid.city/
Inspiracje
https://cultureexperiencedays.adami.fr
trendy
nawigacja horyzontalna
trendy
multimedia na wywołanie
Jak stworzyć serwis www?
blog
Jak sobie pomóc?
focus writing
weryfikacja tekstu np. jasnopis.pl
linki
pogrubienia
ramki
Zamień komputer w maszynę do pisania.
Serwis www SERCEM ekosystemu komunikacji online w instytucji kultury
http://nina.gov.pl/
https://cultureexperiencedays.adami.fr
Co aktualnie w internetach?
wideo
multimedia na wywołanie
pełny ekran / slajdy
nawigacja horyzontalna
animacja w nawigacji
mobilnie
flat & material design
onepager & parallax

http://species-in-pieces.com/
https://www.space10.io/
Full transcript