Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Projektowanie GUI
Forum PHP.pl > Inne > Hydepark
MWL
Witam, zapewne nie raz mieliście problem z zaprojektowaniem panelu administracyjnego do waszego programu.
Jakie macie wskazówki, jak należy zacząć i o czym należy pamiętać podczas projektowania templatki takowego programu?

Moim zdaniem poza samą użytecznością ważne są też przyzwyczajenia użytkowników, menu na górze i po boku. Warto dobrać kolorystykę odpowiadającą każdemu, najlepiej w jasnych barwach. Macie jeszcze jakieś pomysły?
phpion
Proste, wygodne, funkcjonalne, intuicyjne itd itd. Kwestia wyglądu powinna zejść na drugi plan co wcale nie oznacza, że nie jest istotna. Co ci po systemie, który będzie przepiękny ale jego obsługa będzie koszmarna?
MWL
zgadza się, więc jak poprawić użyteczność?
Dla przykładu moim zdaniem panel administracyjny joomli jest dobrym przykładem, jest mały i ciężko często wytłumaczyć Pani Beatce jak tego używać.
Wordpress za to jest zbudowany super, tylko że może się pojawić problem, związany z tym że jakiś inny CMS może mieć więcej opcji i ciężko je posegregować tak po prostu.

Kiedyś projektując panel CMS'a pomyślałem ze fajnie było by zrobić to na zasadzie systemu operacyjnego. Co sądzicie o takim rozwiazaniu?
devnul
Cytat
Moim zdaniem poza samą użytecznością ważne są też przyzwyczajenia użytkowników
ależ użyteczność jest niejako definiowana przez przyzwyczajenia użytkowników.

Cytat
Kiedyś projektując panel CMS'a pomyślałem ze fajnie było by zrobić to na zasadzie systemu operacyjnego. Co sądzicie o takim rozwiazaniu?
bzdura totalna, cms to nie system operacyjny, ma zupełnie odmienne zadanie i tym samym jego interfejs powinien zostać zaprojektowany w oparciu o inne przesłanki.

Generalnie nie ma złotego środka, wszystko zależy od tego jak wiele chcesz upchnąć w danego cms'a i od tego jakie cele stawiane są przed panelem jako główne. Dopiero na tej podstawie można jakoś konkretnie określić układ/rozmieszczenie elementów.

Co do kolorystyki to zdecydowanie powinna być stonowana, żadnych ostrych kolorów. Panel to nie choinka że ma świecić. Kolorów używaj do akcentowania zmian (błędy, informacje o wykonanych operacjach) i innych rzeczy które powinny być zauważone przez użytkownika.

Przed zabraniem się do projektowania dobrze jest zrobić sobie listę oczekiwanej funkcjonalności i podzielić ją w myśl Zasady Pareto, co później pozwoli lepiej wyeksponować najważniejsze elementy, a schować gdzieś głębiej te opcje które nie są aż tak ważne i korzystanie z nich będzie sporadyczne.

Jeżeli będziesz zainteresowany to zgłoś się na PW, pokażę Ci kilka starszych projektów które powstawały w drodze do doskonałości smile.gif
MWL
Co do przyzwyczajeń, miałem na myśli to, że bardzo fajnie, kiedy, jeśli istnieje możliwosć zapisu czegoś w twojej aplikacji, dzieje sie to automatycznie po wciśnięciu starego dobrego ctrl + s lub cmd + s (na moim jabłku)
Seth
Przede wszystkim warto poczytac infromacje na temat usability w sieci - metodologii, best practice itp.
Dobrym rozwiazaniem jest tez skorzystanie z gotowych wzorcow projektowych np: http://ui-patterns.com/

Poza tym samo projektowanie interfejsu najlepiej rozpoczac od makiety - klockow gdzie co ma byc ustawione, a dopiero potem zajac sie grafika.
MWL
ja osobiście zawsze korzystam z papieru milimetrowego, ułatwia znacznie projektowanie w oparciu o siatkę.
Seth
Czyli korzystasz z tego: http://en.wikipedia.org/wiki/Paper_prototyping smile.gif

Do samego prototypowania polecam Visio albo tez Balsamiq - http://www.balsamiq.com/
Ten ostatni ma ciekawy interfejs no i jest napsiany we Flexie
MWL
No, brawo, bardzo mi się podoba. Masz coś w ten deseń?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.