Blog firmy Poliman

Tworzymy portale, strony internetowe, gry i aplikacje. Projektujemy, programujemy, obsługujemy i inspirujemy.

Browsing Category:

Design

Na czym polega projektowanie aplikacji mobilnych?

Dynamicznie rozwijający się rynek aplikacji mobilnych wymusza na ich producentach wysoką jakość i troskę o kwestie user experience i user interface. Jakie są obecnie trendy w projektowaniu aplikacji mobilnych i na co koniecznie zwrócić uwagę?

Ogólne: mniej często znaczy więcej

Prostota działania aplikacji jest podkreślana we wszystkich materiałach związanych z kwestiami user experience. Ważne, aby ograniczać ilość tapnięć, które użytkownik musi zrobić, aby wykonać daną akcję. Aplikacja mobilna powinna być tak zaprojektowana, aby możliwe było jak najszybsze realizowanie celów i jednoczesne ograniczenie wszystkich funkcjonalności pobocznych, które nie pomagają, a wręcz przeszkadzają. Co jeszcze przeszkadza? Z pewnością wyskakujące pop upy oraz reklamy otwierające się w dodatkowym okienku, które także powinno się ograniczać.

Coraz ważniejsze staje się tak zastosowanie odpowiednich animacji tak, aby użytkownik widział, że jego działania wpływają na reakcję interfejsu. To sprawia, że aplikacja od razu wydaje się znacznie bardziej funkcjonalna. Jak w życiu- liczy się także pierwsze wrażenie, bo często ten pierwszy kontakt użytkownika z aplikacją może niestety okazać się tym ostatnim. Zarządzanie dobrymi doświadczeniami związanymi z pierwszym kontaktem użytkownika z aplikacją jest więc ważne, dodatkowo warto dać użytkownikowi taką możliwość, aby przynajmniej z część funkcjonalności aplikacji działała w trybie offline.

Nawigacja, czyli sposób poruszania się po aplikacji

Nielinearna nawigacja oraz projektowanie wielkości elementów konkretnie pod dotyk, a także rezygnacja z elementów wymagających od użytkownika szybkiego wprowadzania większych ilości tekstu to podstawa. Jednakże trendy na rok 2017 rok mówią także o coraz większym znaczeniu gestów, które mogą być uzupełnieniem standardowej nawigacji. Oczywiście, nie mogą one być jedynym sposobem realizacji danej czynności, ale ich popularność rośnie. Dodatkowo, ciągle zwiększające się ekrany telefonów powodują istnienie „martwych punktów”, szczególnie przy standardowym korzystaniu z telefonów jedną ręką. Wymusza to umieszczanie najczęściej używanych funkcji w łatwo dostępnym miejscu.

Czy warto podążać za dokumentacją? 

Tworzenie aplikacji w oparciu o dokumentacje na pewno pozwala na tworzenie interfejsów znanych użytkownikom. „Look and feel” to pojęcie opisujące właśnie dopasowanie interfejsu pod konkretną platformę. Dużo jednak zależy od samego podejścia do wykonywania aplikacji i tego, czy będziemy tworzyć aplikacje natywne, odrębne dla każdej platformy czy też zdecydujemy się na aplikację hybrydową- jedną pod wszystkie systemy, która jest budowana w technologiach wykorzystywanych do tworzenia stron internetowych z dostępem do natywnych funkcji telefonu.

A wskazówki odnośnie tego, jak projektować pod konkretny system można znaleźć na następujących stronach:

Google Material Desing
iOS Human Interface Guidelines
Windows Design

Grywalizacja a nowoczesna edukacja

Czym jest grywalizacja? To nic innego jak wykorzystanie mechaniki znanej z gier do kształtowania zachowań ludzi w świecie realnym. Dzięki zastosowaniu takich mechanizmów można motywować ludzi do działania i budować ich zaangażowanie. 

Coraz częściej grywalizacja wiąże się także z edukacją. Tak jak dzieci i dorośli chcą być mistrzami w pokonywaniu kolejnych etapów ulubionej gry, tak też mogą rywalizować w każdej innej dyscyplinie- na przykład w kontekście pozyskiwania wiedzy czy też umiejętności. To dzięki zastosowaniu tych technik regularna nauka, która często wydaje się nudna i nieatrakcyjna, nagle może stać się pasjonującym wyzwaniem, do którego podchodzi się z autentycznym entuzjazmem.

Jakie mechanizmy z gier na pewno się sprawdzą?

Eksperci coraz częściej piszą o tym, że można z powodzeniem zgrywalizować edukację, dzięki czemu nauka może kojarzyć się z przyjemnością. Nie jest to jednak proces łatwy ani szybki. W sieci powstaje jednak coraz więcej platform e-learningowych i serwisów edukacyjnych, które zostały zaprojektowane właśnie w ten sposób. Najczęściej spotykanymi mechanizmami zapożyczonymi z gier są:

– Systemy ocen i premiowania zadań wykonywanych przez użytkowników na platformie. Aby dane zadanie wykonać użytkownik musi zapoznać się z literaturą, obejrzeć filmik, albo po prostu wykazać się logicznym lub analitycznym myśleniem.

– Zdobywane na platformie punkty pomagają osiągać kolejne etapy, które są bezpośrednim odzwierciedleniem naturalnego procesu uczenia się. Bieżąca informacja o tym na jakim etapie użytkownik się znajduje może być także pokazana w postaci paska postępu.

– Możliwość zdobywania dodatkowych odznak lub gadżetów motywuje do podejmowania dodatkowych zadań. Przydzielanie odznak jest niczym innym jak przydzielaniem nagród.

– Udzielenie feedbacku użytkownikowi po każdym wykonanym zadaniu wspomaga proces uczenia się.

– Wyświetlanie pozycji użytkownika w ogólnym rankingu. Obok zbiorczych rankingów mogą być także rankingi podgrup lub rankingi tematyczne w których dany użytkownik może zajmować wyższa pozycję niż w rankingu ogólnym.

Przykłady platform wykorzystujących grywalizację

– Memrise- portal pozwala na naukę języków obcych.

1

– FitBrains- trening dla mózgu, polepszanie zdolności koncentracji i kojarzenia informacji.

2

– Khan Academy- bezpłatna platforma udostępniająca niezliczoną ilość wykładów oraz interaktywnych zadań i ćwiczeń.

3

– Coursea- portal, na którym można znaleźć kursy wideo zebrane z różnego rodzaju uniwersytetów na całym świecie.

4

Trend na stronę…

 

Jak zaprojektować stronę by zwiększyć zaangażowanie użytkowników naszej witryny w publikowane na niej treści?

Tutaj znajdziesz klika wskazówek, na temat trendów w designie stron www.

Świat designu, projektowania stron internetowych można porównać do świata mody. W oby przypadkach, to co dostajemy jako nowe, natychmiast używamy, eksploatujemy jak tylko się da, na wszystkie możliwe sposoby. Dzieje się tak do momentu, aż nie zaoferują nam czegoś nowego, co sprawi, że zaczniemy postrzegać poprzedni trend jako już absolutnie niemodny.

 

W tym roku w świecie projektowania strony najmocniej zaznaczają się następujące trendy:

 

1.Zdjęcia i obrazy… w baaardzo dużym rozmiarze

Głównym powodem umieszczania bardzo dużych obrazów i wysokiej jakości ogromnych zdjęć jest to, że angażują one znacznie bardziej uwagę odwiedzającego witrynę aniżeli tekst. Obrazy i fotografie w prosty i jasny sposób komunikują jaka działalnością zajmuje się firma, bądź na witrynę o jakiej tematyce trafił.

duze zdjecia

 

2. Zwrot ku mobilności

Profesjonalna i nowoczesna firma musi dostosować swoja witrynę do posiadaczy mobilnych urządzeń. Trend ten obecny jest w dużej mierze dlatego, że przybywa coraz więcej użytkowników takich przenośnych urządzeń. Zmuszeni jesteśmy do jak najlepszej adaptacji stron www do zachowań, możliwości i potrzeb takich użytkowników. To pokazanie się jako dostępnych i otwartych na wszystkich użytkowników

iphone-speech-conference-cell-phone

 

3. Czcionki, duże i oryginalne

Ogromny wpływ na wrażenia estetyczne i przede wszystkim na użyteczność jakie odnosi użytkownik ma typografia. Zastosowanie dużego i oryginalnego tekstu sprawia, że strona jest inna niż wszystkie. Duża czcionka ułatwia czytanie strony. A zastosowanie większej czcionki do podkreślenia najważniejszych treści czy tytułów wspomaga wyszukiwanie informacji. Typografia to ważny element każdej strony www. Duża czcionka będzie dobrze współgrała ze wspomnianymi obrazami i fotografiami.

czcionki

 

4. Przejrzystość strony

Przejrzysta, lekka w odbiorze strona częściej przyciąga usera. Celem jest stworzenie nowoczesnego, jasnego i użytecznego nośnika proponowanych przez nas treści. Dlatego mówiąc kolokwialnie powinniśmy „odchudzić” naszą stronę z niepotrzebnych treści, które tylko rozpraszają uwagę odwiedzającego nasza stronę.

przejrzystosc strony

 

5. One – page leyout czyli przewijanie bez końca

Już nie tak nowym, ale nadal dobrze trzymającym się trendem są strony leyout’owe, które stawiają na wyłączne scrollowanie witryny. Budowa strony one-page’owej zakłada, że klikanie w linki to sztuczna czynność stwarzająca barierę między stroną www, a użytkownikiem. Odwiedzający witrynę jest prowadzony po ścieżce i stopniowo po kolei zapoznaje się z treściami dostępnymi na stronie. Trend ten pozwala na dokładne poznanie oferty strony internetowej, bez klikania w linki i możliwości przeoczenia ważnej dla użytkownika treści. Przykładem takiej strony jest firma Poliman.

nowa-fajna-strona-poliman

 

6. Opowiadanie historii – storytelling

Nową forma reklamy jest odejście od tradycyjnego informowania na rzecz interaktywnej opowieści. Wszystko ma zostać opisane, by wprowadzić użytkownika w świat marki, usługi, produktu. Formy snucia opowieści popularne są szczególnie na stronach promocyjnych i serwisach produktowych. Całość informacji zawarta jest na jednej stronie, która jedynie przewijamy w dół zapoznając się z opowiadaną nam historią.

storytelling

 

7. Media społecznościowe

Social media to duża część zysków wielu firm. Aby zyskać kolejne profity i użytkowników proponuje się zmianę przycisku call – to action na przycisk z opisem „podziel się” „udostępnij” zamiast obecnej formy „kup” i „dodaj do koszyka”. Korzystnie w dotarciu do kolejnych użytkowników jest to z prostego powodu. Osoba klikająca i udostępniająca naszą usługę sprawi, że zobaczy to wielu jej znajomych, co zwiększa prawdopodobieństwo dokonania zakupu także przez nich. A kto chce i jest zdecydowany na zakup i tak go kupi.

hands-woman-laptop-notebook

 

8. Video i multimedia

Kolejnym niezwykle szybko rozwijającym się trendem w Sieci jet poza dużym zdjęciem duże video! Zdjęcie i obraz znacznie bardziej niż suchy tekst angażują odbiorcę, jednak jeśli faktycznie zależy nam na pełnym zaangażowaniu osób odwiedzających witrynę sięgnijmy po sprawdzone rozwiązanie jakim jest film. Na popularności zyskują także ruchome tła strony.

wideo

 

Mam nadzieje, ze tymi poradami dotyczącymi najnowszych trendów budowania strony pomogłam i zainspirowałam Was do zmian. Zmian na lepsze, bo gwarantujące większą ilość zainteresowanych odwiedzających Waszą witrynę.


Jeśli dzięki naszym poradom stworzycie coś oryginalnego, podzielcie się tym z nami. A może Wy macie jakieś dodatkowe spostrzeżenia?? Piszcie.