techniczne sprawy na stronie (do admina)
Cześć,
w nawiązaniu do ankiety ulepszeń BBnetki, podzielę się kilkoma pomysłami, które wsparłyby stronę.
Podejście rzetelne, widać że chcecie rzeczywiście zmienić sporo rzeczy, które zdaniem userów potrzebują zmiany/odświeżenia/unowocześnienia. Moje uwagi będą czysto techniczne – kwestia dopracowania leży przecież w rękach osób odp. za całą stronę. Nie ukrywam, że po cichu trzymam kciuki żeby Wam się udało. Do rzeczy.
Zmiana interfejsu
użycie gotowych frameworków
W ankiecie zwróciliście uwagę na przystosowanie strony do urządzeń mobilnych i zmiany wyglądu interfejsu – przycisków, okien dialogowych, menu itd. Po co budować cokolwiek od nowa, skoro można użyć czegoś co jest już zbudowane, (stara śpiewka programistów), jest dopracowane i z powodzeniem stosowane? Interesuje mnie głównie front-end BBnetki – czyli jak się zachowuje na moim urządzeniu.
Tworzenie aplikacji mobilnych które dobrze wyglądają i na desktopach i smartfonach to trudna sztuka. Trzeba mieć ogromne doświadczenie i b. dużo czasu na testowanie strony na wszystkich urządzeniach. Jeśli jednak nie mamy czasu, albo chcemy go poświęcić na rozszerzanie funkcjonalności, skorzystanie z frameworków odciąża nas z tej żmudnej roboty.
Problemem Biblionetki jest brak wersji mobilnej i po prostu brzydki, odpychający wygląd z ubiegłej epoki. Moim zdaniem dobrym wyjściem byłoby najpierw zbudowanie całej funkcjonalności na gotowym frameworku html&cssowym, później dopracowanie wyglądu z udziałem designerów.
Najbardziej pasującym do ascetycznego i surowego stylu BBnetki jest Foundation. Ujednolicone przyciski, formularze z weryfikacją poprawności wprowadzonych danych, różne krok po kroku instrukcje to wierzchołek góry lodowej. Wszystko można budować jak z klocków, modularnie podobnie jak w zwykłych aplikacjach desktopowych. Na przykład grid system (czyli podział strony na sekcje) nie wymaga wysiłku, i wyświetla się odpowiednio do skali wyświetlacza urządzenia. Oparcie szkieletu bbnetki na podobnym rozwiązaniu sprawiłoby, że cała uwaga skupiłaby się na możliwościach, funkcjonalności dodanych ulepszeń a nie dbaniu o to, że coś wyświetla się 2px niżej w innej przeglądarce. Polecam.
Są też inne frameworki, m.in. bootstrap ale wizualnie nie pasują do bbnetki.
Przeprojektowanie wyglądu
- wybranie kilku kolorów i konsekwentne ich stosowanie, akcentowanie;
- zaprojektowanie nowego loga, w dobrym smaku, z prostym, klasycznym fontem. (np. source sans, pt sans etc.)
- jak w Foundation można zastosować Flat UI, czli wygląd podobny do tego z Windows 8 – „płaski”.
- zamiast ikon obrazkowych, użycie piktogramów, strona zyskałaby poważniejszy wyraz.
- odcienie niebieskiego są jak najbardziej w porządku. Szary kolor, tam gdzie jest tekst...
- ... pójście z duchem czasów.
Przydatną rzeczą może być też „podpatrywanie” rozwiązań u innych, ale tylko tych dobrych: jak dana rzecz wygląda, gdzie jest umiejscowiona, jak się zachowuje...
Myślę że na razie to tyle, powodzenia!
A, mój komentarz razem z linkami na stronie:
http://jsfiddle.net/N9v5u/