Návrh a tvorba webů ve WebCentru – interní podklady

https://webcentrum.muni.cz/redakce

• Dokumentace na webu WebCentra (návody, tipy, popisy komponent)
  
  • Videotutoriál
  • Návody a FAQ
  • Dokumentace komponent
  • a další

• Formuláře v Umbracu. Co všechno umí a k čemu je lze použít?
• Jak pracovat s formuláři a registracemi

Konferenční sytém pro weby – nastavení a vše potřebné řeší vždy Laďa Olšák

Záznam ze školení, jak fungují newslettery v Umbracu

• https://kompas.muni.cz/
  Vyhledávání univerzitních budov, místností a jejich polohových kódu (hodí se při vložení mapy na web a zvýraznění příslušné budovy či místnosti.
  
  
• Vkládání na web přes komponentu Mapa a přes polohový kód uvedený v Kompasu.

• Na webu WebCentra
• Tým v MS Teams
  4 kanály – Obecné, Newslettery, Uživatelské formuláře, Weby

• Jira Service Management – přehled ticketů
• Jira – správa úkolů především pro vývojáře, sprinty

Všechny weby spuštěné v Umbracu

Doplnit šablony

https://ucnmuni.sharepoint.com/teams/mu-uvt-webcentrum/Sdilene%20dokumenty/Forms/AllItems.aspx

https://ucnmuni.sharepoint.com/teams/mu-uvt-webcentrum/Sdilene%20dokumenty/Forms/AllItems.aspx

• Digitální knihovna fotografií MUNI
• Zakoupené fotky ze Shutterstocku (Sharepoint)
• Tipy na free fotobanky, z kterých lze volně použít fotky:
  • Pixabay
  • Pexels
  • Unsplash
• Fotky Brna (např. na weby konferencí) - možno použít s uvedením zdroj

https://sablony.muni.cz/

Ve OneNote (Poznámkový blok webu Webcentrum - Schůzky)

• Matomo – preferované, je automaticky nasazené na všechny weby v Umbracu, přístup z kořenového uzlu každého webu
• Hotjar – k dispozici neplacená verze, možno přidat na vybrané weby
• Google Analytics – využívá web MUNI, obecně nedoporučujeme používat (viz článek), ale na vyžádání nastavíme
• MS Clarity – nemáme ale žádný společný účet

Weby

• České a zahraniční weby o UX
• Nielsen Norman Group
• Designkit

Design služeb

• 100 metod
  výzkumné, anlytické a designové metody pro design služeb
• LibDesign
  35 metod pro lepší služby (sada kartiček z KISKu)

Newslettery

• Nielsen Norman Group: UX Training, Consulting, & Research
  (zajímavé články z výzkumu)
• Ilicnev.com
  (Dobré články na UX, CRO - česky)
• CXL
  (Dobré články UX, CRO - anglicky)

Komunita

• Asociace UX
• UX camp
• UX Brno (FB skupina)
• UX Jobs CZ (FB skupina)

Design služeb

• Donald A. Norman: Design pro každý den 
  
• Adam Hazdra: Skvělé služby

Uživatelské testování

• Steve Krug: Webdesign: Nenuťte uživatele přemýšlet
  (základní knížka k uživatelskému testování)

UX/webdesign

• Jan Řezáč: Web ostrý jako břitva
• Susan Weinschenk: 100 věcí, které by měl každý designér vědět o lidech
• Petr Staníček: Dobrý designér to všechno ví!
• S. Anderson: Přitažlivý interaktivní design – Jak vytvářet uživatelsky přívětivé produkty

Ostatní

• Daniel Ariely: Jak drahé je zdarma

Erika Hall: Just Enough Research
Metodika pro minimalistický přístup k uživatelskému výzkumu.

Joe Natoli: Think First
Nejen o rozhovorech se stakeholdery.

Steve Portigal: Interviewing Users
Metodika pro vedení rozhovorů.

Stephen R. Covey: 7 návyků skutečně efektivních lidí
Paradigmata a empatické naslouchání.

Dan Brown: Designing Together
O týmové spolupráci nejen při výzkumu.

Dave Gray: Gamestorming
Hry a workshopy pro každou příležitost.

Mike Monteiro: Design is a Job
Příručka začínajícího designera.

Tomer Sharon: Validating Product Ideas
O výzkumu a ověřování nápadů ve světě 0>1.

Jan Chipcase: The Field Study Hanbook
Etnografický výzkum v mezinárodním kontextu.

David Silverman: Qualitative Research
Metodický přehled ukotvující kvalitativní metody.

• MOOC
  Kurzy už asi nebudou aktuální, ale určitě půjde najít na těchto platformách nějaké další :)
• Seduo
• Kurzy od Řezáče

https://portal.muni.cz/go

https://prnt.sc/

Za URL adresu přidat v prohlížeči "?edit=1".

Např. mám otevřenou v prohlížeči stránku https://it.muni.cz/itsm. Pokud ji chci zeditovat v Umbracu, stačí připsat k adrese výše zmíněné, tedy https://it.muni.cz/itsm?edit=1 - a přepne mě to rovnou na editaci stránky v Umbracu. ;)

• Tag Assistant Legacy – umožňuje zjistit v prohlížeči, jestli jsou na webu použité GA, GTM
• Color Pick Eyedropper – zobrazí kódy barev na webu po najetí myší
• WhatFont – rozpozná fonty na webech

https://prirucka.ujc.cas.cz/

• Wireframe MUNI
• Wireframe pro pracoviště na FF