Hutt Dir eng " reaktiounsäit Websäit "? Dëst ass e Site mat engem Layout deen op Basis vun engem Visiteur vum Apparat an der Bildschirmgréisst ännert. Responsable Webdesign ass elo eng gutt Industrien. Et ass recommandéiert vum Google an op Millioune Websäiten am ganze Web. Et gëtt awer e groussen Ënnerscheed tëscht enger Websäit, déi einfach "mat" op verschiddenen Ausgabgréissten e mat enger Site déi wierklech reagéiert.
Ech sinn routininn d'Gesellschaften opzebauen hir Website a schrëftlech eng Pressemitteilung déi d'Tuguen vun hirem neien mobilen Design entwéckelt. Wann ech dës Site besichen, wat ech oft fannen, ass e Layout deen iwwerschwemmt e verännert sech op verschiddene Bildschirmer ze passen, awer dat ass esou wäit wéi se d'Iddi vun der Responsabilitéit huelen. Dëst ass net genuch. Eng wierklech reaktiounsäit Websäit mécht méi wéi nëmmen d'Skala, fir e méi kleng oder méi grousser Bild ze passen. Op dëse Siten fannt Dir och déi folgend wichteg Zich.
1. Optiméiert Performance
Kee wëllt en wart op e Site ze liesen, a wann e Benotzer mat engem mobilen Apparat mat enger Verbindung déi manner wéi ideal sinn, benotzt gëtt, ass de Besoin fir ee Site fir séier ze séier méi wichteg.
Also, wéi fann Dir d'Performance vun Ärer Säit optimiséieren? Wann Dir mat engem neie Site als Deel vun enger Redesignatioun beginn, da sollt Dir e Punkt soen fir e Budget auszeféieren als Deel vum Projet. Wann Dir mat enger existent Websäit schafft an net mat engem Schreien starten, ass den éischte Schrëtt fir Är Performance ze testen fir ze kucken, wou Dir haut steet.
Sidd Dir e Basislabel, wou Äre Site seng Performance leeft, kanns de uwennt Verbesserungen eroflueden fir de Download Geschwindegkeet ze erhéijen. Eng super Plaz fir ze starten ass wahrscheinlech mat Äre Site Biller. Zu grousser Biller sinn de # 1 Täschegeld, wann et drëms geet fir luesen Belaaselplazen z'erreechen. D' Optimiséiere vun Äert Bild fir Websäit liwweren kann Iech vun ärem Site effektiv hëllefen.
D'Realitéit ass datt verbesserte Websäit Performance a séier Geschwindegkeetsgeschwindegkeet e Benefiz sinn datt all Visiteur schätzen. Nodeems et nach ëmmer kee beschwéiert hat, datt e Site "ze séier" ass, awer wann e Site laang ze belaaschten fir ze belaaschten, wäert d'Leit d'Leit weg maachen ob se respektéiert "passt" op hirer Kaart oder net.
2. Smart Content Hierarchie
Wann eng Websäit op engem groussen Ecran affichéiert gëtt, kënnt Dir Inhalter op verschiddene Weeze leeschten wéinst der erweidert Bildschierm elo. Dir kënnt Oft wichteg Noriicht an Biller, Aktualiséierungen, Event Informatioune an Sitenavalléierung direkt op der Kaart kucken. Dëst erméiglecht e Besucher einfach a séier den Inhalt vun der ganzer Säit ze scannen an ze entscheeden wat fir si wichteg ass.
Szenario äntwert zimlech dramatesch wann Dir dëse Site Design maacht an et fir kleng Bildschirmaart ze transforméieren, wéi e GSM. Op eemol gesäit Dir mat enger Brëssche vum Écran Immobilie, déi Dir virdru gemaach hunn, geschafft hunn. Dëst bedeit datt Dir decidéiert wat an der éischter Plaz op der Websäit ersetzt, wat et duerno wäert uschléissen. U wéi däerft Dir elo eemoleg gesi sinn, datt een oder zwee Saache gesinn (eent wat wahrscheinlech Navigatioun ass). Dëst bedeit datt Entscheedungen vun Hierarchie néideg sinn. Leider, wat hält fest datt eent wat op der Kaart ersetze gëtt an dann zweeter asw. Et esou wéi d'Säit selwer kodéiert ass. Et ass am einfachsten, wann Dir e reaktionsplang opbaue looss, fir ze weisen wat alles am éischt de Code am Bildschierm ass, gefollegt vun der zweeter Item am Code an sou weider. Leider kann et am meeschte wichteg sinn op engem Apparat net esou kritesch op engem aneren. E wierklech respektvollen Site versteet datt d'Hierarchie vum Inhalt wéi jee no ënnerschiddlech Situatiounen ännere soll, an et soll clever wëssen wéi et et gëtt.
Verbesserungen an CSS-Layout-Techniken, dorënner CSS Grid Layout, Flexbox a méi, kënne Webdesigner an Entwerfer méi Méiglechkeeten erlaben, wann et ëm intelligent Veräusserung vun Inhalt geet, anstatt datt déi genee Uerdnung vun Inhaltere vum HTML-Code ëmgebaut gëtt. Profitéiert vun dëse neie Layouttechniken wäert méi nach méi wichteg sinn wéi d'Apparaterlandschaft an d'Bedierfnesser vun de Benotzer vun eisem Site weider.
3. Erfarungen, déi de Stär a Schwächen a Geräischer benotzen
Bleift op dem Thema vun Apparater - all Apparat, deen een ze benotzen fir Är Site besicht ze hunn bäi Stäerkten an Schwächten, déi un der Plattform sinn. Eng grouss Responsoiren verstitt d'Kapazitéiten an Aschränkunge vun verschiddenen Apparater a benotzt se fir personaliséiert Experienzen z'ënnerstëtzen, déi am beschten op jidde Fall e Gerät passen, deen e Besucher an dësem Moment benotzen kann.
Zum Beispill, eng Handysnummer beinhalt eng Rei vu Funktiounen, déi Dir net an engem gewéinleche Desktop-Computer fonnt hutt. GPS ass e Beispill vun engem mobilenzentresche Fonktionnalitéit (jo, och wann Dir allgemeng Standortinformatioun op Desktops ubelaangt, mä GPSapparat GPS ass méi genee). Är Säit kann GPS Informatiounen benotzen fir eng Persoun déi ganz detailléiert an spezifesch Schrëtt fir Äert Schrëtt Informatiounen oder spezielle Offeren baséieren op genau do wou se an deem Moment sinn.
En anert Beispill vun dësem Haaptprinzip an der Praxis wier e Site deen versteet wei eng Art Bildschierer Dir benotzt a schéckt Biller, déi am Beschten optimal sinn. Wann Dir e Bildschierm mat enger héich Pixel Dicht hutt, kënnt Dir decidéieren fir méi héich Qualitéit Biller op deem Bildschierm ze schécken. Déi selwëcht Biller sinn ze sinnen op e manner fähigste Bildschierm awer, an déi extra Qualitéit verluer wier wann d'extra Dateigröße fir no wierkt Ursaach uginn.
Wierklech grouss Responsabilitéitseiten betraff d'ganz User Experienz an d'Aarbecht fir dës Erfahrung onnéideg net nëmmen en Apparatentyp oder d'Gréisst vum Bildschierm, mee och aner wichteg Aspekter vun der Hardware as.
4. Inhalt mat Kontext
Ufanks gouf empfangesch Webdesign den Numm nom Wonsch vun der Iddi vun engem Layout vun engem Site ze reagéieren op verschiddene Screengréissten, awer Dir kënnt op sou vill méi wéi nëmmen d'Bildgréisst opmaachen. Bau op dem eelste Beispill fir de Stärken an d'Schwächten vun Ärem Apparat ze benotze kënnt Dir dës och esou wéi aner Datum wéi Datum an Zäit fir eng Websäit erunzegoen.
Stellt Iech eng Websäit fir e groussen Event aus. Wann eng reaktiouns Websäit den Layout vun de Säiten vun der Säit maacht fir mat anere Bildschirmer ze maulessen, kënnt Dir och de Datum benotzen fir festzeleeën wat Inhalt fir Iech am meeschten wichteg ass. Wann et d'Period vun der Zäit virum Event ass, wäert Dir wahrscheinlech fir d'Registratiounsinformatioun ze weisen. Wann awer d'Evenement am Moment geschitt ass, kann d'Registrierung net den wichtegsten Inhalt sinn. Amplaz datt Dir den Dagvirus vun den Evenementer decidéieren, ass méi kritesch, well et méi relevant ass fir déi direkt Ufuerderunge vum Benotzer.
Wann Dir Saachen mécht e Schrëtt weider, kënnt Dir Äert GPS an engem Apparat GPS wielen fir ze bestëmmen wou se an der Messe kommen. Dir kënnt hinnen interaktiv Inhalt hunn op Basis vun hire Standuert, ze weisen an noen Stänn oder Sessiounen unzefänken.
5. Zougänglechkeet
Deem lescht Beispill wäerte mir kucken, wéi e Site wierklech op d'Besoinen vum Besucher reagéiere kann ass iwwer d' Websäit Zougank ze denken. Websäite sollten op d'mannst vu Leit genotzt ginn, och mat Leit mat enger Behënnerung. Är Websäit sollte benotzt ginn vu jidderengem deen e Screenshots oder aner assistéiert Software benotzt fir seng Inhalter ze kréien. Op dës Manéier hëlleft Är Säit op hir Besoine well Dir hutt séchergestallt dass d'Erfahrung, während aner fir behënnert Gäscht, ëmmer nach ze passen.
Wann Dir op esou vill Datenpunkten wéi méiglech reagéiert, a net nëmme Screengréisst, kann eng Websäit vill méi wéi nëmmen "mobil Frëndschaftsmätscher" sinn. Et kann e wierklech Responsabler Erfahrung an all Sinn vun der Phrase ginn.