Krytyka projektowania stron internetowych # 26: iPhone Toolbox
Co tydzień przyglądamy się nowej stronie internetowej i analizujemy projekt. Wskażemy oba obszary, które są dobrze wykonane, oprócz tych, które mogą wymagać trochę pracy. Na koniec zakończymy prośbą o przekazanie własnej opinii.
Dzisiejsza strona to iPhone Toolbox.
Jeśli chcesz zgłosić swoją stronę internetową, która będzie prezentowana w przyszłej krytyce projektowania, zajmuje to tylko kilka minut. Za krytykę Twojego projektu pobieramy 24 USD - znacznie mniej niż zapłacisz za konsultanta, który zajrzy na Twoją stronę! Tutaj dowiesz sie więcej.
O iPhoneToolbox
„Zbieramy najlepsze zasoby dla iPhone'a, w tym tapety, ikony, aplikacje na iPhone'a i wiadomości dla fanów iPhone'a. iPhone Toolbox jest także codziennie aktualizowany. ”
Oto sekcja strony głównej:
Pierwsze wrażenia
Moja początkowa reakcja na ten projekt jest mieszana. Tutaj jest dobry początek. Treść została podzielona na moduły, co oznacza, że strona główna może pomieścić masę różnych treści. Jest to dość mocna podstawa do zbudowania i jest dobrym początkiem.
Strona wydaje się jednak trochę obcinająca pliki cookie. Rozumiem przez to, że wygląda na to, że treść została zmuszona do utworzenia szablonu, a nie strony zaprojektowanej wokół treści. Szablony są świetne i mogą zaoszczędzić dużo pieniędzy, ale poświęcasz wiele okazji do budowania marki, wybierając taki o tak powszechnym projekcie.
Przyjrzyjmy się bliżej niektórym obszarom witryny, które mogłyby nieco poprawić.
Znak graficzny, marka
Przyznaję, że jestem dość wybredna, jeśli chodzi o rozwiązanie problemu i sugeruję tę samą sugestię w kilku krytykach. Twoje logo to pierwsza i podstawowa reprezentacja Twojej witryny, którą odwiedzający odwiedzą. Dlatego chcesz, aby był tak ostry i ostry, jak to tylko możliwe. Logo tutaj jest trochę niewyraźne.
Obraz jest już plikiem PNG, ale wygląda jak plik JPG o niskiej rozdzielczości. Pliki PNG są w stanie zachować imponującą ilość szczegółów i jasności, więc wyobrażam sobie, że problem leży w twoim PSD. Upewnij się, że skompilowałeś plik we właściwym rozmiarze i nie zaczynaj od małych zasobów, które następnie musisz rozciągnąć, aby były większe.
Gdzie jest nacisk?
Jednym z podstawowych problemów z użyciem takiego modułowego układu jest to, że łatwo jest stracić poczucie hierarchii. Zamiast wyraźnie zarysowanej struktury komunikacji, masz kilka elementów o podobnym nacisku konkurujących o uwagę. Spójrz na zdjęcie poniżej i zastanów się, na czym polega nacisk. Która część witryny najbardziej zwraca uwagę?
Gdybyś zapytał sto osób, prawdopodobnie uzyskałbyś kilka różnych odpowiedzi. Po prostu nie ma silnego punktu początkowego. W ogóle reklama na górze jest najsilniejszym elementem wizualnym i dezorientuje widzów, czy wiadomość reklamuje twoje usługi lub czyjeś usługi.
Pamiętaj, że dobry projekt tworzy czytelną ścieżkę dla widzów. Mogą zejść ze ścieżki, jeśli chcą, ale powinna być tam silna sugestia. Poprowadź ich z jednego miejsca do drugiego, a oni pozostaną zainteresowani, wrzucą ich do puli treści, a następnie zamkną stronę i przejdą dalej.
Polecam utworzenie wyraźniejszego nagłówka dla witryny, czy to będzie czysty branding, czy większa sekcja „polecana”, po prostu stwórz coś rozciągającego się na całej szerokości strony, które może służyć jako mocny wizualny punkt wyjścia.
Wyrównanie
Pola zawierające podstawową zawartość zapewniają wyraźne wyrównanie witryny, zarówno po lewej, jak i po prawej stronie. Ten wiersz jest śledzony w dół strony, ale jest naruszony u góry. Na poniższym obrazku pokazałem to, rysując dwie linie w górę od głównej zawartości.
Jak widać, zarówno reklama, jak i nawigacja po prostu nie są zgodne z treścią witryny. Powoduje to, że strona wygląda na nieco niechlujną i popycha pomysł, że reklama była późniejsza refleksją, która została zmuszona do zaprojektowania. Proponuję wyrównać reklamę z resztą treści i przesunąć nawigację, aby „Strona główna” zrównała się z resztą treści pod nią.
Końcowe przemyślenia
Poza tym strona ma się całkiem dobrze. Wyrównania są mocne w całej reszcie, są fajne efekty najechania, które pokazują, jak tapeta wygląda na iPhonie, sekcja tapet ma schludny narożnik na zdjęciach, a stopka witryny wygląda świetnie.
Niektóre inne rzeczy, które można opcjonalnie rozwiązać, to rozmiar tekstu (wydaje się trochę mały), zaokrąglone rogi (lekko postrzępione) i nawigacja (powtarzające się kolory). Na koniec rozważ dodanie kilku głównych punktów kontrastu na stronie. Sugestia nagłówka, którą zrobiłem wcześniej, mogłaby być naprawdę przyciągająca wzrok, gdyby była naprawdę ciemnoszara lub czarna rozciągnięta na całej stronie. Kontrast to świetny sposób na urozmaicenie i wizualne zainteresowanie projektem.
Twoja kolej!
Teraz, gdy przeczytałeś moje komentarze, dołącz i pomóż, udzielając projektantowi dalszych rad. Daj nam znać, co Twoim zdaniem jest świetne w tym projekcie i co Twoim zdaniem może być mocniejsze. Jak zawsze prosimy, abyście szanowali również projektanta strony i oferowali jasne konstruktywne porady, pozbawione jakichkolwiek ostrych zniewag.
