8 Nasi Wskazówki do realizacji Mobile First Design projekt

A+ A-

Uruchamiając nowy projekt projektowanie stron internetowych, łatwo stać się przytłoczeni. Istnieją dosłownie tysiące kierunków, w których można wziąć miejsce. Czy iść z wizualnie stymulującym miejscu? Należy zatrudnić kogoś do zrobienia czegoś w przeciwieństwie do jakiegokolwiek innego miejsca w sieci? Odpowiedź brzmi, że trzeba iść z mobile pierwszego projektu, a oto kilka powodów.

Upewnij się, że jest on zgodny

Obraz poprzez gadgetlite.com

Jest wiele przeglądarek internetowych tam, a niektórzy ludzie są uparci i nie chcą uaktualnić. Projektując ruchomej pierwszą stronę internetową, masz zapewnienie, że każdy może uzyskać dostęp do witryny. Jeśli ktoś używa starych, nieobsługiwane przeglądarki, witryna będzie domyślnie układzie komórkowym.

Struktura treści Pierwszy

Treść jest siłą napędową witryny i chcesz go łatwo dostępne dla każdego. Uporządkowanie swoją stronę, aby pokazać zawartość pierwsze, jesteś stripping dala wszystkich dodatków i uzyskanie od razu do rzeczy. Struktura treści opowiedzieć historię w sposób, który jest zrozumiały dla użytkowników.

Warach rozmiarów obrazu

Nie ma nic gorszego niż przeglądając stronę internetową na urządzeniu przenośnym i widząc zdjęcie lub grafikę, która jest zbyt duża lub zbyt mała jak na ekranie. Poprzez wiele uchwał na każdym obrazie, witryna będzie załadować odpowiedni obraz do ekranu użytkownika, więc ktoś patrzy na swoim miejscu na komputerze typu tablet nie będzie widać to samo, że ktoś próbuje dowiedzieć się nowych sposobów korzystania ze smartfona lub tablet PC zobaczy.

Można zmienić kierunek artystyczny miejscu, tak więc zamiast obrazu są przycięte, to będzie wyświetlać je na niższym poziomie szczegółowości. Pomaga to również obciążenie strony dla tych użytkowników, którzy nie mogą mieć najlepsze połączenie z Internetem.

Uproszczenie Projekt

Obraz poprzez Flickr Paweł Kabanski

Prosta zasada jest, aby witryna stanie uruchomić na jednej gałki ocznej i kciuka. Jeśli może pracować w takiej sytuacji, może pracować na dowolnym urządzeniu. Chcesz użyć jasnego typografii dobrze, bo będziemy chcieli twoje słowa naprawdę wyskoczy na ekranie. Im bardziej opływowy, tym łatwiej jest dla użytkowników do dostępu do informacji. Pamiętaj, że 32 procent użytkowników porzucić wolno działające strony internetowe od jednego do pięciu sekund, ale współczynnik odrzuceń poprawę o 30 procent dla zmniejszenia rozmiarów stron i ulepszeń prędkości.

Używać znaków specjalnych

Jedną rzeczą, która dostaje dość często pomijane są znaki specjalne, które można wykorzystać. Zamiast podejmowania znaki HTML załadować mapę znaków i patrzeć na kodów Alt. Na przykład, jeśli witryna jest o ocenie, można użyć prostego tekstu, a nie gwiazda gwiazda obraz. Bo to jest tekst, to będzie wyglądać świetnie, niezależnie od wielkości ekranu.

Nie ograniczaj się tylko do postaci dostępnych w zwykłych czcionek. Użyj Webdings lub WingDings dla wielu zestawów znaków. Pamiętaj, że używasz mniej zdjęć, tym szybciej strona będzie ładować.

Wprowadzać innowacje

Innowacje na swojej stronie nie musi wymagać dużo ulepszeń wizualnych. Ponieważ użytkownik łączy się za pośrednictwem urządzenia mobilnego, istnieje duża szansa, że ​​ich urządzenie posiada GPS, wsparcie interakcji multi-touch i ma akcelerometr, więc skorzystać z tych z witryną.

Połącz Pages

Zamiast zrobić swoją pracę czytnika w celach informacyjnych, połączyć kilka stron informacji na jednej stronie. Robiąc to, pomagasz użytkownikowi poruszanie się po witrynie szybko. Jedna z propozycji byłoby mieć spis treści w górnej części strony, a po dotknięciu jednego z linków, przewija w dół do sekcji, który został powiązany.

przełożyć rejestracje

Tyle miejsc zmuszają użytkowników do zapisania się do tego lub założyć, że zanim będzie mógł przeglądać zawartość. Dzięki inicjatywie Facebooka internetowej "społeczny", wiele stron internetowych i aplikacji zmusić cię do logowania się z kontem na Facebooku przed oglądania treści, usuwając zasłony anonimowości.

Unikaj wszystkiego, przedstawiając wszystko z góry. Chodzi o to, aby użytkownicy mogli doświadczyć treści i angażują do produktu, a następnie przynieść rzeczy do nich. Ludzie wydają się bardziej skłonni do zapisania się do rzeczy, po doświadczeniu z pierwszej ręki.

Z mobilnego ruchu internetowego na wzrost, to ma sens, aby zaprojektować najpierw z myślą o urządzeniach przenośnych. Dzięki temu jesteś zmieniając treść i żaden z fantazyjnych wzorów. Niezależnie od tego, czy ktoś jest podłączenie do witryny za pośrednictwem połączenia 3G, 4G lub Wi-Fi, Twoja strona będzie ładować się natychmiast, umożliwiając ludziom, aby szybko uzyskać dostęp do informacji, których szukają. Ruch Mobile będzie się zwiększać, a jeśli nie pierwszy projekt z telefonu komórkowego na uwadze, witryna będzie szybko dostać tyle.