Ten post został zaktualizowany 19 sierpnia 2020 roku.

Każdy lubi piękne rzeczy. Nasz ludzki mózg jest tak skonstruowany, że daje pierwszeństwo rzeczom atrakcyjnym wizualnie, przyciągającym wzrok, przed tymi mniej pięknymi. Jest to prawdą w każdej sytuacji, od wyboru naszych przyjaciół po skanowanie stron internetowych.

Nie wiem jak Ty, ale ja, kiedy mam do zaoferowania prezent dla kogoś, kogo cenię, wkładam trochę uwagi nie tylko w sam prezent, ale także w jego opakowanie. Zawijanie prezentów zajmuje więcej czasu, wymaga pewnych narzędzi i pewnych rąk, ale szczerze myślę, że niechlujnie zawinięty prezent jest niekompletny i niewybredny - bez względu na to, jak bardzo jest przydatny lub jak bardzo odbiorca go chciał.

Jako nauczyciele, oferujecie swoim uczniom edukację. Do pewnego stopnia edukacja jest darem.

Twoi uczniowie mają szczęście, że jesteś dla nich przewodnikiem w ich podróży do zdobywania nowej wiedzy. Nieustannie doskonalicie swoje umiejętności dydaktyczne, wasza szkoła oferuje system zarządzania nauką, który może zwiększyć wydajność uczniów, a wy robicie wszystko, co w waszej mocy, by stworzyć interesujące kursy online.

Zbyt wielu nauczycieli skupia się na edukacyjnej części swoich kursów, a ignoruje lub zapomina o tym, aby były one również piękne. Nie zrozum mnie źle, edukacyjna część kursów online jest bardzo ważna i powinna otrzymać należną jej część uwagi. Ale jest coś więcej niż tylko świetna zawartość kursu: świetny wygląd.

Nie martw się, nie musisz zostać projektantem graficznym, ale niektóre zasady projektowania mogą się przydać przy tworzeniu kursów online. Oto tylko 4, o których powinieneś pamiętać:

1. Stwórz wizualną hierarchię

Odnoszę się tu głównie do tekstu, ale nie powinieneś ograniczać się tylko do niego, kiedy pracujesz nad wizualną hierarchią swojego kursu.

Tytuł powinien zająć najważniejsze miejsce na stronie i wyróżniać się na tle pozostałych elementów. Napisy również powinny się wyróżniać, ale nie aż tak bardzo. Możesz użyć tej samej czcionki dla obu tych elementów, ale wybierz mniejszy rozmiar czcionki dla napisów.

Tekst w cytacie powinien mieć co najmniej jedną cechę, która odróżni go od zwykłego tekstu; możesz użyć kursywy, innego odcienia koloru tekstu lub obu. To samo dotyczy podpisów pod zdjęciami i grafikami, jeśli chcesz ich użyć; kursywa, inny odcień lub mniejszy rozmiar czcionki mogą załatwić sprawę.

I nie zapomnij, aby ważne słowa i frazy pogrubić i kursywą słowa tu i tam, gdzie to konieczne.

Rozumiesz o co chodzi. Wszystko powinno wyróżniać się na stronie w porównaniu z tekstem w normalnych akapitach - tych, które zawierają większość wiedzy, którą masz przekazać swoim uczniom. No dobrze, tylko przypisy mają najmniejszy rozmiar czcionki na stronie i są przyklejone na dole, ale kto używa przypisów?

Taka wizualna hierarchia pomaga uczącemu się poruszać się po stronie kursu i łatwo znaleźć najpotrzebniejsze informacje.

2. Wyrównaj swoje elementy

Jeśli lubisz używać justify alignment dla swojego tekstu, proszę przestań. Bardzo proszę. Może idealne linie po prawej i lewej stronie wyglądają ładnie, ale to co jest na środku razi w oczy. Nie rób tego swoim chętnym do nauki studentom.

Jedynym tekstem wyrównanym do środka powinien być ten w tytule. OK, może i wiersz mógłby się do tego przyłączyć, ale nie zawsze.

Najbezpieczniejsze będzie zawsze wyrównanie do lewej strony, ponieważ jest ono najłatwiejsze do śledzenia przez ludzkie oko.

Jeśli chodzi o wyrównanie do prawej, to najlepiej sprawdza się ono w przypadku języków, które normalnie pisane są od prawej do lewej, jak arabski czy hebrajski. Jeśli Twój kurs nie ma nic wspólnego z takimi językami, powinieneś zapomnieć, że przycisk wyrównania do prawej w ogóle istnieje w Twoim edytorze, jeśli chodzi o tekst.

Obrazki i grafiki również muszą być wyrównane. Jednak w tym przypadku masz większe pole do popisu. Możesz wyrównać całą zawartość wizualną do prawej, lewej lub centralnie, ale pamiętaj, aby być konsekwentnym. Więcej na ten temat później, pod ostatnią zasadą projektowania, do której podchodzę w tym poście.

Jeśli elementy na stronie Twojego kursu są odpowiednio wyrównane, użytkownicy mogą skupić się na tym, co ważne. Będą podążać za wizualną hierarchią, którą starannie stworzyłeś, zamiast zbytnio rozwodzić się nad jakimś nie na miejscu elementem.

3. Użyj kontrastu

Kontrast może być Twoim najlepszym przyjacielem podczas projektowania kursów online. Ale kontrast może być również twoim najgorszym wrogiem. Uważaj na to, jakie kolory wybierasz i jak ich używasz. Jeśli nie chcesz, aby każdy Twój krok podczas tworzenia kursu był obserwowany, pamiętaj: mniej znaczy więcej. Trzy to równie dobrze jak uczta.

Do tekstu używaj tylko dwóch kolorów. Jeden z nich powinien być neutralny, drugi powinien się wyróżniać. Użyj neutralnego koloru dla większej części tekstu. Istnieje ponad 500 odcieni szarości, więc jestem pewna, że znajdziesz taki, który będzie dla Ciebie odpowiedni. Drugim kolorem - kolorem deklaracji - posyp cały tekst: podtytuły, punktory w listach, wyróżnione słowa, linki, itd. Tylko nie przesadzaj.

Trzecim najważniejszym kolorem na stronie kursu jest kolor tła. Musi on dobrze współgrać z dwoma pozostałymi. Biorąc pod uwagę, że większość książek i notatników ma białawe strony i ciemne napisy, możesz zaadoptować ten pomysł do swojego kursu. Podobnie jak szary, biały ma setki odcieni, z których możesz wybierać.

Proszę unikać łączenia czystej czerni z czystą czerwienią, żółcią, zielenią, błękitem czy fioletem. Każdy kolor ma swoje odcienie, barwy i odcienie, a jeden z tych wariantów jest zawsze lepszy niż czysty kolor. Jeśli mi nie wierzysz, sprawdź tę infografikę. Twoi uczniowie będą wdzięczni, że to zrobiłeś.

4. Bądź konsekwentny

To odnosi się do wszystkiego powyżej i więcej.

Używaj tej samej czcionki dla każdego tytułu i podtytułów, tego samego formatowania dla normalnego tekstu, cytatów, podpisów pod obrazkami i przypisów. Twórz lub przycinaj zdjęcia do tych samych wymiarów i ustawiaj je na tej samej części strony. Trzymaj się swojego motywu kolorystycznego i nie zmieniaj jego zastosowania w połowie kursu.

Kiedy jesteś zadowolony z lekcji, którą przeprowadziłeś, przekształć elementy wizualne w szablony, abyś mógł z nich później korzystać. Nie musisz jej całkowicie powielać, ale wykorzystaj ponownie rzeczy, które wydają się działać. Może następnym razem pobawisz się z parowaniem czcionek, ale zachowasz motyw kolorystyczny. Może innym razem zmienisz motyw kolorystyczny, ale nadal będziesz używać kształtu, który wydaje się działać najlepiej w danym rogu.

Cokolwiek zrobisz, wprowadzaj te zmiany z kursu na kurs, a nie w środku lekcji. Każdy kurs powinien mieć spójny projekt.

Twoi uczniowie nabiorą pewnego rodzaju obycia z elementami wizualnymi kursu, dzięki czemu będą mniej rozproszeni podczas nauki.

Do Twojej dyspozycji

Cztery zasady projektowania, którymi powinni kierować się nauczyciele podczas tworzenia kursów online dobiegły końca. Oczywiście, czteropunktowa lista nie jest wyczerpująca. Projektowanie kursów online jest bardziej złożone niż ta.

Co jeszcze dodalibyście do tej listy? Podziel się swoją opinią w sekcji komentarzy poniżej!