witam!

Obejrzyjcie moje nowe dzieło (rekrutacja studentów online).
Zależy mi na opiniach na temat działania serwisu, co należy poprawić zeby było czytelnie i jasno.

Uwaga!
System jest przeznaczony tylko do mojej analizy i nie konieczne jest wpisywanie swoich prawdziwych danych osobowych itp. (poza mailem). Wszystkie dane wpisane na stronie są tylko dla mnie i po okresie testów zostaną usunięte.

Do pełnego ocenieania tej strony nalezy się zarejestrować i następnie zalogować.
Proszę o oceny:
- czytelności
- funkcjonalności
- nawigacji
- spraw programistycznych
- ew. layoutu

adres strony http://www.itsi.pollub.pl/~szpakoo

To ja wymienię.

1. Na początek 125 błędów wg validatora = zło.
2. Lay nie trzyma się "kupy" nic do siebie nie pasuje, kolory bardzo niefortunnie dobrane, dają po oczach, traci na czytelności.
3. Całkiem sporo drobnych różnic pomiędzy samymi FF i IE.
4. Informator i Pomoc - nie działają.
5. Tokeny mało wyszukane, w takiej formie praktycznie nie potrzebne.
6. W rejestracji - czemu zalecane odświeżenie ? Bez sensu, jak tego nie zrobię to formularze nie działa duży minus. Sam możesz odświeżać z poziomu nawet PHP.
7. Czemu na początku maila mam znak zapytania po rejestracji ?
8. Po tym jak się zarejestrowałem, aktywowałem konto, następnie klinąłem raz jeszcze na linka aktywacyjny i dostałem

fajny komunikat
9. Wpisałem w przeglądarkę http://www.itsi.pollub.pl/~szpakoo/konto_osobowe.php?check - zonk.
10. Klikam w link podany na stronie czyli: http://www.itsi.pollub.pl/~szpakoo/konto_edukacjia.php?add a tu błąd. Masz literówkę.
11. Co to za komunikat: "ile bledow: 1rtf" ? Nie bardzo zrozumiały dla użytkowników, rozumiem, że to jakiś szyfr jest ?
12. Dodatkowo w jakimś formularzu zaznaczyłem -inny- i tak w prawie większych polach i dostałem błąd, że źle uzupełniłem, to jak mogę wybrać inny czy nie ?
13. Dane od WKU - nie działają.

.. że też chciało mi się testować, sam się zdziwiłem jeszcze trochę pracy zostało.

Potestuje, a co wspomogę studenta ze swojej uczelni

na pierwszy rzut oka.... wywal to zielone ;P
na drugi - lewe menu po najechaniu na prostokąt z wydziałem, jest on podświetlany, kursor zmienia się w pointer, ale kliknąć nie można, dopiero po najechaniu na tekst, daj display:block na znacznik <a> i na nim ustaw grafikę

Później wpiszę więcej, bo na razie nie mam czasu.

-edit-
Nie ma informacji, że wszystkie pola mają być uzupełnione przy rejestracji. Później wszystkie wpisane dane wyparowują.
Kapcia... zajrzałem w źródło i się załamałem, użyj biblioteki GD i zmontuj to chociaż na serwerze w jeden obrazek. Chociaż podejrzewam, że większość botów przeznaczonych do przeszukiwania sieci to zatrzyma, ale napisanie bota dedykowanego zajmie maks 10min.
Błędy w HTML polegają w większości na nieprawidłowej kolejności tagów, przeplatających się tagach, czy nie zamkniętych tagach. Poszukaj i podomykaj co trzeba.
Gratulacje za sprawdzanie pola PESEL... chociaż porównywanie go z datą urodzenia już nie jest wykonywane. Przeszedł mi pesel 77777777772. Pozatym komunikaty mogłyby być bardziej szczegółowe, w sensie pole jest niepoprawne - dlaczego?
Przy kolejnym poziomie dostępu (swoją drogą, dla użytkownika chyba inaczej się to powinno nazywać) widać wiszącą w powietrzu cyfrę w zakładce moje konto. Heh i gratulacje dostałeś wyższy poziom dostępu są po prostu rozbrajające.

Chyba już dobrnąłem do końca możliwości systemu.

Pozostały do poprawienia:
błędy w html - tak jak wymienione wyżej
błędy w css - popatrz co tam wyrzuca walidator
błędy literówki - jest ich całkiem sporo
layout - aż się prosi o zmianę tego szarego i zielonego, dobierz lepiej barwy, może jakieś przejścia tonalne (ale bez przesady) i będzie ok


Pozatym ok, napisz dobrą dokumentację w postaci magisterki i powodzenia na obronie

A ja z chęcią przetestuję funkcjonalność dalej (na podstronach, które wymagają zalogowania) jeśli dostanę testowe konto.

Capchę obejdzie Ci pierwszy lepszy bot - nie dość, że jest jednolite tło, znaki są pięknie oddzielnie, wszystkie bez jakiejkolwiek transformacji, to jeszcze pięknie wyglądają w różnych kolorach, co dla botów utrudnieniem nie jest na pewno. Poza tym cyferki mają takie nazwy, jakie same sobą reprezentują! Nawet średnio zaawansowany ssak naczelny potrafiłby sobie z tym poradzić bez większych problemów!

Po zarejestruj się, przy wprowadzeniu błędnych danych znikają wszystkie dane - nie znoszę i mam wrażenie, że nie tylko ja, uzupełniać jeszcze raz formularza, jeśli ręka mi się omsknie.

Cholernie niesemantyczne formularze - zamiast na tabeli lepiej używać elementów do tego przeznaczonych, lepszą funkcjonalność miałbyś, gdybyś użył fieldset, label, legend itd. Teraz to wszystko się kupy nie trzyma. Sporo niełamliwych spacji, których zastosowanie nie ma żadnego sensownego wyjaśnienia.

Wszystkie style i skrypty lepiej przerzucić do osobnych plików.

Na stronie studia.php trochę nieładnych literówek (dotycząse, którch, wiadectwa zauważyłam). Znaki są diakrytyczne, a nie dialektyczne. Dialekt ma związek z wymową.

Layout toporny, top moim zdaniem stanowczo zbyt duży. W zaloguj tragiczne ostylowanie linku "zarejestruj". Ludziki przy rejestracji zapomniały o wygładzaniu krawędzi. Pogrubienie linku w stopce powoduje, że skacze i to dość wyraźnie cały tekst.

Jeśli to faktycznie praca magisterska, to prawda jest taka, że kupy się nijak nie trzyma. Html leży, wygląd leży, zwłaszcza już jego kolorystyka (kolory ułożone są tak, jakby ktoś bardzo lubił byle więcej i bardziej męcząco dla czytelnika), usability mogłoby być lepsze, język strony leży (nawet jeśli to wersja beta lepiej dać słynne lorem ipsum niż błędy merytoryczne i literówki, zwłaszcza przy stronie dla sporej "instytucji publicznej").

Wspomniane odświeżanie dobija. To user ma się tutaj dobrze czuć i user nie może wykonywać zadania, które powinien wykonać wcześniej programista.

Do rejestracji nie ma bezpośredniego dostępu, tudzież ja nie zauważyłam. Tzn jasne, jest z głównej, ale jeśli najpierw chcę obejrzeć inne strony, to potem muszę się cofać, albo wchodzić przez zaloguj.

Jestem zwolenniczką dużych czcionek, chociaż przy całym umiłowaniu do nich mam wrażenie, że ciut przesadziłeś. W pikselach toto to 16. Przy 12 już się komfortowo czyta, ustawienie bazy na 14px mam wrażenie że byłoby lepsze i mniej przytłaczające.

"Przebieg rekrutacji" podświetla się jak linki. Tak samo kilka innych tytułów. Wbrew pozorom może być to mylące dla użytkownika.

o nie spodziewałem się tutaj szybkich komentarzy i takiego ruchu w tym poście. wielkie dzięki za chęci pomocy. wszystkie wskazówki są bardzo pomocne i cenne dla mnie. wiem że wszystko wymaga dopracowania, to jest taka wersja robocza (chyba nawet nie mozna jej nazwać betą). przez weekend nie za bardzo mam czas na poprawki, ale napewno w przyszłym tygodniu postaram się wyeliminować błędy(a przynajmniej wiekszość) .
co do layoutu to żaden ze mnie grafik i to cud że w ogole skleciłem coś.
błedy walidatora to niestety też sprawa mojej nieznajomości JS (błedy były w skryptach JS), ale wyrzuciłem je do odzdzielnego pliku i przez validator ładnie przechodzi, z tym że "funkcje" JS są po prostu mega-amatorskie.

No coż jak zauważyliście sporo pracy przede mną jeszcze a czasu coraz mniej.

Na usprawiedliwenie moge dodać jedynie że całość powstała w około 1.5 miesiąca i to magisterka na kierunku:mechanika i budowa maszyn

Jeszcze raz dzięki za szczere chęci i pozdrawiam.

Ok, w takim razie dalej:
na stronie głównej po logowaniu kliknięcie w uzupełnij dane osobowe powinno moim zdaniem przenosić do uzupełniania tych danych, a nie kolejnej podstrony. Tak samo z innymi danymi do uzupełnienia.

Numer pesel posiada każdy, więc jeśli jest niewymagany lepiej byłoby, gdyby pytano się czy uzytkownik chce czy nie chce go podać.

W panelu po logowaniu nie ma menu, żeby wrócić do menu muszę dwa razy się cofnąć - jest to maksymalnie niewygodne.


W wyborze adresu - nie każdy, kto składa papiery na daną uczelnię musi mieszkać w mieście - na wsiach aktualnie ludzie również mają komputery i dostęp do internetu, ale poprawnie już się nie zarejestrują do tego systemu. Warto by to było wziąć pod uwagę.

Po wypełnieniu jednej części formularza powinna się automatycznie pokazywać kolejna - użytkownik ogólnie nie lubi klikać za dużo i należy mu to redukować do minimum.

Na nowej maturze z tego co pamiętam ze swojej można było wybrać więcej niż jeden przedmiot dodatkowy. Jeśli tak dalej jest mimo wszystko należy to uwzględnić.

Po uzupełnianiu czwarty raz ocen z matury myślałam że serio dostanę świra, ale o tym już pisałam wcześniej, podkreślę jednak, że naprawdę nietrudno jest się pomylić, a uzupełnianie od początku wzbudza za którymś razem odruchy mordercze ^^

Jeśli nie mam uprawnień do oglądania jakiejś strony wyświetla mi się pusta strona. Lepiej wyświetlić jakiś napis że nie mam uprawnień i formularz logowania, albo coś w tym stylu.

popraw literówki. opisy powinny być maksymalnie czytelne, tak aby ktoś kto nie zna systemu wiedział o co chodzi.
te 2 żelki przy logowaniu - sorry, niska jakość i całkowicie nie pasują do mającego wyglądać profesjonalnie i reprezentacyjnie systemu rekrutacji.

top jest dla mnie niewykorzystany, za dużo pustych przestrzeni.
dobranie niektórych kolorów - nie przemawia do mnie.

gdy walnę się w przepisaniu kodu, jego wtórne przepisanie przynosi błąd kodu. sprawdzając czy login/mail jest w bazie powiedz konkretnie mam juz taki login albo mam takiego maila a nie mam albo to albo to. sam sprawdź co.

klucze przy logowaniu to samo co żelki. odpowiedź jak kolega wyżej że się "popsuło" - w takim serwisie i taka treść?

"oznaczone czerwonym znakiem x" - pokaż ten znak, opis to nie wszystko, część ludzi to typowi wzrokowcy.

nie rozumiem opcji "masz pesel" - jest to numer ewidencyjny więc... chyba że formularz ma także obejmować obcokrajowców no to wtedy się zgodzę.

pesel sprawdzasz tylko i wyłącznie po zgodności sumy kontrolnej. przy spreparowanym numerze udało mi się go wcisnąć do formularza, system nie sprawdził nierealnej daty i uznał numer za zgodny.

przy opcji "Ukryj przedmiot" w przedmiotach pojawia się ikonka znana mi z naszej-klasy czy się mylę?
do tego masa znaczków typu cyferki, napisy ilość błędów.
rozumiem faza testowa, ale lepiej takie informacje ładować do pliku logów niż pokazywać bezpośrednio w serwisie co?

Ja znalazłem błąd:
http://www.fotosik.pl/pokaz_obrazek/4633906f6fbc62fd.html

Reszta to spora ilość literówek.
Widzę poprawiłeś standard

Dziękuję, Babcia@Stefa

Wydaje mi się, że najpierw zakładanie konta, a dopiero potem wysyłanie danych osobowych jest nietrafione. Lepiej dać to w jednym kroku, potwierdzenie e-mailem i dużo mniej czasu się to robi. Nie przeglądałem formularzy, bo szczerze mówiąc nie chciało mi się rejestrować, ale fajny bajer jest z zapisywaniem danych w ciastku (pokroju uzupełnij formularz później), nie widziałem tego w innych serwisach rekrutacji online. Na stronie głównej zdałoby się jakieś FAQ (czyli kliknij na wydział, potem kierunek itp).

pozdrawiam, Wojtek.

zrobiłem błąd że wystawiłem seris do oceny nie mając czasu na bieżąco usuwać błedów, ale nie spodziewałem się tutaj takiego ruchu. Jeszcze raz dzięki!!
Od rana zabrałem się za usuwanie błedów i mam nadzieje się z tym uporać tak żeby większość Waszych zarzutów wyeliminować.

troche nie rozumiem wszystkich zarzutów więc może rozwincie jeśli możecie:

Ad. 7 Jaki znak zapytania bo nie wiem i w sumie nie bardz rozumiem? w treści maila, czy gdzie?
Ad 9. Hmm widocznie nie nalezy sobie samemu wstawiać adresów w przeglądarke tylko śledzić linki
Ad 12 a to dodawanie działa przy włączonych skryptach JS, miałem poprawić żeby działało przy wyłączonej obsłudze JS, ale mi sie zapomniało i w sumie nie bardzo wiedziałem jak to rozwiązać. może jakaś mała podpowiedź przy okazji...

Za juz słynne "zepsłuło się" przepraszam, tej perełki już nie ujrzycie:)

Reszte spostrzeżeń jak najbardziej rozumiem i przyjmuję do wiadomości i już się biorę za poprawki.
Niestety projekt graficzny najprawdopodobniej zostanie niezmieniony, bo gdzieś "zgubił" mi się pliczek z photoshopa, no chyba że znajde czas na nowy projekt.

Pozdrawiam

//edit
FAQ jest zaplanowany pod linkiem "pomoc"

Tak, na samym początku w treści.



Czasami lepiej, żeby takie coś zabezpieczyć i sprawdzić co się dzieje jak pójdą puste dane, bo user przez przypadek może jakąś lukę u Ciebie znaleźć (bo widać sam tego nie sprawdzałeś) a nie każdy się rejestruje, bo chce iść na studia.



Ja bym powiedział "nas szczęście", wygląd nie jest zbytnio trafiony.

A moim zdaniem wszystkie dane nie powinny być pobierane od razu. Osobiście mało czego nie znoszę tak, jak za długich formularzy rejestracyjnych.

Dojdźmy do kompromisu. Uzupełniasz parę pól, te wszystkie sprawdzenia ajaksowe (dostępność konta o danej nazwie itd.) jeżeli wszystko jest ok, pojawiają się następne pola (ajax). Myślę, że wyeliminuje to następnie klikania, a dzięki temu mamy krótkie formularze

Popracowałem dzisiaj troche nad tym zamieszaniem i wyeliminowałem część błedów. Z ważniejszych to:
- dane już nie wyparowują (przynajmniej na początku rekrutacji)
- dodałem porównanie pesela z datą urodzenia
- usnąłem "zepsuło się"
- zamieniłem tabelke w formularzu na bardziej trafioną forme
- zaczłąłem przerabiać logike systemu, mam nadzieje że będzie bardziej intuicyjna
- wyeliminowałem kilka niespójności css

jutro zajme się resztą i mam nadzieje że będzie mozna przetestować jeszcze raz

//edit
poprawiłem większość błędów logicznych, ciągle brakuje lików "informator" i "pomoc" a także formularza "wku" i jakiegoś zakończenia w postaci komunikatu o poprawności wprowadzonych danych.
Narazie musze skupić się na czymś innym więc zostawiam to w takiej postaci.

Jeśli macie ochote to zapraszam do ponownego przetestowania i zgłaszania błedów.

Pozdrawiam