konto usunięte

Temat: Jaka jest właściwa szerokość strony ?

Witam,

Zabieram się za projektowanie układu dla nowej strony www.
Zastanawiam się jaką maksymalną szerokość mogę zastosować tak, aby była przyjazna w odbiorze.

Oczywiście można próbować ustawiać poszczególne elementy procentowo, ale wtedy efekt końcowy nie zawsze będzie taki jak byśmy chcieli.

Kiedyś mieliśmy 14 calowe monitory i był spokój ;-)

Jakie są wasze opinie?
Będę wdzięczny za komentarz.

PiotrPiotr Tabor edytował(a) ten post dnia 28.12.07 o godzinie 22:07

konto usunięte

Temat: Jaka jest właściwa szerokość strony ?

1024 x 768 - to teraz "typowa" rozdzielczosc.

Zastosuj 970 x 550 jako okno przegladarki i szalej ;) Oczywiscie wysokosc nie ma tutaj wiekszego znaczenia, chodzi raczej o ustalenie co bedzie widoczne od reki.

Przynajmniej ja sie trzymam tych wytycznych i poki co sprawdza sie :)

konto usunięte

Temat: Jaka jest właściwa szerokość strony ?

Serdeczne dzięki Andrzeju!

Zwiększona szerokość na pewno pomoże mi lepiej rozplanować układ strony... Rzeczywiście teraz sobie poszaleję ;-)

Co do widocznej od razu wysokości - nigdy się nad tym nie zastanawiałem, a w sumie to też ważna sprawa...

Jeszcze raz dziękuję i pozdrawiam ;-)

Piotr
Marcin Szuba

Marcin Szuba User Experience
Specialist

Temat: Jaka jest właściwa szerokość strony ?

Statystyki dotyczące stosowanych rozdzielczości znajdziesz na
http://www.ranking.pl/index.php?page=Ranks:RanksPage&s...
Ze swojej strony dodam, iż wysokość strony powinna być jak najmniejsza, aby uniknąć ignorowania przez userów dolnej czesci serwisu, a gdy już strona będzie dłuższa to żeby linia zgięcia (ekran przewijania) była odpowiednio zaznaczona.
Poza tym istnieje kwestia płynnego i stałego układu strony.
Poczytaj więcej na blogu
http://offline.pl/blog/skonczmy-z-mitem-nieprzewijajac...
a jeżeli to za mało to idź dalej za źródłem w blogu.
Andrzej Dybionka

Andrzej Dybionka Full Stack Developer

Temat: Jaka jest właściwa szerokość strony ?

Jeżeli zależy Ci na tym aby mieć jak najwięcej miejsca to nawet szerokość 1000px powinna przejść dla rozdzielczości ekranu 1024x768. Ale proponuje samemu sprawdzić na rożnych przeglądarkach i z ustawioną dużą wysokością na próbę, tak aby boczny suwak się pojawił, ponieważ obliczysz sobie maksymalną szerokość bez bocznego suwaka, a później jak się pojawi ten boczny to może ci się pod niektórymi przeglądarkami pojawić również suwak poziomy.
Ale jeżeli nie chce Ci się spr to jestem pewien ze 980px na pewno przejdzie. Wszystko też zależy jaki chcesz uzyskać efekt wizualny, dlatego też sam stosuje różne szerokości, bo niektóre strony z małymi marginesami bocznymi lepiej wyglądają.

Poza tym to rozdzielczość ekranu 1024x768 spokojnie można brać za najniższą ponieważ 800x600 to już mały procent odbiorców, a cenne miejsce na stronie i estetyka dla większości użytkowników chyba są ważniejsza od tej małej części internautów którzy zostali z monitorami z poprzedniej epoki. Pewnie i tak je wkrótce wymienią.Andrzej Dybionka edytował(a) ten post dnia 29.12.07 o godzinie 01:21

konto usunięte

Temat: Jaka jest właściwa szerokość strony ?

Marcin Szuba:
Ze swojej strony dodam, iż wysokość strony powinna być jak najmniejsza, aby uniknąć ignorowania przez userów dolnej czesci serwisu, a gdy już strona będzie dłuższa to żeby linia zgięcia (ekran przewijania) była odpowiednio zaznaczona.
IMHO nie powinna być zaznaczana w żaden sposób. Powinno być jedynie widać, że strona nie kończy się w miejscu dolnej krawędzi ekranu. Ale tego i tak nie wyczujesz, bo różne przeglądarki mają różne wysokości viewportu. Do tego niektórzy dorzucą sobie pasek z zakładkami, jakiś pasek narzędziowy i już jest różnica.
Nie za bardzo chce mi się szukać dobrego przykładu, ale na tej stronie widać: http://www.limeryki.pl/ że można nie zauważyć, że jest coś jeszcze niżej (standardowy IE7, 1280x800).

Andrzej Dybionka:
Jeżeli zależy Ci na tym aby mieć jak najwięcej miejsca to nawet szerokość 1000px powinna przejść dla rozdzielczości ekranu 1024x768. Ale proponuje samemu sprawdzić na rożnych przeglądarkach i z ustawioną dużą wysokością na próbę, tak aby boczny suwak się pojawił, ponieważ obliczysz sobie maksymalną szerokość bez bocznego suwaka, a później jak się pojawi ten boczny to może ci się pod niektórymi przeglądarkami pojawić również suwak poziomy.
Szerokość suwaków nie zależy tylko od przeglądarki, ale również od theme/stylu okien w systemie, którego się używa. Lepiej dać większy a bezpieczny margines.Dawid Lizak edytował(a) ten post dnia 29.12.07 o godzinie 02:01

konto usunięte

Temat: Jaka jest właściwa szerokość strony ?

a co ma być na tej stronie?
Marcin Szuba

Marcin Szuba User Experience
Specialist

Temat: Jaka jest właściwa szerokość strony ?

Dawid Lizak:
Marcin Szuba:
Ze swojej strony dodam, iż wysokość strony powinna być jak najmniejsza, aby uniknąć ignorowania przez userów dolnej czesci serwisu, a gdy już strona będzie dłuższa to żeby linia zgięcia (ekran przewijania) była odpowiednio zaznaczona.
IMHO nie powinna być zaznaczana w żaden sposób. Powinno być jedynie widać, że strona nie kończy się w miejscu dolnej krawędzi ekranu. Ale tego i tak nie wyczujesz, bo różne przeglądarki mają różne wysokości viewportu. Do tego niektórzy dorzucą sobie pasek z zakładkami, jakiś pasek narzędziowy i już jest różnica.

Pisząc, iż linia zgięcia ma być zaznaczona miałem na myśli, żeby treść strony wskazywała że istnieje "coś interesującego, wartego uwagi" poniżej. Ludzie z natury są leniwi, jeżeli widoczna treść ich nie zainteresuje nie będą poszukiwali informacji niżej.
nawiązując do http://offline.pl/blog/skonczmy-z-mitem-nieprzewijajac...

"Klucz do sukcesu tkwić ma w odpowiednim zaprojektowaniu obszaru odpowiadającego krańcom przeglądarek w najpopularniejszej rozdzielczości. Jeżeli zaplanujemy tam treści wizualnie sugerujące istnienie kontynuacji po przewinięciu, zachęcić może to użytkowników do przewijania. Rzecz jasna, kluczowe elementy nadal pozostać powinny w widocznym od razu oknie przeglądarki."

konto usunięte

Temat: Jaka jest właściwa szerokość strony ?

Witam i dziękuję za dalsze - ciekawe wypowiedzi.
Na stronie ma być branżowy serwis informacyjny - baza wiedzy, teksty branżowe, newsy, reklamy, promowane firmy/produkty oraz katalog firm.. dużo tego.

Muszę to jakoś sensownie zaprojektować :-)
Z jednej strony nie chcę przeładowywać, z drugiej chciałbym, aby user mógł łatwo znaleźć to co go interesuje...

Piotr
Andrzej Dybionka

Andrzej Dybionka Full Stack Developer

Temat: Jaka jest właściwa szerokość strony ?

Piotr Tabor:
Witam i dziękuję za dalsze - ciekawe wypowiedzi.
Na stronie ma być branżowy serwis informacyjny - baza wiedzy, teksty branżowe, newsy, reklamy, promowane firmy/produkty oraz katalog firm.. dużo tego.

Muszę to jakoś sensownie zaprojektować :-)
Z jednej strony nie chcę przeładowywać, z drugiej chciałbym, aby user mógł łatwo znaleźć to co go interesuje...

Piotr

To zastosuj największą możliwą rozdzielczość aby nie marnować miejsca. 980px na pewno może zastosować bez obaw

konto usunięte

Temat: Jaka jest właściwa szerokość strony ?

No właśnie tak myślę - im szerzej tym lepiej.
Stąd moje pytanie do Was.

goldenline to dobra rzecz ;-)
Ola Drachal

Ola Drachal UI/UX Designer -
Unicorn /
Webdesigner /
Interactive Art...

Temat: Jaka jest właściwa szerokość strony ?

No niekoniecznie im szerzej tym lepiej. Szeroko fajnie, ale wcale się dobrze nie czyta tekstów na pełnej takiej długości. Warto to wziąć pod uwagę.

Temat: Jaka jest właściwa szerokość strony ?

Olu, szerokość strony != szerokość tekstu :)

przykład: http://www.pamir2008.pl
szerokość strony: 990px
szerokość bloku tekstu: 464px

wg mnie bezpiecznie jest tak do 996px ;)
Ola Drachal

Ola Drachal UI/UX Designer -
Unicorn /
Webdesigner /
Interactive Art...

Temat: Jaka jest właściwa szerokość strony ?

Tak, tylko tu masz 2 kolumny o tej samej szerokoci :) To jest do przeżycia, a spróbuj zrobić jedną kolumnę na 200 px a drugą na 760px :) wtedy jest hardcore i przed tym właśnie przestrzegam przestrzegam.

konto usunięte

Temat: Jaka jest właściwa szerokość strony ?

Na pewno nie będzie jednego tekstu od lewej do prawej przez 980 px :-)

Chodziło mi o to, że w takiej szerokości zmieszczę więcej modułów i układ strony będzie ciekawszy.

Myślę, że maksymalna szerokość nie przekroczy 464px (tak jak napisał Tomek) i będzie to główny moduł serwisu - ten do czytania.

Piotr

konto usunięte

Temat: Jaka jest właściwa szerokość strony ?

Skoro już Marcin powołuje się na post z mojego blogu (dzięki), proponuję przejrzeć także uwagi krytyczne autorstwa Bellois:
Dla mnie sam cel takiego badania jest niejasny. Celem nie powinno być wyciągnięcie danych
statystycznych o tym, jaka jest średnia przewijania stron… Celem powinno być odpowiedzenie na 2 pytania:
- Czy niektóre strony są przewijana chętniej, a inne mniej chętnie?
- Jeżeli tak, to co sprawia, że niektóre strony są przewijane chętniej?

Pełen tekst na blogu Bellois nadaje

Ale wracając do tematu... Garść niezorganizowanych przemyśleń związku pomiędzy szerokością strony, a "czytalnością" tekstów.

Co do szerokości stron, polecam przyjęte normy typograficzne, z których wynika choćby "rozsądna" szerokość kolumny (o czym pośrednio wyżej Ola) - są różne dla druku i dla ekranu. Nigdy tego nie pamiętam i proponuję zwrócić się do specjalistów, ale imho to około sześćdziesięciu znaków w wierszu jest wzorcem. Ale to też pewnie jak zwykle zależy - od kroju fontów, interlinii i miliona innych rzeczy. Z typograficznego punktu widzenia pewnie dobrze byłoby ustawiać szerokość kolumny w "em'sach" w przypadku płynnych szablonów?

Rad kilka od typograficznego nie-fachowaca:
* zbyt wąska kolumna jest równie zła w odbiorze, co za szeroka, ze względu na efekt "nienaturalnego" połamania tektstu
* szerokość kolumny zależy od ilości wlanego tekstu (w kilku wierszach zbyt szerokiej kolumny oko poradzi sobie z powrotem do odpowiedniego wiersza)
* czytalność zależy od rodzaju treści (zwykły tekst vs. kod czy wzory matematyczne)

A w ogóle to niech na taki temat się wypowiadają projektanci :D

Acha, niech mnie Ola poprawi jeśli się mylę, ale chyba nadal świętą księgą pozostaje "The elements of typographic style" (books.google.com prawdę Ci powie).

ukłony

eof @ http://offline.pl

ps/ Komitywa szuka architekta informacji ;]eryk orłowski edytował(a) ten post dnia 30.12.07 o godzinie 18:14
Tomasz N.

Tomasz N. Specjalista IT

Temat: Jaka jest właściwa szerokość strony ?

Andrzej Dybionka:
Poza tym to rozdzielczość ekranu 1024x768 spokojnie można brać
za najniższą ponieważ 800x600 to już mały procent odbiorców...


No, te 4-6% (według statystyk 4,8% uzytkowników) to niby niewielka liczba, ale jeśli brać pod uwagę odwiedziny serwisu rzędu 100000 odwiedzin miesięcznie, to u tych kilku tysięcy użytkowników ten nieszczęsny dolny suwak się pojawi.

Najlepszym rozwiązaniem byłoby zaprojektowanie takiego szablonu strony, który będzie dostosowany nawet do tych niższych rozdzielczości.
Dobrym przykładem może być np.
http://www.dostepne.info/
http://www.wavingattrains.com/redevo_eight/
I dobrze wszystkim znany
http://www.csszengarden.com/
(aczkolwiek nie wszystkie szablony dobrze prezentują się w niskich
rozdzielczościach)

Ciekawym narzędziem jest "Resize" we wtyczce Web Developer do firefox'a, którą bym polecał, tym którzy jeszcze jej nie odkryli :)
Pozdrawiam:)Tomasz Nastulak edytował(a) ten post dnia 31.12.07 o godzinie 10:51

Temat: Jaka jest właściwa szerokość strony ?

ciekawym rozwiązaniem jest pół-rozszerzalny układ: dwie kolumny dopasowujące się do ekranu, z czego w drugiej są jeszcze dwie floatowane kolumny, z których prawa spada pod lewą przy niskich rozdzielczościach :)

konto usunięte

Temat: Jaka jest właściwa szerokość strony ?

a propos ciekawostek:

Transition layout - polecam rzecz jasna przeskalowanie :)

i artykuł na ten temat w alistapart.com:
Switchy McLayout: An Adaptive Layout Technique

Pomijając już kwestię tego, czy przytoczone przykłady są aby najlepszym pomysłem (różne doświadczenie użytkownika w zależności od posiadanego urządzenia/ekranu), możliwości rozwinięcia mogą być ciekawe...

konto usunięte

Temat: Jaka jest właściwa szerokość strony ?

W kwestii przykładów z naszego podwórka - http://www.ms.gov.pl/ Jestem bardzo ciekaw Waszych opinii odnośnie skalowania.Waldek Mazurek edytował(a) ten post dnia 31.12.07 o godzinie 13:13



Wyślij zaproszenie do