Cykl życia treści projektowych
Design w Internecie od początku stał się pełniejszy.
Nastąpiło odrodzenie prostych, skromnych projektów stron internetowych, które umieszczają treści wprost na pierwszym planie, unikając odważnej grafiki i sztuczek z ostatniej dekady, podobnie jak w pierwszych stronach internetowych kładących nacisk na funkcje i treści.
Ale prawdopodobnie sieć i sposób jej zaprojektowania będą poruszać się cyklicznie, jak to czyni większość trendów. W pewnym momencie w niedalekiej przyszłości możemy ponownie zobaczyć strony z bardziej jawnymi "projektami", a treść nieco obniżyć skalę.
W tym artykule zauważysz, że istnieją przypadki, w których umieściłem "wzór" w cudzysłowach. Oczywiście wszystkie witryny są zaprojektowane w takim czy innym stopniu, a design nie oznacza tylko grafiki.
Cytaty mają na celu rozróżnienie między jawnymi, wizualnie dominującymi projektami i ogólną praktyką projektowania.
Na początku…
We wczesnych dniach Internetu działo się bardzo mało "projektowania". Przeważnie strony internetowe były tekstem, z może obrazem lub dwoma wrzuconymi do środka. Wiele z tego było spowodowane ograniczeniami przepustowości i obawami związanymi z czasem ładowania (kiedy wszyscy dzwonią, każdy bajt się liczy). I wiele z tego było, ponieważ nie było naprawdę wielu funkcji "projektowych" wbudowanych w standardy sieciowe.
Dodawaj problemy z różnymi przeglądarkami, wyświetlając różne rzeczy w różny sposób, a zobaczysz, dlaczego prawie nikt nie przejmuje się projektowaniem, poza kilkoma stylami tekstu. Treść panowała najwyższy (obok sporadycznie animowanego GIF-a).
Sieć była nowa, a ludzie podeszli do niej bardzo podobnie do druku. Nie było zbyt wielu "profesjonalnych" projektantów stron internetowych, a raczej coraz więcej osób projektowało dla sieci, którzy pochodzili z tła oprogramowania, a nie ze środowiska projektowego. Z tego powodu albo projekty wizualne były minimalne, albo były naprawdę, bardzo złe.
Powinniśmy tu wspomnieć o występowaniu tła "gwiaździstej nocy" we wczesnych projektach stron internetowych. Jego teoretyzowane że popularność tego kosmicznego tła w przestrzeni kosmicznej wynika z dużej liczby fanów fantastyki naukowej i gier wideo, którzy byli online od wczesnych lat do połowy lat 90-tych. Czasami te tła składały się z statycznych kafelkowych obrazów, podczas gdy innym razem miały animowane migotanie lub iskrzenie. W obu przypadkach były one niezwykle powszechne na wczesnych stronach internetowych.
Migotanie tekstu było jednym z najgorszych trendów w początkach projektowania stron internetowych. Tęczowy tekst (szczególnie animowany tekst, który zmieniał kolory w stałej pętli) był kolejnym trendem, który szczęśliwie zniknął z profesjonalnych stron internetowych (choć wciąż jest czasem widziany na amatorskich stronach internetowych, od razu nawiązuje do połowy lat 90., choć generalnie nawet nie nutka nostalgii). Były to pierwsze duże próby wizualnego "projektu" w sieci.
Ramki, tabele, Flash i szczyt "Design"
Nie trwało długo, zanim ludzie zorientowali się, że mogą formatować swoje witryny za pomocą tabel HTML. Mimo że przyczyniło się to znacznie do rozwoju świata projektowania stron internetowych, spowodowało to również kilka naprawdę okropnych projektów stron internetowych. Dodano również do rozmiaru stron internetowych i czasów ładowania, ponieważ w większości przypadków wymagały one wielu obrazów tła do stworzenia projektu.
Ramki były kolejnym sposobem, w jaki wielu twórców stron sformatowało ich zawartość. Jedna ramka zawiera elementy nawigacyjne, a druga zawiera główną treść. Ramka nawigacyjna pozostanie statyczna po załadowaniu nowej zawartości. Ramki były również używane do wyświetlania linków poza witryną przy jednoczesnym zachowaniu nagłówka oryginalnej strony lub innych informacji (ta technika jest nadal używana przez wiele witryn dzisiaj, w szczególności About.com ).
Flash pojawiał się także w tym samym czasie i był używany do tworzenia w pełni interaktywnych animowanych stron internetowych. Czas ładowania stron Flash był dłuższy w wielu przypadkach, ale ponieważ Internet szerokopasmowy stał się bardziej powszechny, czasy ładowania stały się mniej ważne.
Internet w tym czasie był zdominowany przez "projekt". Treść, w wielu (większości?) Przypadkach, zajęła miejsce tylne w stylu wizualnym. Projektanci (zarówno profesjonaliści, jak i hobbystom) chcieli pokazać swoje umiejętności projektowe, a także zadowolić się zawartością i użytecznością. Ale sieć była wciąż stosunkowo młoda i nie była częścią codziennego życia dla miliardów ludzi, tak jak teraz.
Architektura informacji i użyteczność były jeszcze w początkowym okresie w Internecie i zostały w dużej mierze zignorowane przez wielu projektantów. Najważniejsze były dzwonki i gwizdki, niezależnie od tego, czy rzeczywiście poprawiły wrażenia użytkownika.
Web 2.0: równoważenie treści i projektu
Wraz z pojawieniem się Web 2.0, blogów i innych treści tworzonych przez użytkowników, zawartość zaczęła zyskiwać na znaczeniu. Pogrubiony projekt był nadal ważny i wciąż miał wiele przemyśleń, aw niektórych przypadkach wciąż miał pierwszeństwo przed wyświetlaną treścią.
Squidoo to świetny przykład stylów projektowych wspólnych dla ery Web 2.0.
W tym czasie było kilka stron, które kładły większy nacisk na treści (prawdopodobnie Wikipedia byłaby najbardziej widoczna), ale jawny projekt nadal odgrywał główną rolę w większości.
Web 2.0 można zaliczyć do podkreślenia treści i wreszcie nadania funkcji co najmniej tak samo ważnej jak forma. Większość stron Web 2.0 była stosunkowo przyjazna dla użytkownika i kładła nacisk na wygodę użytkownika. Nadal wyeksponowano elementy i grafikę "projektową", ale generalnie nie kosztem zawartości i użyteczności witryny.
MySpace Design
Prawdopodobnie najgorszą rzeczą, jaka wyjdzie z epoki Web 2.0, jest to, co nazywam "projektem MySpace". Brokatowa grafika. Tęcze i jednorożce. Okropne, nieczytelne kombinacje kolorów. Strony z animowanym wszystkim. I wszystkie generatory, które pozwoliły ludziom bez żadnego tła projektowego i bez znajomości HTML lub CSS stworzyć strony, które były bardziej przerażające niż jakikolwiek "projekt" amatorski, jaki kiedykolwiek powstał w sieci. I aby dodać obrazę do obrażeń, były one w większości napisane w słabo sformatowanym kodzie HTML i CSS.
Na szczęście, tego rodzaju całkowicie przesadzone i przesadzone strony i strony w większości wypadły z drogi. Oczywiście, nadal są one powszechnie widywane na profilach MySpace 14-letnich dziewcząt (wśród wielu innych grup demograficznych), ale na szczęście nie przepłynęły one zbyt często do ogólnej sieci. Z wyjątkiem Cornify , oczywiście.
Koncentruje się na treści
W ciągu ostatnich kilku lat nastąpiło odrodzenie w prostych, czystych projektach. Nawet projekty, które można uznać za "grungy" lub "Web 2.0" - często mają w sobie prostotę. Skupiamy się bezpośrednio na treści.
Frieze Magazine ma bardzo przejrzysty i prosty design, z naciskiem na zawartość.
Jednym z powodów napędzania tego trendu jest liczba osób przeglądających strony internetowe na smartfonach. Użytkownicy przeglądający strony z telefonu iPhone lub innego smart-telefonu z dużym ekranem niekoniecznie chcą wyświetlać witrynę mobilną. Przeglądanie witryny, która jest zbyt skomplikowana, jest zadaniem na małym ekranie.
Typographica to kolejny świetny przykład witryny, która stanowi etap centrum treści.
Te nowe projekty dostarczają treści, a jednocześnie bezproblemowo znikają w tle. Ułatwiają one odwiedzającym przeglądanie i znajdowanie tego, czego szukają, a także poprawiają ogólne wrażenia. Ale nie są oczywiste ani ostentacyjne, a większość ludzi nie zauważa ich w sposób świadomy. To ogromne odchylenie od projektów, które były widoczne od końca lat 90-tych.
Treść a styl
Zbyt często projektanci, a zwłaszcza ich klienci, patrzą na treść i styl (lub projekt) oddzielnie. Uważają oni, że są to osobne byty, które muszą w jakiś sposób współpracować. Lub przynajmniej współistnieją w tej samej przestrzeni.
To jednak niewłaściwy sposób podejścia do projektu. Twoje treści powinny być wzbogacone o wizualny styl Twojej strony. Elementy wizualne powinny być tworzone w celu obsługi zawartości i uczynienia jej bardziej użyteczną dla użytkowników. Traktowanie treści i projektu jako dwóch osobnych rzeczy prowadzi do końcowego produktu, którego często brakuje.
Spójrz na treść, którą Twoja witryna musi uwzględnić, i zastanów się, jak najlepiej zaprezentować tę zawartość w projekcie. Podejście holistyczne jest bardziej prawdopodobne, aby stworzyć projekt, który bez wysiłku dostarcza treści, nie zwracając uwagi na siebie.
Cykliczna natura projektu
Podczas gdy projekt stale się rozwija, porusza się również w dość regularnych cyklach. Przychodzimy od kółko od początków projektowania stron internetowych do treści, na których koncentrują się witryny. A jednak od samego początku istnienia sieci tak bardzo się rozwinęliśmy, że nikt nie pomyli dobrze zaprojektowanej witryny od roku 2010 z wersją zaprojektowaną w 1995 roku.
Overt, dominujący projekt wizualny najprawdopodobniej powróci w nadchodzących latach, ale prawdopodobnie ulegnie ewolucji i poprawie do tego stopnia, że nie będzie już szkodliwy dla doświadczenia użytkownika.
Wraz z rozpowszechnieniem materiałów wideo i innych treści nietekstowych w połączeniu z nowymi możliwościami CSS3 i HTML5, ma sens tylko to, że grafika znów znajdzie się w centrum uwagi.
Napisany wyłącznie dla WDD przez Cameron Chapman
Jak widzisz związek między designem a treścią i cykle życia prezentowane w tym poście? Podziel się swoimi poglądami poniżej ...