[www] PHPGuru.pl Opcje

[Spawnm]

Witam,

proszę o opinie co do wyglądu oraz funkcjonalności strony http://phpguru.pl

[phpion]

1. W tekście (nie kodach) zmniejszyłbym rozstrzelenie między literami, a zwiększył między liniami. W przypadku dłuższych tekstów niewygodnie mi się to czyta.
2. Ostatnią linijkę w stopce oddaliłbym od dołu strony.
3. W przypadku braku przejścia na poprzednią/następną stronę ukryłbym nieaktywny element, albo wyróżnił aktywny.
4. W przypadku błędnego logowania od razu wyświetliłbym formularz z wpisanym loginem (bez hasła). Teraz trzeba odczekać 1-2 sekundy aż wrócimy do formularza wyczyszczonego z danych.
5. http://phpguru.pl/Home/index.html?page[]=1 (IMG:style_emoticons/default/smile.gif)

[klocu]

Zasugerowałbym kilka drobiazgów:
- logo jest wyśrodkowane w pionie, a menu przyklejone do topu / a może jednak ujednolicenie położenia?
- stopka - ogromny ten opis, ja bym zmniejszył rozmiar napisów
- logo - ja bym w jakiś sposób uaktywniał logo np podświetleniem po najechaniu, podkreśleniem albo jeszcze jakimś innym sposobem
- mod_rewrite - wiadomo (IMG:style_emoticons/default/wink.gif)

[!*!]

Spawnm i to jest to odczekanie? Myślałem że pierw chcesz to doprowadzić do porządku, a dopiero później wrzucić do ocen (IMG:style_emoticons/default/biggrin.gif)

Prócz tego co już pisałem i tego co jest wyżej:

- mailto jako "kontkat" ? (IMG:style_emoticons/default/wink.gif)
- własnych wpisów nie można usunąć, jak również brak linków, aby je zobaczyć
- może jakiś ranking, ilości wpisów, ostatnich komentarzy itp.

ps. czy jesteś zainteresowany wrzuceniem linku do tego na forum, zamiast phpedii? I czy ktoś odpowiedzialny za ten link, jest zainteresowany taką zmianą? (IMG:style_emoticons/default/biggrin.gif)

Ten post edytował !*! 21.03.2013, 09:44:34

[thek]

Jak już wspomniałem na G+, są pewne braki w UX:
- brak informacji o możliwości komentowania na stronie głównej. Formularz widoczny jest z poziomu konkretnego posta, więc wystarczy w belce oprócz tytułu wyświetlić ilość komentarzy, wtedy ludzie przy istniejących klikną w belkę,
- słabo widoczne komunikaty. Dopóki user nie dostanie zielonego lub czerwonego na twarz, będzie miał problem z wychwyceniem informacji.
- mała ilość wpisów na stronę. Na chwilę obecną paginacja limituje do 4.
- bardziej wyróżniłbym belkę wpisu. Obecne szare tło niezbyt dobrze się sprawdza.
- więcej światła między wierszami zwiększy czytelność. Teraz linie są za bardzo zbite

@!*!: linki do postow sa, ale trzeba kliknąć w belkę wpisu, wtedy przenosi.

Jak wspomniałem, UX za bardzo nie pomaga, co widać już przy rejestracji, gdzie po prawidłowym utworzeniu konta wali komunikat w szarym tle, co jest ledwo widoczne. Brak przekierowania od razu do profilu, co byłoby lepszym rozwiązaniem. Inna sprawa to fakt, że na ten sam mail i te same dane próbowałem kilka razy, z powodu właśnie słabego wyróżnienia, założyć konto. Po chyba 5 próbie zauważyłem w końcu komunikat... A mimo to informował mnie o poprawnym założeniu konta. Założyło 5 identycznych (wątpliwe) czy brak walidacji unikatowości nicka/emaila?

[!*!]

@!*!: linki do postow sa, ale trzeba kliknąć w belkę wpisu, wtedy przenosi.

Miałem na myśli to http://phpguru.pl/wpisy

A i jeszcze brakuje wyszukiwarki.

Ten post edytował !*! 21.03.2013, 09:54:44

[skowron-line]

Szkoda że layout nie jest klepnięty w twitter bootstrap w defaultowej kolorystyce wyglądałby o niebo lepiej. Co do funkcjonalności to już koledzy napisali.

[Spawnm]

line-height dodane, pager poprawiony, stopka zmniejszona, dodane linki do /wpisy, po rejestracji przekierowanie do profilu.

Wyszukiwarka i mapa tagów pojawią się za jakiś czas.

@Thek - 1 konto założyłeś

[!*!]

- przy edycji, pusty wpis przejdzie.

Powód edycji: [Spawnm]: już nie :)

[thek]

@!*!: /nickname/wpisy faktycznie być powinno, przy czym Twój z użyciem wywalenia niedozwolonych znaków byłby ciutkę problematyczny (IMG:style_emoticons/default/wink.gif) Może jakiś inny string lub po prostu id i by było ok. Co do wyszukiwarki to się zgodzę, ale jeśli będzie funkcjonalność tagów dobra, to pewnie nie trzeba będzie się zanadto bawić.

Tak z ciekawości... Całość na bazach relacyjnych czy do treści, w ramach optymalizacji potencjalnej szukajki, zaprzągłeś jakąś bazę noSQL? Trochę by to była sztuka dla sztuki przy małej ilości wpisów, ale za to odporniejsza przy rozroście samej aplikacji do większych rozmiarów.

@Spawn: czyli po prostu nadpisuje chyba sobie te dane, bez walenia na twarz. Co prawda ponowna próba założenia konta z tymi samymi danymi pokoloruje już na czerwono login i mail, ale wczoraj jeszcze widać coś tam działało specyficznie, skoro 5 próba kliknięcia rejestracji z tymi samymi danymi (za wyjątkiem captchy) waliła nadal info o pomyślnym utworzeniu. Link do wpisów powinien prowadzić nie tylko do własnych. Przy człowieku powinien być także link do jego wpisów myślę, bo ludzie są ciekawi innych jeśli ktoś pisać będzie sensowne. No i stripnij z nicka link, jeśli nie ma strony www, bo teraz walisz blankiem (IMG:style_emoticons/default/wink.gif)

[Spawnm]

Obecnie wszystko siedzi w mysql. Podstrona z profilem usera pojawi się na dniach.

[in5ane]

W pierwszej chwili jak wszedłem i zerknąłem, co to jest, chciałem się zarejestrować. Nie widać na pierwszy rzut oka, dopiero po kliknięciu Logowanie jest opcja utworzenia konta. Myślę, że sensownym będzie dodać do menu jeszcze jeden link z rejestracja. I po rejestracji powinno zalogować od razu użytkownika i przenieść go na stronę główną, albo na stronę profilową (którą masz zamiar dodać na dniach).

Przykładowo: Autor: in5ane (link nie przenosi nigdzie?).

Może jakaś instrukcja, albo lepiej opisane pola formularza przy dodawaniu wpisu? Mam na myśli, to, jak dodawać kolorowanie składni? Czy to sam później robisz? IMO to bez sensu, dałbyś coś takiego, jak jest na forum.php.pl. I jakaś adnotacja, że musi czekać na akceptacje.

To kliknięcie w dany wpis (w tytuł na szarej belce) jest w ogóle nie intuicyjne. Nie wygląda to, jakby się w to miało kliknąć.

Zmiana loginu? IMO niepotrzebne.


Ale ogólnie na plus, bardzo fajny pomysł.

[Spawnm]

Dodam potem buttony dla bbcode.
Obecnie po kliknięciu w nick autora przenosi na jego stronę, wydawało mi się to ciekawym pomysłem. Potem dorobię profile.

[in5ane]

Dodam potem buttony dla bbcode.
Obecnie po kliknięciu w nick autora przenosi na jego stronę, wydawało mi się to ciekawym pomysłem. Potem dorobię profile.

Ogólnie ciekawy pomysł, ale nie każdy ma stronę, nie każdy doda link przy rejestracji. Ale myślę, że lepiej jak będzie przenosić do profilu

[mstraczkowski]

Jeżeli ktoś nie ma podanej strony www, to po kliknięciu w jego nick, otwiera się biała karta (IMG:style_emoticons/default/wink.gif)

[Spawnm]

Są już profile, link 'Czytaj' i opis bbcode(buttony na dniach). I na dziś to chyba tyle (IMG:style_emoticons/default/smile.gif)

[thek]

Albo otwiera blanka jeśli user nie podał strony. Kliknij w mój nick to sam zobaczysz.
Ogólnie ja z punktu UX widzę to tak:
- przycisk "Logowanie" zamieniłbym od razu na formularz logowania (jeden klik mniej), a dodatkowo dzięki temu logowanie byłoby dostępne z poziomu każdej podstrony,
- przycisk "Rejestracja" jako większy (ale bez przesady) link w boksie logowania,
- "Czytaj" nie ma sensu jeśli cały tekst jest na stronie - to ma sens tylko przy zajawkach,
- Na profilu dopiero strona autora. I nie jako znowu belka, bo nikt się nie kapnie (IMG:style_emoticons/default/wink.gif)
- tytuł w belce to jakiś nice-url,
- pod wpisem lub poniżej belki, równane do prawej, jego tagi,
- w profilu widoczne podstawowe dane, ale z osobną zakładką na dotychczasowe wpisy. Kilka ostatnich (5?) wraz z paginacją na starsze. Zamiast zakładek może być jakiś akordeon. Dzięki temu nie będzie bałaganu, a wszystko czytelne i nie przeszkadzające sobie nazwajem. Same tytuły nie mówią wiele, a i tak joinujesz się z tabelą wpisów. Dla oszczędności można niby zrobić zajawkę, ale zajawka i jakikolwiek kod to zawsze są problemy z parsowaniem, więc darowałbym sobie,
- można się pokusić o wydzielenie w profilu tagów tegoż usera i jego "prywatnej chmurki", dzięki czemu będzie wiadomo od razu w czym user jest dobry.

No i jeszcze jedno mi się skojarzyło. Mamy listę wpisów usera, ale co z dotarciem do własnych lub czyichś komentarzy? Czasem są one lepsze niż wpisy. No i niemal pewne jest, że będą użytkownicy jedynie komentujący, ale sami nic nie piszący. To też można wyłapać. Zastanawiałbym także nad ewentualną możliwością edycji/usunięcia własnego komentarza, czy raczej w przypadku oznaczenia jako "usunięcie" domyślnego "zamykania" go przez hide(). Tak by nie było go od razu widać, ale user nie miał też możliwej ingerencji w tok, który jest wszak częścią dyskusji i pewne braki by go zaburzały oraz jednocześnie był dowód na ewentualne krzywe teksty usera.

PS: Nie... Nie mam doświadczenia w UX jako takim, ale dużo siedziałem i siedzę z frontem lub osobami za niego odpowiedzialnymi.

[!*!]

Dobra byłaby też opcja "przypomnij hasło".

[in5ane]

Jeszcze jedno, co zauważyłem. Z początku nie wiedziałem, co to jesz Szuflada. Wchodziłem w nią i tylko info, o braku. W końcu kliknąłem plus (i to też dopiero w rozwinięciu wpisu) i zczaiłem, co to jest. Plus powinien być nie tylko w rozwinięciu wpisu, i nie powinien być widoczny dla niezalogowanych. Pozdrawiam.

[redeemer]

Dostałem bana (IMG:style_emoticons/default/smile.gif) Dozwolone "krzaki" UTF-8 w nazwie loginu, nie wiem czy to dobry pomysł. Stronę www na profilu filtrowałbym aby nie przyjmowała wartości phpguru.pl* (np. http://phpguru.pl/logowanie lub http://phpguru.pl/szuflada/add?id=14 ). Dodatkowo, nie wiem czy już ktoś pisał, ale przy edycji konta walidacja zmusza mnie do wpisywania nowego hasła za każdym razem.

Powód edycji: [Spawnm]: filtr dodany

[!*!]

Można dodać komentarze, do artu który nie istnieje http://phpguru.pl/czytaj?id=666

Powód edycji: [Spawnm]: już nie, uprzedziłeś mnie o minute :))

[devbazy]

Szkoda że layout nie jest klepnięty w twitter bootstrap w defaultowej kolorystyce wyglądałby o niebo lepiej. Co do funkcjonalności to już koledzy napisali.

Zgadzam się (IMG:style_emoticons/default/smile.gif)

[Spawnm]

Buttony bbcode dodane, odzyskiwanie konta dodane (IMG:style_emoticons/default/smile.gif)

[!*!]

odzyskiwanie konta dodane (IMG:style_emoticons/default/smile.gif)

Email leci do spamu.

[red.orel]

§13 regulaminu bardzo zniechęca:

Administratorzy i Moderatorzy nie ponoszą odpowiedzialności za włamania hackerskie prowadzące do pozyskania danych użytkowników i ich postów.

[thek]

Zważywszy na ilość danych osobowych, po prostu aż jest się o co bać (IMG:style_emoticons/default/wink.gif)

[Spawnm]

To raczej zabezpieczenie dla mnie że nie zostanę pozwany, jeśli wydarzy się jakieś nieszczęście. A różnie bywa z tanimi hostingami.
Regulamin zrobiony na bazie jakiegoś szablonu z neta (IMG:style_emoticons/default/wink.gif)

[red.orel]

Zupełnie nieistotne są dla mnie skutki tego zapisu. Jednak programując w PHP często napotykamy się na aspekty związane z bezpieczeństwem. Czy na forum przyjęliśmy już konwencję tanich czasopism, gdzie każde włamanie/deface jest efektem działań hackera? Poprawnym określeniem jest cracker.

[pitu]

Może zrobić pole tagi na wzór tego z http://stackoverflow.com czyli z podpowiedzią już wcześniej używanych w serwisie?

[skowron-line]

Może zrobić pole tagi na wzór tego z http://stackoverflow.com czyli z podpowiedzią już wcześniej używanych w serwisie?

Koledze chodzi o http://aehlke.github.com/tag-it/ (IMG:style_emoticons/default/smile.gif)

[Spawnm]

Z tagami będzie coś robione dopiero jak pojawi się więcej wpisów.

//edit
@skowron-line - w po świętach to wprowadzę.

[skowron-line]

Z tagami będzie coś robione dopiero jak pojawi się więcej wpisów.

//edit
@skowron-line - w po świętach to wprowadzę.

Lepiej przerób grafike według mojej uwagi, zajmie Ci to 30min a afekt będzie nieporównywalny.
Dodatkowo responsive view sprawi że będzie to bardziej atrakcyjny serwis.

[com]

Przy rejestracji Captcha trzeba wpisywać dużymi literami, bo inaczej wysypuje, że błędny kod, ponadto http:// dodano jako placeholder wiec użytkownik i tak musi je wpisac no chyba że dodaje samo potem, bo narazie nie wiem gdzie to spr (IMG:style_emoticons/default/biggrin.gif)



Ten post edytował com 26.03.2013, 14:30:45

[Spawnm]

skoro masz na obrazku duże litery, to masz przepisać duże. Dziwi mnie ta uwaga. O http:// sie nie martw.

[com]

owszem, jednakże na prawie wszystkich chapta sa duże a działają na małe również (IMG:style_emoticons/default/wink.gif)

Ten post edytował com 25.03.2013, 23:33:35

[!*!]

@skowron-line - nie rzygasz już tymi gotowcami, co 2 serwis który nie ma grafika, wygląda tak samo
@com - co to jest chapta?

[devbazy]

@!*! - com miał na myśli zapewne captche. Natomiast co do roli grafika, to tutaj uważam ją za zbędną. Przecież zawsze można dopasować twitter bootstrap pod siebie, co za problem? Nawet lekka zmiana kolorystyki by pomogła i wtedy ten projekt nie przypominałby innych korzystających z tego frameworka.

@Down: po to, żebyś następnym razem zwracał większą uwagę na to, co piszesz, aby w przyszłości nie było niedomówień (IMG:style_emoticons/default/smile.gif)

Ten post edytował devbazy 26.03.2013, 19:44:10

[com]

Oj co za róznica jak sie to pisze każdy wie o co chodzi, wiec poco offtopa robić?!

[fiszol]

1024x768:

(IMG:http://i.imgur.com/sA9zgW5l.png)

co z urlami?
np ?czytyaj&id=xx => /czytaj/id,nazwa_wpisu
profil/nick zamiast ?profil&id=xx

Ten post edytował fiszol 31.03.2013, 22:52:53