Dział "Praca"

0
Adam Boduch napisał(a):

Czyli po prostu Twoim zdaniem domyślnie powinniśmy widzieć jedynie pole do wpisania nazwy miejscowości czy słów kluczowych, a dopiero po kliknięciu w to pole pojawia się dodatkowy filtr.

Przecież to sensu nie ma… Dopóki się nie kliknie, użytkownik nie będzie zdawał sobie sprawy z istnienia innych filtrów. IMO złym pomysłem jest takie ukrywanie funkcji, bo utrudnia zrozumienie interfejsu i praw jakimi się rządzi.

0

UPDATE: dodałem ikonki sugerujące możliwość rozwinięcia dodatkowego filtra do elementu

screenshot-20190311203634.png

0

Adam, nie o to chodziło.Cały pic polega na tym, że w miejsce szczegółowych technologii pojawiać się ma kolejny line edit.
Aby to zrobić zgodnie z zamysłem to tam, gdzie teraz jest php/python ma być line edit nazwa miejscowości. Jak kliknę w "szukaj po tytule, nazwie firmy" to wtedy line edit "nazwa miejscowości", i cała reszta pod nią przesuwa się w dół robiąc miejsce na pasek z technologiami.
Jak kliknę jakąś technologię to w line edicie "technologie" pojawia się wybrana wartość, pasek z technologiami znika, a line edit "lokalizacja" wraca na dawne miejsce. A rzecz w tym, że na owym starym miejscu akurat masz ustawiony kursor myszy/palec więc odpada zaiwanianie po ekranie w poszukiwaniu kolejnego elementu.

Nie zgadzam się też z tezą @furious programming - filtry de facto są tylko 2, technologia oraz lokalizacja. 3 jeśli liczyć wynagrodzenie, a wszystkie są widoczne od razu.

0

Hmm, wydaje mi się że własnie mówimy o tym samym. Z tą różnicą, że Ty zaprezentowałeś układ, w którym wszystkie pola tekstowe umieszczone są jeden pod drugim. I tak zapewne będzie - ale na urządzeniach mobilnych. Na wysokiej rozdzielczości mamy natomiast miejsce aby ustawić elementy jeden obok drugiego. Wtedy cały formularz zajmuje mniej miejsca w pionie.

Ustawiając kursor w polu "Szukaj po tytule, nazwie firmy" mamy możliwość wpisania jakiegoś słowa kluczowego - np. nazwy firmy - lub też - kliknięcia w nazwę technologii z pośród listy która pojawia się niżej. Po ustawieniu kursora w polu "Nazwa miejscowości" (np. klawiszem tab) pojawi się filtr z możliwością wybrania miasta zaproponowanego przez system.

0

Znaczy się tak - w porównaniu to tego, co jest obecnie w dziale Praca taki formularz filtrów jak proponujesz w poprzednim poście wygląda na znaczne usprawnienie. Ale to jeszcze nie do końca to, co miałem na myśli.
A tam, zrobię ten prototyp animowany w C++, jak poklikasz w nim to sam zobaczysz o co mi chodziło. Jutro/pojutrze powinien być gotowy.

0

Ok @Adam Boduch, oto demo (dla Windowsa)
I 4progr@mmersR0X!

Główny cel to podgląd na takie działanie filtrów o jakie mi chodziło. To chowanie/pokazywanie podpowiedzi oparłem o focusIn i focusOut.

Z rzeczy nie do końca zoptymalizowanych:

  • flow layout ofert nie aktywuje scroll area
  • to o czym wspominałem, kafelki mają stały rozmiar zamiast wykorzystywać całość miejsca w poziomie
  • line edity technologie i lokalizacje w sumie mogłyby mieć justowanie tekstu do centrum

Źródła w razie potrzeby własnych eksperymentów mogę udostępnić.
EDIT:
Źródła dorzucone. Do kompilacji wymagają biblioteki Qt, wersja jakiej użyłem to 5.12, ale i wcześniejsze z 5.x powinny dać radę.

0

Może zrób po prostu screenshoty?

0

Film z demonstracją 4p Demo dostępny jest @Adam Boduch tutaj:
https://www.sendspace.com/file/snterj

1

@MasterBLB: dzięki za film. Nadal twierdze, że mówimy o tym samym :D Z tą różnicą, że Ty ustawiłeś pola wyszukiwania jeden pod drugim, gdy na dużych ekranach nie jest to konieczne, bo spokojnie zmieścimy te pola obok siebie.

0

No nie do końca. Nie o brak miejsca tutaj chodzi bo to wiadomo, masz go od Peruna i jeszcze na marginesy zostaje, ale o wyeliminowanie konieczności przesuwania kursora myszy na duże odległości aby kliknąć w kolejną kontrolkę.
No ale, demo jest, film jest, źródła są, więc lepiej już nie przetłumaczę. Ja bym ten dział zrobił tak jak opisuję, ale wszak to Ty jesteś tu adminem - mam tylko nadzieję, że coś z tych wywodów okaże się pomocne, i jak zobaczę nowy dział Praca to nie poczuję przemożnej chęci założenia powtórki tego tematu.

0

http://dev.4programmers.info/Praca

Oczywiście nie jest to skończony formularz, a raczej w fazie realizacji. Chodzi mi jedynie o sposób przełaczania się pomiędzy zakładkami. Możemy po prostu klawiszem Tab przechodzić do poszczególnych pól, a na dole pojawia nam się opcja filtrowania.

0

W tej rozdzielczości co mam (1920x1080) taki układ 3 pól obok siebie, w 1 linii jest ok. Pytanie, co będzie przy większych?
Nawigowanie zarówno przy pomocy myszy, jak i tab-a nie wnerwia - wielki plus!
Kolejny duży plus to aktywacja paska z podpowiedziami na otrzymanie fokusa przez line edita.
Widoczność elementów, oraz dostęp z pozycji kursora po kliknięciu w Praca jest OK.

Jest jednak pewien zgrzyt, związany pewnie z moją przeglądarką Vivaldi - otóż pole lokalizacja wykrywa ona jako formularz, i koniecznie chce podpowiedzieć wartość jaką sobie w ustawieniach zapamiętałem. Słabo to wygląda :/ a co gorsza, może w tym nie być ani trochę Twojej winy. Masz tam w PHP możliwość ustawiania typu pola, czy coś w ten deseń?? Teraz to nie przeszkadza, ale jak lokalizacji na pasku podpowiedzi dojdzie więcej toć to pieruństwo będzie zasłaniało.

Tego pierwszego line edita "szukaj po tytule" przemianowałbym raczej na "Wybierz technologie", no i czy ikonka lupy tak do końca tu pasuje to też nie mam przekonania.

Kontrolka od pensji rozumiem, iż jeszcze nie zrobiona do końca.

Przy wyborze jakiejś lokalizacji z paska wyszarzenie pozostałych nadal zbyt delikatne. Może do tego tej wybranej dać dodatkowo zieloną ramkę wokoło?

Generalnie, zmierza to w dobrym kierunku.

0

To nie jest kwestia PHP, ale HTML, a konkretnie atrybutu autocomplete. Nie wiem czemu niektóre przeglądarki to ignorują :/ To samo mam u siebie na Chrome. Jak widać Chrome ignoruje ten atrybut i na siłe wpycha te swoje podpowiedzi.

<input tabindex="1" name="q" type="search" placeholder="Szukaj po tytule, nazwie firmy" autocomplete="off" autofocus="autofocus" class="form-control">
0

Da się coś na to poradzić? Ostatecznie jak zrobiłem dalsze testy to strasznej tragedii nie ma, po Esc się chowa i przestaje zasłaniać.
EDIT:
Dodatkowa informacja - to autocomplete wyskakuje tylko jak kliknę pole lokalizacji myszą, jak przejdę na nie tabem wtedy nie wyskakuje.

0

A i jeszcze coś - Adam, w tych ofertach warto by dać datę dodania do serwisu, i do kiedy można zgłaszać kandydatury.

0

I kolejna sprawa - rzecz jasna planujesz Adamie dodać że jak coś kliknę z tej listy podpowiedzi poniżej to się odpowiednia wartość pojawi w line edicie? Tu się pojawia zatem następne zagadnienie, chcę szukać ofert w C++ i Javie, jak to mam wyklikać?

0
MasterBLB napisał(a):

Da się coś na to poradzić? Ostatecznie jak zrobiłem dalsze testy to strasznej tragedii nie ma, po Esc się chowa i przestaje zasłaniać.
EDIT:
Dodatkowa informacja - to autocomplete wyskakuje tylko jak kliknę pole lokalizacji myszą, jak przejdę na nie tabem wtedy nie wyskakuje.

Nie wiem jeszcze. Powinno działać tak jak zrobiłem.

MasterBLB napisał(a):

A i jeszcze coś - Adam, w tych ofertach warto by dać datę dodania do serwisu, i do kiedy można zgłaszać kandydatury.

Data dodania jest wyświetlana na liście ofert. A zgłaszać kandydatury można dopóki ogłoszenie jest wyświetlane ;-)

MasterBLB napisał(a):

I kolejna sprawa - rzecz jasna planujesz Adamie dodać że jak coś kliknę z tej listy podpowiedzi poniżej to się odpowiednia wartość pojawi w line edicie? Tu się pojawia zatem następne zagadnienie, chcę szukać ofert w C++ i Javie, jak to mam wyklikać?

Tak, planuje :) Wkrótce dam znać jak będzie gotowe.

0

Aktualizacja: dodałem dodawanie tagów do pola w line edicie. Nie wiem jeszcze jednak co zrobić w sytuacji w której użytkownik zaklika 20 tagów ;)

Przy okazji podaje jeszcze raz URL: http://dev.4programmers.info/Praca

0

A widzisz @Adam Boduch, zrobiłbyś line edity wertykalnie, jak proponowałem to w każdym miałbyś miejsca na szerokość ekranu :P No ale nie żartując, to imo są tylko takie opcje:

  • wpleść w te line edity jakąś scroll area, czyli w realiach HTMLowych to chyba będzie div z włączonym scroll barem poziomym.
  • temu dzyndzlowi ^ i strzałka w dół dać funkcjonalność rozszerzenia line edita na niemal całe dostępne miejsce.

Co do tej wersji, to tak:

  • animacje pól są szarpane przez to, że line edit po dostaniu fokusa błyskawicznie przywraca swój domyślny rozmiar, od którego startuje, a rozszerzanie robi animacją. Imo jeśli już animować to całość przejścia. Efekt zauważalny jak będziesz klikał na zmianę line edita od technologii i lokalizacji.
  • combo box od waluty no chyba nie będzie tam na tej listwie na dole, najdalej jak tylko się da od pola do wprowadzenia pensji?
  • jak się te line edity rozszerzają to dzyndzel ^ od pensji jest wpychany w przycisk szukaj.
  • fajny pomysł z kasowaniem tagów z line edita; świetne jest też to, że po usunięciu reszta przesuwa się w lewo.

Po dłuższej chwili obcowania z tymi animacjami jednak okazuje się to nie być krokiem w dobrą stronę, szczegóły podam po 16, jak z pracy wrócę.

EDIT:
To tak @Adam Boduch - generalnie animacje powodują, że zaczynając z pozycji Praca na belkę główną, potem przechodząc kursorem myszy na technologie i wybierając coś z obszaru podpowiedzi, następnie stamtąd na lokalizacje mam do pokonania nieco dłużą drogę niż w poprzedniej wersji strony a to dlatego, że line edit lokalizacja się zmniejsza. Do tego dochodzi efekt oczopląsu jak te line edity zmieniają wielkość szarpnięciem do domyślnego rozmiaru, a potem się animują do maksymalnego.
Rekomenduję animacje porzucić, i zrobić pola stałej wielkości, rozszerzane na maksa i zwijane do poprzedniego rozmiaru przyciskiem który zastąpi te fikuśne ^ w prawym skraju line editów - to pomoże na zagadnienie wyklikania dużej ilości tagów (swoją drogą, jakieś maksimum tagów może by wprowadzić?). Jeśli koniecznie chcesz jednak animacje zostawić to trzeba pozbyć się efektu skakania rozmiarów, czyli potrzeba dopisać płynne zmienianie rozmiarów od max do min przy zmianie fokusa.

EDIT2:
Kolejny efekt skakania powoduje różna wysokość pola podpowiedzi tagów dla technologii i lokalizacji, najłatwiej zaobserwować to na tym dużym, czarnym elemencie na dole strony podczas zmian fokusa na line editach technologie <-> lokalizacje. Rozwiązanie - ustawić na sztywno wysokość elementu z podpowiedziami tagów.

1

Dzięki. Czy ktoś jeszcze ma jakiś feedback? Na urządzeniach mobilnych, pola tekstowe chowane są jeden pod drugim:

screenshot-20190319091526.png

Czy ktoś wie jak we flexie, przy większej ilości tagów (np. wybranych technologii czy lokalizacji), pole tekstowe zamiast chować się, pojawiało się w drugim wierszu? Podaje jeszcze raz link do wersji testowej: http://dev.4programmers.info/Praca

0

Póki co wdrożyłem, to co obecnie jest zrobione. Może dostaniemy więcej uwag/ocen.

0

@Adam Boduch: no zlitujże się, wywal te animacje zmiany rozmiaru line editów, a alignment comboboxa wyboru waluty pensji na tym pasku podpowiedzi ustaw przynajmniej na prawy jeśli się nie da na początku line edita pensji, poza tym tytuł w 1 line edicie "Szukaj po tytule, nazwie firmy" nijak się ma do rzeczywistej funkcjonalności, i powinien być przemianowany na "Języki programowania" albo "Technologie"...ale po tych ostatnich poprawkach widzę, że będzie naprawdę OK.

Btw, sekcja ulubionych wymaga dopieszczeń (choć na dzień dobry jest do przyjęcia), wymieniać?

1

Usunąłem animacje. A taka ładna była :(

Właściwie to można szukać po tytule lub nazwy firmy, ale i również po technologiach.

0

W podpowiedziach są technologie, więc imo pole winno się przemianować na "Szukaj po technologii, tytule, lub nazwie firmy". No ale ujdzie i tak. Poważniejszym zagadnieniem jest wyszukiwanie z uwzględnieniem wielkości znaków. I tak:
Po wejściu do działu Praca pierwsza firma z brzegu to ProjectX. Jak wpiszę to jako ProjecX wtedy oferta pracy będzie znaleziona, ale już na projectx poległo.

Wyrzucenie animacji to świetny ruch, dziękuję - od teraz żywot użytkowników będzie mniej zagrożony epilepsją :P

0

screenshot-20190322073345.png

0

W zasadzie @Adam Boduch to do obserwacji zachowania ulubionych wystarczy już dodać 5-6 ofert, nie 20, aby zaobserwować buga - ten div/scroll area gdzie je przechowujesz jakoś niepoprawnie się powiększa. Po przeładowaniu strony jest już dobrze.

EDIT:
Pytanie - na ile proste będzie dodanie tym ofertom na liście ulubionych jakiegoś przycisku aby je stamtąd usuwać? Bo obecnie trzeba taką ofertę znaleźć na głównej liście, i tam odkliknąć to serduszko.

EDIT2:
Zapomniałem @Adam Boduch wspomnieć - warunkiem obserwacji buga jest także pusta lista ulubionych w momencie jak się wchodzi do działu Praca.

0

@Adam Boduch: niestety, znowu się pojawiło to okno podpowiedzi z ustawień przeglądarki :/ Co swoją drogą jest dziwne, bo jeszcze dzień-dwa temu było dobrze.

0

Masakra. To ja już nie wiem o co chodzi :|

0

Cóż, ustawiłeś znacznik autocomplete na false (aby na pewno? Może w trakcie prac nad ulepszeniami wziąłeś kod z jakiegoś brancha gdzie to nie jest włączone?), to z tego co rozumiem więcej nie zrobisz. A to okienko aż tak strasznie upierdliwe nie jest.

W sumie, wystarczy tego comboboxa z walutą przenieść pod line edita od pensji bo to ostatnia rzecz jaka wnerwia użytkownika, i będzie jak dla mnie skończone; nad resztą zagadnień można będzie sobie dumać na spokojnie i bez pośpiechu.

EDIT:
@Adam Boduch jeszcze taka wskazówka co do tego okienka - w tej wersji problem nie występował

1

Przesunąłem listę walut na prawo, ale wg. mnie średnio to wygląda :/

1 użytkowników online, w tym zalogowanych: 0, gości: 1