Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Projektowanie GUI, O czym należy pamiętać
MWL
post 24.04.2009, 09:31:12
Post #1





Grupa: Zarejestrowani
Postów: 492
Pomógł: 32
Dołączył: 14.04.2008
Skąd: Lenkowski.net

Ostrzeżenie: (0%)
-----


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?


--------------------
Programujemy aplikacje internetowe. Szukasz pracy? Napisz do mnie!
Go to the top of the page
+Quote Post
phpion
post 24.04.2009, 09:52:50
Post #2





Grupa: Moderatorzy
Postów: 6 070
Pomógł: 860
Dołączył: 10.12.2003
Skąd: Dąbrowa Górnicza




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?
Go to the top of the page
+Quote Post
MWL
post 24.04.2009, 10:05:41
Post #3





Grupa: Zarejestrowani
Postów: 492
Pomógł: 32
Dołączył: 14.04.2008
Skąd: Lenkowski.net

Ostrzeżenie: (0%)
-----


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?


--------------------
Programujemy aplikacje internetowe. Szukasz pracy? Napisz do mnie!
Go to the top of the page
+Quote Post
devnul
post 24.04.2009, 10:41:11
Post #4





Grupa: Zarejestrowani
Postów: 1 470
Pomógł: 75
Dołączył: 21.09.2005
Skąd: że znowu

Ostrzeżenie: (0%)
-----


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


--------------------
Profesjonaliści są przewidywalni...
strzeż się amatorów...
FL4SHB4CK - imprezy, galerie, lokale
Go to the top of the page
+Quote Post
MWL
post 24.04.2009, 11:07:23
Post #5





Grupa: Zarejestrowani
Postów: 492
Pomógł: 32
Dołączył: 14.04.2008
Skąd: Lenkowski.net

Ostrzeżenie: (0%)
-----


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)


--------------------
Programujemy aplikacje internetowe. Szukasz pracy? Napisz do mnie!
Go to the top of the page
+Quote Post
Seth
post 24.04.2009, 12:00:32
Post #6





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

Ostrzeżenie: (0%)
-----


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.

Ten post edytował Seth 24.04.2009, 12:01:04
Go to the top of the page
+Quote Post
MWL
post 24.04.2009, 12:18:22
Post #7





Grupa: Zarejestrowani
Postów: 492
Pomógł: 32
Dołączył: 14.04.2008
Skąd: Lenkowski.net

Ostrzeżenie: (0%)
-----


ja osobiście zawsze korzystam z papieru milimetrowego, ułatwia znacznie projektowanie w oparciu o siatkę.


--------------------
Programujemy aplikacje internetowe. Szukasz pracy? Napisz do mnie!
Go to the top of the page
+Quote Post
Seth
post 24.04.2009, 13:38:22
Post #8





Grupa: Przyjaciele php.pl
Postów: 2 335
Pomógł: 6
Dołączył: 7.03.2002

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
MWL
post 24.04.2009, 17:00:43
Post #9





Grupa: Zarejestrowani
Postów: 492
Pomógł: 32
Dołączył: 14.04.2008
Skąd: Lenkowski.net

Ostrzeżenie: (0%)
-----


No, brawo, bardzo mi się podoba. Masz coś w ten deseń?


--------------------
Programujemy aplikacje internetowe. Szukasz pracy? Napisz do mnie!
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.03.2024 - 13:44