Responsywny layout. Prace trwają...

8

Jestem w trakcie przepisywania obecnego front endu. Głównym celem jest poprawienie responsywności która w obecnym layoucie kuleje. Przy okazji jakieś kosmetyczne zmiany, tj. przeniesienie ikon listy powiadomień czy wiadomości dzięki czemu nagłówek zostanie zmniejszony (konkretnie to jego wysokość). Feedback mile widziany :)

a6ebda7744.png

0

Wygląda znajomo... :]

A te czarne ikonki z prawej strony menu to odpowiednio (od lewej) powiadomienia, PM'ki i menu profilu? Jeśli tak to ikonka wiadomości prywatnych trochę nie pasuje, bo sugeruje czat, a nie zwykłą korespondencję; IMHO sensowniejsza była by jakaś koperta.

0

@furious programming: jak by się nad tym zastanowić to faktycznie... bardziej pasuje do czatu ;) Zmian dużych nie będzie. Raczej kosmetyka tylko. Użytkownicy źle znoszą zmiany... już to kilka razy przerabialiśmy :)

0

Mnie pasuje nowe menu - parę pikseli w pionie będzie więcej; A właśnie - nie będzie pinezki do przypinania menu?

0

No trzeba by było gdzieś tę opcję dodać, co sądzisz? :) Po kliknięciu w avatar będzie się pojawiać menu z opcjami takimi jak: Ustawienia, Profil, Wyloguj itp. Tam można ewentualnie dodać taką opcję...

1

Hmm...

A gdyby pozostawić obecny układ wyszukiwarki i przycisków menu? Wtedy pinezka zostanie na swoim miejscu, czyli całkiem z boku (tej opcji nie używa się zbyt często - raz się ustawi i tyle), a przyciski menu będą bardziej dostępne i widoczne; Coś w ten deseń:

layout.png

0

Strona nie będzie już wywalać przeglądarki mobilnej?:)

2
napisał(a):

Użytkownicy źle znoszą zmiany... już to kilka razy przerabialiśmy :)

Tak, tylko nie dotyczy to naprawiania czegoś, co praktycznie nie działa...

0
Blaszak napisał(a):

Strona nie będzie już wywalać przeglądarki mobilnej?:)

Pisząc posty na forum na smartfonie:

http://www.lg.com/pl/telefony/lg-Swift-L3-II

używając przeglądarki:

https://play.google.com/store/apps/details?id=net.fast.web.browser&hl=pl

występował problem z widocznością przycisku Wyślij w zależności od ilości postów na stronie, a nachodził na to obszar stopki.

Z pewnością ten smartfon to nie wypas, ale piszę o tym, bo być może taki problem istnieje na szerszą skalę.

Przeglądarka się nie wywalała i było nawet sympatycznie w widoku Landscape.

0

@furious programming

Zrobiłem zrzuty ekranu (w załączniku). Nie wystąpił problem z widocznością przycisku Wyślij, pomimo podążania identycznymi ścieżkami.
Przy okazji przypomniało mi się parę sytuacji, które również umieściłem w zrzutach. Mam nadzieję, że nazwy plików pozwolą na szybszą analizę.
Numeracja zrzutów pokrywa się z kolejnością ich wykonywania.

Dość istotną okoliczność są problemy, jaki miałem z zasięgiem i zrywające się połączenia.
Przydało by się coś do pracy offline.

0

Zauważyłem 2 duplikaty.

Kosmetyka - Niepotrzebny hint

Powiadomienia_hint_duplikat.png

Szukaj (główne), Szukaj na forum (nie sądzę, aby to była znacząca zmiana w algorytmie, pewnie jakiś filtr)

Forum_szukaj_duplikat.png

0

LISTA_POWIADOMIEŃ_2015

W powiadomieniach widziałbym 3 warianty uzupełnień interfejsu

Wariant 1

1.a) Umożliwienie na liście powiadomień wyłączenia obserwacji wątku

Powiadomienia_obserwuj.png
1.b) Na smartfonie ledwo można trafić w button X, ma jakieś 2mm, o opuszek palca dotyka około 5mm obszaru ekranu, więc wolałbym mieć mieć znak X większy i stale widoczny.

Wariant 2

  1. Zamiast zmieniać kolor tła pozycji listy, od razu usuwać tę pozycję.
    Powiadomienia_obserwuj_usun.png

Wariant 3

Na panelu z tekstem Powiadomienia zrobić buttony: Obserwuj, Usuń, Trend, odnoszące się do całej listy z wyborem przez checkboxy.
Trend ma odzwierciedlać czy wątek forum nabiera rozpędu (np. skośna strzałka w górę), czy nic się nie dzieje (np. pozioma kreska), czy wątek cichnie (np. skośna strzałka w dół), i jeśli np. forum zostało zamknięte przez moderatora to dajmy na to czaszka.

Ribbon_a_la_android.png

0

LISTA_POWIADOMIEŃ_2015

Lista_powiadomien_6612_postow.png

Ponieważ wywołałem temat (a raczej przywołałem) wrzuciłem to do wyszukiwarki... i jestem w kropce :(

0

Quo vadis goal?

O czym myśli Adam?

napisał(a):

Jestem w trakcie przepisywania obecnego front endu. Głównym celem jest poprawienie responsywności która w obecnym layoucie kuleje. Przy okazji jakieś kosmetyczne zmiany, tj. przeniesienie ikon listy powiadomień czy wiadomości dzięki czemu nagłówek zostanie zmniejszony (konkretnie to jego wysokość). Feedback mile widziany :)
a6ebda7744.png

Z punktu widzenia webmastera

https://pl.wikipedia.org/wiki/Responsive_Web_Design

Responsywny, czyli jaki?

http://www.studioprzylesie.pl/wwwazne/responsywny,-czyli-jaki.html

Powracająca moda

http://plebis.eu/product-pol-876-MOTOROLA-K1-KRZR.html

Pokolenie 50+

http://www.skapiec.pl/cat/200/4.6

0

Bardziej niż zmiany w desktopowym layoucie przydałby się mobilny. Czytanie forum na telefonie jest obecnie dość trudne - brakuje szerokości.

2

@Krolik: na tym właśnie polega responsywny layout, Żeby dobrze dopasowywał się do rożnych szerokości ekranu - w tym - na ekranie telefonów/tabletów.

0

Czy mówimy o layoucie, czy o kosmetyce?
Bo jeśli o layoucie to:

Miejsce i osoby

Wprawdzie jesteśmy na portalu dla programistów, niemniej programiści piszą dziś „wszystko dla wszystkich”, chociaż zasadne wydaje się ograniczenie do Polski, bo piszemy po
polsku oraz zwrócenie uwagi na dział:

Praca

Rozdzielczość ekranu

W roku 2014 napisałem wątek dotyczący rozdzielczości ekranów w zakładach pracy w Polsce w oparciu o zakład, w którym pracuję, gdzie @Adam Boduch podaje statystykę
rozdzielczości ekranów dla userów 4p, a @dzek69 statystykę dla ogółu użytkowników internetu z portalu ranking.pl :

http://4programmers.net/Forum/Off-Topic/231439-w_jakiej_epoce_zyjemy_%E2%80%93_rozdzielczosc_ekranu_w_zakladach_pracy_polska

Przydałaby się podobna statystyka na dziś plus nazwy systemów operacyjnych (co najmniej przeglądarek).

Hardware

Ze względu na ciągłe zmiany w sprzęcie nie można też zapomnieć o tym, że mamy dział:

Hardware/Software

i jego zaangażowanie może być nieocenione.

Nie tylko dotykowo

Parę dni temu kupiłem sobie klawiaturę dla graczy:

http://gmb.nl/item.aspx?id=8433&lang=pl

(graczem nie jestem, ale jesienią i zimą dni są krótkie, a wieczory i noce długie – chodziło mi tylko o podświetlenie klawiszy). Niemałe niespodzianki sprawiają skróty
klawiaturowe w moim IE 10 i np. Word 2010 ze wstążką.

1

@furious programming: posłuchałem Twojej rady i przesunąłem pole do wyszukiwania, do prawej strony. Pineski tylko jeszcze nie dodałem... ;)

5cae547f27.png

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