Dariusz Rojek

Dariusz Rojek Passion for
excellence...

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Proszę o radę, czy dla serwisu wertykalnego opartego o komercyjny CMS, lepsze będzie rozwiązanie w technologii RWD czy tradycyjna grafika, a następnie stworzenie wersji mobilnych ..?
Ostatnio doświadczony programista zwrócił mi uwagę, że dziś każdemu się śpieszy i gdy ma w smartfonie wpisywać/wybierać adres strony to dla user'a za długo, aplikacja ma skrót, w który klika i jest na stronie...
Ale widzę, że są jeszcze inne argumenty :) Wydawało mi się, że RWD to same zalety, bo jest coraz więcej przeglądarek i urządzeń czyli właściwa ekspozycja strony w każdym z nich, w sposób automatyczny powinna być dużą zaletą.

Stawiam na użyteczność, prostotę, lekkość i elastyczność projktu, nie chcę wyjść przed szereg na starcie, co powinienem wybrać ? Które rozwiązanie należałoby zastosować ? Ewentualnie proszę o opinie od czego powinien zależeć wybór ?
Adam Wiatkowski

Adam Wiatkowski Data Architect |
E-commerce & Digital
Data Leader

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Och, kolejny temat w stylu co jest lepsze - Coca-Cola czy Pepsi.

Jedna i druga metoda ma swoje uzasadnienia w realu. jedna i druga się sprawdzi. Ważne aby zdecydować, jakie są ostateczne cele, nie każda wersja do każdego celu się nadaje.

Wersje mobilne są tańsze i szybsze we wdrożeniu no i bezpośrednio dostosowane do urządzeń mobilnych. Na tym by się w zasadzie kończyły ich zalety. Wersja mobilna to oddzielna strona, trudna w mierzeniu ruchu, z oddzielnym cmsem. Jeśli planujesz ciągłe zmiany na stronie dojdzie podwójna ilość pracy. Źle przygotowana nie spodoba się robotom google i mogą wyniknąć z tego kary. Ostatnio google zawzięło się mocno na strony mobilne.

Responsywna jest droższa i trudniejsza w przygotowaniu. Poza tym trudno stworzyć stronę, która zawsze i wszędzie idealnie się wyświetli. Ale większość stron w tej wersji responsywnej jest stawiana, a HTML 5 temu sprzyja i można przy tym ciekawe efekty graficzne zaprezentować.

z drugiej strony taki merlin.pl nie ma żadnej wersji mobilnej i jakoś nie płaczą:)

Osobiście polecam responsive site

konto usunięte

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Ja wolę Pepsi ; ) niech to będzie jako RWD ; )
Wojciech J.

Wojciech J. mistrz wwwujitsu

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Adam W.:
Och, kolejny temat w stylu co jest lepsze - Coca-Cola czy Pepsi.

Jedna i druga metoda ma swoje uzasadnienia w realu. jedna i druga się sprawdzi. Ważne aby zdecydować, jakie są ostateczne cele, nie każda wersja do każdego celu się nadaje.

Tu się w pełni zgadzam.
Adam W.:
Wersje mobilne są tańsze i szybsze we wdrożeniu no i bezpośrednio dostosowane do urządzeń mobilnych. Na tym by się w zasadzie kończyły ich zalety. Wersja mobilna to oddzielna strona, trudna w mierzeniu ruchu, z oddzielnym cmsem. Jeśli planujesz ciągłe zmiany na stronie dojdzie podwójna ilość pracy. Źle przygotowana nie spodoba się robotom google i mogą wyniknąć z tego kary. Ostatnio google zawzięło się mocno na strony mobilne.

A tu się nie zgadzam.
http://www.goldenline.pl/forum/3311660/rwd-zlece-dopis...
Tworzenie wersji mobilnej dla wizytówek internetowych nie ma sensu, od tego jest RWD.
Ale jak kto chce zarzynać odwiedzających portal internetowy z szybkością technologii edge (chciałbym widzieć u 9 na 10 odwiedzających choćby umts), czy większy serwis serwując im RWD i podnosząc tylko ciśnienie, to chyba sam nawet nie odwiedza takich na własnym smyrfonie czy tam tablecie.

Na dwoje babička wróżyła, ja się trzymam mobilnej tam gdzie treści jest za dużo na RWD.
A tu jest mowa o wortalu.
Dariusz Rojek

Dariusz Rojek Passion for
excellence...

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Bardzo dziękuję za merytoryczne odpowiedzi. Może to kolejne rozważanie w stylu co jest lepsze- Pepsi czy Cola ale nie chciałbym popełnić błędu na starcie, zależy mi na tym aby serwis był zrealizowany maksymalnie profesjonalnie, staram się zrealizować go zgodnie z zasadą Minimum Viable Product czyli duża wizja w mikro skali.
I dlatego tak ważne jest między innymi przyjęcie prawidłowych założeń w kwestii grafiki.

Cele są bardzo ambitne ale zaczynam os wortalu, informacje, multimedia, forum, katalog branżowy itd, treści będzie przybywało sporo i codziennie, dlatego chciałbym zastosować rozwiązanie optymalne.
Co prawda na tym etapie nie przewiduję dużego udziału użytkowników mobilnych ale wraz z rozwojem technologii internetowych i branży, której dotyczył będzie serwis, spodziewam się bardzo dużego udziału user'ów mobilnych we wszystkich rodzajach oprogramowania i na wszystkich rodzajach urządzeń.

Pytanie więc czy RWD, to moda, gadżet czy trend, który stanie się standardem.. ?

Wojtku, ponieważ jestem nietechniczny czy możesz objaśnić co oznacza -
"Zresztą, gdy tylko z SERP0 znikną najpoczytniejsze serwisy bo RWD nie mają, to się szybko G przeprosi z własną bezczelnością jak mu spadną przychody z reklam :)
I tylko o to się rozchodzi z tym całym promowaniem RWD w G, o jeszcze więcej reklam na urządzeniach mobilnych.
Tylko nie mylny RWD z mobilnością, bo to nie synonimy. (...) A potem jeszcze kazać odwiedzającemu przewijać serwis w nieskończoność. Niet, po prostu nie tędy droga moim zdaniem.
Tu bym mógł jeszcze ciągnąć argumenty o grupy docelowe, konwersje odwiedzających" ...??

konto usunięte

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Ostatnio na studiach mnie uczono, że RWD "to jest to" i niby, że to już tak na dłużej, heh.
Przewijać nikt nie każe, kwestia doboru treści co kiedy...
Adrian Kaczmarek

Adrian Kaczmarek To czy człowiek jest
in­te­ligen­tny
poz­na­je się po
je­...

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

RWD pisane zgodnie z sztuką, czyli zaczynamy od wersji mobilnej po "cięższe" rozdzielczości nie jest bardziej obciążające niż strona mka. Przy RWD ładujesz grafiki takie jak byś ładował do wersji m.

Dodatkowym plusem na rzecz rwd jest lepsze wsparcie dla pozycjonowania, nie mamy double content, a ostatnio google zmienił algorytm w sposób w którym większą wagę przywiązują do tego, czy strona ma jakąkolwiek wersję mobilną i preferowaną metodą RWD.
Dariusz Rojek

Dariusz Rojek Passion for
excellence...

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Rozumiem, że RWD ma stać się standardem i ma priorytet w Google, ale co znaczy
Adrian K.:
RWD pisane zgodnie z sztuką, czyli zaczynamy od wersji mobilnej po "cięższe" rozdzielczości nie jest bardziej obciążające niż strona mka.
Więc tworzymy najpierw wersję mobilną, czy nie...??

konto usunięte

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Dariusz R.:
Rozumiem, że RWD ma stać się standardem i ma priorytet w Google, ale co znaczy
Adrian K.:
RWD pisane zgodnie z sztuką, czyli zaczynamy od wersji mobilnej po "cięższe" rozdzielczości nie jest bardziej obciążające niż strona mka.
Więc tworzymy najpierw wersję mobilną, czy nie...??

Chodzi zapewne o koncept "mobile first".
Adrian Kaczmarek

Adrian Kaczmarek To czy człowiek jest
in­te­ligen­tny
poz­na­je się po
je­...

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Tak jak napisał Piotr, zgodnie z sztuką przy projekcie RWD zaczynamy projektowanie layoutu, i kodowanie od wersji mobilnej. Dla mnie początkowo wydawało się to mało "naturalne", ale praktycznie jest to jedyny sposób na poprawne wykonanie takiej strony.
Proszę zobaczyć naszą stronę: http://blackhouse.pl najpierw w zmiejszonym okienku (do rozmiaru ekranu telefonu), a następnie w pełnej rozdzielczości. Rozmiar pobieranych grafik przy małej wersji będzie mniejszy, właśnie dzięki "mobile first"
Dariusz Rojek

Dariusz Rojek Passion for
excellence...

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Dziękuję za wyjaśnienie i mam w takim razie pytanie.
Grafikę do mojego projektu zaczął tworzyć projektant, który nie uwzględnił moich wytycznych, jednocześnie nie wspominając nawet o tym, że istnieje nowy trend taki jak RWD, w związku z tym rozważam zmianę grafika i wysłałem zapytanie o możliwość dokończenia strony do agencji, która projektuje w technologii Responsive Web Design.

Odtrzymałem odpowiedź, że istnieje możliwość dokończenia projektu w technologii RWD, jednak projekt graficzny jest tworzony jako strona w pełnej rozdzielczości. Czy w takim razie agencja odpowiadając, że jest w stanie dokończyć projekt w RWD, jest w stanie zrobić to dobrze... ? Czy konieczny jest projekt od nowa.. ??
Adrian Kaczmarek

Adrian Kaczmarek To czy człowiek jest
in­te­ligen­tny
poz­na­je się po
je­...

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

I tak i nie.

Tak, ponieważ można na podstawie pełno wymiarowego projektu spróbować przygotować wersje mniejsze (to nie jest tylko rozdzielczość 320x240).
Nie, ponieważ nie zawsze jest możliwe wyrzucenie elementów niepotrzebnych, przemodelowanie istniejących.

Jeżeli jest Pan zainteresowany stroną w RWD, to zapraszam do kontaktu, wykonamy od projektu graficznego po kodowanie.
Dariusz Rojek

Dariusz Rojek Passion for
excellence...

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Adrian K.:
I tak i nie.

Tak, ponieważ można na podstawie pełno wymiarowego projektu spróbować przygotować wersje mniejsze (to nie jest tylko rozdzielczość 320x240).
Nie, ponieważ nie zawsze jest możliwe wyrzucenie elementów niepotrzebnych, przemodelowanie istniejących.

Jeżeli jest Pan zainteresowany stroną w RWD, to zapraszam do kontaktu, wykonamy od projektu graficznego po kodowanie.
Rozumiem, ze można spróbować, zależnie od tego jak wygląda dotychczasowy projekt :)
Przy czym to ma być portal tematyczny, więc jego projekt graficzny jest dość klasyczny, czy w tym wypadku też jest szansa zaadoptować go do RWD .. ?
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Adam W.:
Och, kolejny temat w stylu co jest lepsze - Coca-Cola czy Pepsi.

Jedna i druga metoda ma swoje uzasadnienia w realu. jedna i druga się sprawdzi. Ważne aby zdecydować, jakie są ostateczne cele, nie każda wersja do każdego celu się nadaje.

Wersje mobilne są tańsze i szybsze we wdrożeniu no i bezpośrednio dostosowane do urządzeń mobilnych. Na tym by się w zasadzie kończyły ich zalety. Wersja mobilna to oddzielna strona, trudna w mierzeniu ruchu, z oddzielnym cmsem. Jeśli planujesz ciągłe zmiany na stronie dojdzie podwójna ilość pracy. Źle przygotowana nie spodoba się robotom google i mogą wyniknąć z tego kary. Ostatnio google zawzięło się mocno na strony mobilne.

Responsywna jest droższa i trudniejsza w przygotowaniu. Poza tym trudno stworzyć stronę, która zawsze i wszędzie idealnie się wyświetli. Ale większość stron w tej wersji responsywnej jest stawiana, a HTML 5 temu sprzyja i można przy tym ciekawe efekty graficzne zaprezentować.

z drugiej strony taki merlin.pl nie ma żadnej wersji mobilnej i jakoś nie płaczą:)

Osobiście polecam responsive site

cola i pepsi mają dużo wspólnego a mobile i responsive nie.
generalnie bez logiki.strona res nie jest droższa od zrobienia nowej wersji pod inna domeną.

masz rację ,merlin daje radę i amazon też.resp jest rozwiązaniem optymalnym...
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Wojciech J.:
Adam W.:
Och, kolejny temat w stylu co jest lepsze - Coca-Cola czy Pepsi.

Jedna i druga metoda ma swoje uzasadnienia w realu. jedna i druga się sprawdzi. Ważne aby zdecydować, jakie są ostateczne cele, nie każda wersja do każdego celu się nadaje.

Tu się w pełni zgadzam.
Adam W.:
Wersje mobilne są tańsze i szybsze we wdrożeniu no i bezpośrednio dostosowane do urządzeń mobilnych. Na tym by się w zasadzie kończyły ich zalety. Wersja mobilna to oddzielna strona, trudna w mierzeniu ruchu, z oddzielnym cmsem. Jeśli planujesz ciągłe zmiany na stronie dojdzie podwójna ilość pracy. Źle przygotowana nie spodoba się robotom google i mogą wyniknąć z tego kary. Ostatnio google zawzięło się mocno na strony mobilne.

A tu się nie zgadzam.
http://www.goldenline.pl/forum/3311660/rwd-zlece-dopis...
Tworzenie wersji mobilnej dla wizytówek internetowych nie ma sensu, od tego jest RWD.
Ale jak kto chce zarzynać odwiedzających portal internetowy z szybkością technologii edge (chciałbym widzieć u 9 na 10 odwiedzających choćby umts), czy większy serwis serwując im RWD i podnosząc tylko ciśnienie, to chyba sam nawet nie odwiedza takich na własnym smyrfonie czy tam tablecie.

Na dwoje babička wróżyła, ja się trzymam mobilnej tam gdzie treści jest za dużo na RWD.
A tu jest mowa o wortalu.
Dariusz Rojek

Dariusz Rojek Passion for
excellence...

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Adrian K.:
RWD pisane zgodnie z sztuką, czyli zaczynamy od wersji mobilnej po "cięższe" rozdzielczości nie jest bardziej obciążające niż strona mka. Przy RWD ładujesz grafiki takie jak byś ładował do wersji m.
W jednej z firm grafik twierdził, że wersja light różni się od RWD właśnie brakiem grafiki, czy coś źle zrozumiałem.. ? Jednocześnie widzę, że niektóre serwisy posiadają wersję m i jednocześnie aplikacje na
urządzenia z systemami: iOS, Android czy Windows 8. Gdzie są najważniejsze różnice.. ?
Dodatkowym plusem na rzecz rwd jest lepsze wsparcie dla pozycjonowania, nie mamy double content, a ostatnio google zmienił algorytm w sposób w którym większą wagę przywiązują do tego, czy strona ma jakąkolwiek wersję mobilną i preferowaną metodą RWD.
Czym w takim razie różni się RWD od wersji m ? Może nie wszystko rozumiem ale skoro lekkie wersje serwisów występują jako oddzielne, to też posiadają lepsze wsparcie dla pozycjonowania. A przy tym jest tańsza... Czy to kwestia prawidłowego wyświetlania równiez w innych urządzeniach ?
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Wojciech J.:
Adam W.:
Och, kolejny temat w stylu co jest lepsze - Coca-Cola czy Pepsi.

Jedna i druga metoda ma swoje uzasadnienia w realu. jedna i druga się sprawdzi. Ważne aby zdecydować, jakie są ostateczne cele, nie każda wersja do każdego celu się nadaje.

Tu się w pełni zgadzam.
Adam W.:
Wersje mobilne są tańsze i szybsze we wdrożeniu no i bezpośrednio dostosowane do urządzeń mobilnych. Na tym by się w zasadzie kończyły ich zalety. Wersja mobilna to oddzielna strona, trudna w mierzeniu ruchu, z oddzielnym cmsem. Jeśli planujesz ciągłe zmiany na stronie dojdzie podwójna ilość pracy. Źle przygotowana nie spodoba się robotom google i mogą wyniknąć z tego kary. Ostatnio google zawzięło się mocno na strony mobilne.

A tu się nie zgadzam.
http://www.goldenline.pl/forum/3311660/rwd-zlece-dopis...
Tworzenie wersji mobilnej dla wizytówek internetowych nie ma sensu, od tego jest RWD.
Ale jak kto chce zarzynać odwiedzających portal internetowy z szybkością technologii edge (chciałbym widzieć u 9 na 10 odwiedzających choćby umts), czy większy serwis serwując im RWD i podnosząc tylko ciśnienie, to chyba sam nawet nie odwiedza takich na własnym smyrfonie czy tam tablecie.

Na dwoje babička wróżyła, ja się trzymam mobilnej tam gdzie treści jest za dużo na RWD.
A tu jest mowa o wortalu.

A po co kombinować? mobilna, responsive, czy inna?
Czy mozesz opisać swoją strategię?

UMTS? EDGE ?? ... Sattelite uplink ? :)

Jak miałbym patrzeć na prędkość mobila, dałbym sobie spokój z mobilnymi stronami.

Nie lepiej:

if ($this->MobileDetect->mobile() == true) {

// ładuję css dla moblinych
// wyłączam hovery i efekty których nie da się uzyskać na dotyku
// zmieniam scieżkę do mniejszych obrazków ( /img/big/ na img/medium lub /small dla rozdziałki < 500px )
}

Ładuję bibliotekę do dynamicznego zmniejszania fontów + jquery mobile dla mobilnych dla lepszego User exp.

+ Media queries - chowanie tego co niepotrzebne , lub w php programistycnie.

I Nie mam już na głowie vortalu, portalu, mobilnej i co jeszcze wymyślisz...

dobreprogramy.pl to vortal? Jeśli tak, zobacz jak jest zrobiony.
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Adam W.:
Och, kolejny temat w stylu co jest lepsze - Coca-Cola czy Pepsi.

Jedna i druga metoda ma swoje uzasadnienia w realu. jedna i druga się sprawdzi. Ważne aby zdecydować, jakie są ostateczne cele, nie każda wersja do każdego celu się nadaje.

Wersje mobilne są tańsze i szybsze we wdrożeniu no i bezpośrednio dostosowane do urządzeń mobilnych. Na tym by się w zasadzie kończyły ich zalety. Wersja mobilna to oddzielna strona, trudna w mierzeniu ruchu, z oddzielnym cmsem. Jeśli planujesz ciągłe zmiany na stronie dojdzie podwójna ilość pracy. Źle przygotowana nie spodoba się robotom google i mogą wyniknąć z tego kary. Ostatnio google zawzięło się mocno na strony mobilne.

Responsywna jest droższa i trudniejsza w przygotowaniu. Poza tym trudno stworzyć stronę, która zawsze i wszędzie idealnie się wyświetli. Ale większość stron w tej wersji responsywnej jest stawiana, a HTML 5 temu sprzyja i można przy tym ciekawe efekty graficzne zaprezentować.

z drugiej strony taki merlin.pl nie ma żadnej wersji mobilnej i jakoś nie płaczą:)

Osobiście polecam responsive site

Masło maślane z colą :)

- Responsywna jest droższa i trudniejsza w przygotowaniu :)

Po co sobie życie komplikujecie?

PODZIELIĆ To na strony ( responsywne bo są mobilne ) i aplikacje natywne , a nie jeszcze takie czy takie.
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Adrian K.:
Tak jak napisał Piotr, zgodnie z sztuką przy projekcie RWD zaczynamy projektowanie layoutu, i kodowanie od wersji mobilnej. Dla mnie początkowo wydawało się to mało "naturalne", ale praktycznie jest to jedyny sposób na poprawne wykonanie takiej strony.
Proszę zobaczyć naszą stronę: http://blackhouse.pl najpierw w zmiejszonym okienku (do rozmiaru ekranu telefonu), a następnie w pełnej rozdzielczości. Rozmiar pobieranych grafik przy małej wersji będzie mniejszy, właśnie dzięki "mobile first"

Nieżle, to jest właśnie pisanie z sensem na temat responsive sites
Konrad Kluźniak

Konrad Kluźniak Webdeveloper /
Designer

Temat: Portal tematyczny w Responsive Web Design czy aplikacjami...

Porównaj sobie stronę na komórkę z aplikacją natywną np: na android.
Całej reszty nie czytaj.

Tak, firma zrobi ci stronę, i tak, będzie działać jak trzeba, nie patrz na vortale, portale czy inne.
TO JEST CAŁY CZAS CSS HTML i inne.

Więc jest to strona - a jak będzie responsywna to masz dobry projekt.
Dariusz R.:
Adrian K.:
RWD pisane zgodnie z sztuką, czyli zaczynamy od wersji mobilnej po "cięższe" rozdzielczości nie jest bardziej obciążające niż strona mka. Przy RWD ładujesz grafiki takie jak byś ładował do wersji m.
W jednej z firm grafik twierdził, że wersja light różni się od RWD właśnie brakiem grafiki, czy coś źle zrozumiałem.. ? Jednocześnie widzę, że niektóre serwisy posiadają wersję m i jednocześnie aplikacje na
urządzenia z systemami: iOS, Android czy Windows 8. Gdzie są najważniejsze różnice.. ?
Dodatkowym plusem na rzecz rwd jest lepsze wsparcie dla pozycjonowania, nie mamy double content, a ostatnio google zmienił algorytm w sposób w którym większą wagę przywiązują do tego, czy strona ma jakąkolwiek wersję mobilną i preferowaną metodą RWD.
Czym w takim razie różni się RWD od wersji m ? Może nie wszystko rozumiem ale skoro lekkie wersje serwisów występują jako oddzielne, to też posiadają lepsze wsparcie dla pozycjonowania. A przy tym jest tańsza... Czy to kwestia prawidłowego wyświetlania równiez w innych urządzeniach ?

Następna dyskusja:

Szkolenie Web Design (HTML,...




Wyślij zaproszenie do