Mācīšanās no Microsoft: 10 pieļaujamās kļūmes, no kurām jāizvairās
Šodien mēs izpētīsim tīmekļa dizaina praksi un lielākās programmatūras programmatūras tendences, lai noskaidrotu, vai mēs kaut ko varam uzzināt par dažām kļūdām, no kurām savā darbībā jāizvairās.
Jūtieties brīvi komentēt, lai piekristu vai nepiekristu tālāk sniegtajiem ieteikumiem. Kā profesionāli dizaineri, jūsu ieskats ir vērtīgs, un es ceru uz jūsu domām.
Izpētiet dizaina resursus
Gadījuma īrētājs
Visiem, kas ienīst rakstus, kas piepildīti ar rantu, es atvainojos, ka šī ziņa reizēm ir nedaudz skarba. Parasti es atbalstu laba dizaina slavināšanu, nevis slikta kritizēšanu, bet, kad ar Deividu Appleyardu un es nolēmām ievietot ziņu par Microsoft dizaina tendencēm, šķita, ka ir vēl daudz vairāk, lai uzzinātu par nekārtīgajām, neglītajām un / vai nepieņemamajām lietām, kas viņi dara nekā alternatīva.
Lai jūs izslēgtu komentāros, zemāk esošajā analīzē neminēšu un neveicīšu nevienu salīdzinājumu ar Apple. Tas nav domāts vismaz par datoru un Mac, bet drīzāk par to, kas, mūsuprāt, ir patiesi slikta prakse tīmekļa dizaina un attīstības jomā. Patiesībā Microsoft ir ļoti veiksmīgs uzņēmums, un tas neveic neveiksmes nevienas no šo problēmu dēļ. Faktiski, kā mēs norādām turpmāk, Microsoft patiešām šķiet, ka dažu vietņu komandā ir daži zvaigžņu dizaineri, mēs tikai iesakām ieviest augstāku kvalitātes kontroles līmeni visā pasaulē.
Paturot to prātā, analizēsim dažas vietas, kuras Microsoft, šķiet, nepilda savā dizaina un attīstības praksē, un kā jūs varat gūt labumu no šīm zināšanām.
# 1 Uzmanieties no dažu spraudņu piespiešanas
Ja mēs esam iemācījušies kaut ko no nesenajiem skrāpējumiem starp Apple un Adobe, tas nozīmē, ka vietņu izveidošana, kas ir pilnībā atkarīga no slēgtiem trešo pušu spraudņiem, galu galā var izraisīt nopietnu aizdegšanos. Liekas, ka Microsoft atkārto šo pašu kļūdu, jo tās vietņu tīkls aizvien vairāk atteicas uz Silverlight.
Pārlūkojot dažādas Microsoft vietnes, gatavojoties šim rakstam, mani pastāvīgi uzmācīja logi, informējot mani, ka es neesmu instalējis Silverlight un tāpēc nevarēju piedzīvot tīmekļa vietni tā, kā bija paredzēts to apskatīt. Mans jautājums ir: “kāpēc iet šo ceļu?” It īpaši, ja mēs runājam par vienkāršiem slaidrādes un animācijām, kuras var izdarīt ar visuresošākām tehnoloģijām. Piešķirts, ka Microsoft pieder Silverlight, tāpēc viņiem ir pamatoti biznesu atbalstīt savus ieguldījumus, taču tas nenozīmē, ka tā ir labākā izvēle, lai jūs varētu lēkt uz viņu vagonu.
Neatkarīgi no tā, vai esat milzīgs Silverlight ventilators vai nē, mans padoms ir būt īpaši piesardzīgam, balstoties uz jūsu vietnes funkcionalitāti uz šo vai jebkuru līdzīgu tehnoloģiju. Tā kā debates par to, vai ir saprātīgi attīstīt vietnes ar Flash, turpina uzkarst, otrās līnijas sistēmas, piemēram, Silverlight, kļūst vēl jo vairāk azartiskas. Ja iespējams, pieturieties pie pārlūka, standartiem atbilstoša koda un rīkiem, kas apmeklētājiem neprasa papildu darbu vai instalēšanu.
# 2 Skatieties savu izšķirtspēju
Šī ir viena no manām lielākajām sūdzībām par Microsoft tikai tāpēc, ka tā vienkārši šķiet kā apliets dizains. Neapšaubāmi ir smalka līnija, kas jāatstāj starp faila lieluma samazināšanu, lai palielinātu lietojamību, un attēlu saglabāšanu tīru un izteiksmīgu, taču es nevaru palīdzēt, man šķiet, ka Microsoft, šķiet, ir vairāk tendēta uz neglītu, robainu JPG parādīšanu nekā burtiski jebkura cita profesionāla vietne, ko esmu redzējis pēdējos gados.
Arvien mazāks iezvanpieejas interneta lietotāju skaits turpina palielināt pieņemamo attēlu izmērus. Tas nekādā ziņā nenozīmē, ka jums nevajadzētu īpaši rūpēties, lai viss būtu tik mazs, cik tas ir saprātīgi, taču brīdī, kad tas sāk tik ļoti uzsvērt dizainu, ka tas dramatiski samazina redzamo vietnes kvalitāti, attēli kļūst pašnodarbināti!
Jūs dzīvojat ar tīru ironiju, ja izmantojat attēlus, lai jūsu vietne izskatās labāk, bet galu galā samaziniet estētisko pievilcību. Kad iespējams, priekšskatiet apstrādātos attēlus dažādos monitoros un pievērsiet īpašu uzmanību tam, cik daudz traucējumus un artefaktu uzskatāt par pieņemamu.
# 3 Organizēta jucekli
Dažreiz jūs varat ievērot visus acīmredzamos dizaina noteikumus un tomēr galu galā iegūt kaut ko tādu, kas vizuāli šķiet zemāks. Pārlūkojot Microsoft vietnes, es saskāros ar neskaitāmām jomām, piemēram, zemāk redzamajām, kas tikai šķita pārblīvētas, neskatoties uz viņu mēģinājumiem organizēt kolonnu balstītu organizāciju.
Kāda ir problēma? Vienkārši sakot, šeit salīdzinoši nelielā telpā notiek ton. Pat domājot, ka viņi noteikti ir mēģinājuši sakārtot saturu un uzlabot vizuālo lasāmību, izmantojot ikonas, gala rezultāts joprojām ir diezgan līdzsvarā.
Ja jūs rūpīgi aplūkojat šeit notiekošo, jūtas kā četras informācijas kolonnas, kuras izstrādājuši četri dažādi cilvēki un kas ir salikti kopā. Kreisā puse ar attēliem, salīdzinot ar labo pusi, šķiet patiešām smaga, teksta krāsa ir nedaudz sporādiska, saturs ir neveikli sakārtots, un kolonnām trūkst pietiekami daudz elpas, lai tās varētu šķist kā patstāvīgas zonas.
Šajā nodarbībā jābūt uzmanīgam, iesaiņojot vienu lapas daļu, kas ir pārāk pilna ar atšķirīgu informāciju. Neapšaubāmi, ir daudz reižu, kad situācija prasīs daudz satura, taču organizācija jārīkojas konsekventi un pievilcīgi, kā redzams zemāk redzamajos skaistajos piemēros (no vietnēm, kas nav Microsoft vietnes).
# 4 neatbilstība
Sākot ar Microsoft.com, atveriet noklusējuma navigācijas izvēlnes un izvēlieties apmeklējamo vietnes apgabalu. Neatkarīgi no tā, kuru saiti noklikšķināt, iegūtā lapa izskatīsies pavisam savādāk nekā mājaslapa un joprojām atšķiras no vairuma citu saišu, kas pieejami tajā pašā nolaižamajā sarakstā.
Izpētīt Microsoft vietni ir kā ruletes rats. Jums faktiski nav ne jausmas, kurp dodaties uz zemi un ko gaidīt no nākamās lapas. Dažās lappusēs ir spilgts fons, bet citās ir mīksti slīpumi vai pat eksplodējoši apļi. Liekas, ka vairums lapu atbalsta zilo krāsu, bet ne vienmēr to pašu zilo, un ir arī daudz lapu, kurās zilā tendence tiek pilnībā ignorēta.
Lieta ir tāda, ka jūsu vietnei ir divas lapas vai divi simti, konsekvence ir obligāta. Tas lietotājiem ļauj justies ērtāk, kad viņi var iepazīties ar vietnes darbību un izskatu dažu sekunžu laikā. Piešķirot viņiem kaut ko krasi atšķirīgu ik pēc dažām lapām, pārlūkošana kļūst mulsinošāka un mazāk efektīva.
turklāt pastāv ideja, ka spēcīga, konsekventa zīmola izveidošana ir tikai labs bizness, jo tas palīdz klientiem personiskākā veidā attiekties uz jūsu uzņēmumu. Jāatzīst, ka Microsoft žonglē daudz dažādu zīmolu un mikro vietņu, kas visas rodas no mājas lapas, taču pat starp tām, ko varētu uzskatīt par Microsoft.com galvenajām lapām, attēlu tēmas un navigācijas metodes šķiet krasi atšķirīgas.
Nr. 5 uz centrālo grafiku noformējums
Acīmredzot šis ieteikums ir nedaudz absurds, redzot, kā klipkopas un Microsoft Office vienmēr ir nesaraujami saistītas. Tomēr ikonu dizains ir nogājis garu ceļu kopš 1995. gada, un ir pienācis laiks atteikties no šī īpašā stila jūsu izmantotajos attēlos.
Iepriekš minētie mākslas piemēri, kas izvilkti no dažādām Microsoft lapām, vienkārši man liek aizrauties, īpaši ar šausmīgo “Beginner Developer” logotipu. Man nav ne jausmas, kāpēc bumerangs uzbrūk augam vai arī maģiskais lidmašīnas datora monitors palīdz uzbrukumā vai bēg no skatuves. Viss, ko es zinu, ir tas, ka vizuālā komunikācija šeit ir neizsakāms haoss.
Tas ir viens no galvenajiem iemesliem, kāpēc pastāv tādas CSS galerijas kā mūsu pašu. Nevis tāpēc, lai nozagtu citu dizainu, bet arī jūs varat iepazīties ar dizaina stāvokli desmitgadē, kurā attīstāties. Pārlūkot šīs galerijas ir tāpat kā apmeklēt populārus apģērbu veikalus tirdzniecības centrā, lai parādītu savai trakajai tantei, ka viņai nav jāģērbjas kā kādam no šova Sunny and Cher izstādes.
Vienmēr jūtieties brīvi pārkāpt robežas un pārsniegt pašreizējās attīstības tendences, sākot savu. Vienkārši esiet piesardzīgs, lai gadiem ilgi spītīgi stāvētu, kamēr pārējā pasaule virzās tālāk.
# 6 Neatbilstoši pārpildīts teksts
Vēl viena tendence, kuru ir grūti aizmirst Microsoft vietnēs, ir pastāvīgi sadalītās teksta slejas, kas pārpilda acīmredzamās robežas.
Šo ir samērā viegli noteikt, un tas prasa tikai nedaudz pūļu un uzmanības. Pārliecinieties, ka izmantojat tādus bezmaksas rīkus kā Adobe pārlūka laboratorija, lai nodrošinātu, ka izkārtojumi nesadalās, skatot tos lielākajos pārlūkos.
Lai arī CSS izkārtojums ir patiešām sarežģīts zvērs, kad runa ir par dažādu pārlūku konsekvenci, tādas mazas kļūdas kā šī patiesībā pazemina jūsu vietnes kvalitāti, un tās ir vērts novērst traucējummeklēšanas laiku, kas nepieciešams to novēršanai.
# 7 Slikta izlīdzināšana
Dažreiz attiecīgā lappuse man uzdeva izaicinājumu izlemt, kuru dizainu pamanīt. Piemēram, zemāk esošajā lappusē es sākotnēji apsvēru iespēju izmantot nelielu ekrānuzņēmumu, kas, noklikšķinot uz tā, nepalielinās, bet, jo vairāk es apskatīju lapu, jo vairāk es apjuku par to, kas notiek izkārtojums.
Ja jūs vispār esat iepazinušies ar pamata dizaina teoriju, tad zināt, ka laba lappuses izkārtojuma atslēga ir iemācīties ieviest stingrus un konsekventus izlīdzinājumus. Nepāra sajaukums starp kreiso, centrālo un labo vizuālo izlīdzinājumu, kas notiek augšpusē, savienojumā ar neērto tukšo vietu augšpusē rada patiesi nepāra sniegtās informācijas vizuālo plūsmu.
Turklāt, apmeklējot iepriekš minēto lapu, jūs redzēsit, ka viss saturs šķiet centies būt centrēts, bet to tiešām izmet vidusdaļa, kas padara lapu šķietami pa labi no centra.
# 8 reklāmas juceklis
Tādiem bezmaksas emuāriem kā šis ir jābūt daudzām reklāmām. Tas ir vienkārši veids, kā mēs gūstam ienākumus un turpinām sniegt jums saturu. Tomēr, ja jūs izmantojat profesionāla biznesa vietni, jums rūpīgi jāapsver, vai ar reklāmas palīdzību vēlaties mazināt jūsu vēstījumu un profesionalitāti.
Vietnes Microsoft.com lapas ir bagātinātas ar dažādām reklāmām, kas patiešām pazemina tās lapas estētiku, kurā tās atrodas. Dažreiz šīs reklāmas norāda tieši uz citām Microsoft lapām, dažreiz uz citiem uzņēmumiem vai partneriem. Jēdzienam par datplūsmas novirzīšanu uz citām vietnes daļām nav nekas nepareizs, taču tas, kā jūs to izpildāt, var radīt milzīgas atšķirības.
Ja tur ir viena lieta, ko vairums tīmekļa lietotāju ir iemācījušies pamanīt, ignorēt un, iespējams, pat aizvainot, tā ir reklāmkarogu reklāma. Nemaz nenozīmē, ka šāda veida reklāma nedarbojas ar pareizu mērķauditorijas atlasi un noformējumu, vai pat jāsaka, ka Microsoft lietotāji uz tiem neklikšķina, bet es brīnos, vai nav labāka veida.
Ja Microsoft vēlas novirzīt trafiku uz viņu mobilajiem tālruņiem un citiem projektiem, vienkāršākais veids ir iestatīt pārblīvētu, nestandarta (dizaina ziņā saprātīgu) reklāmu sistēmu, kas darbojas visā viņu vietnē. Tomēr šķiet, ka šī satura integrēšanai faktiskās vietnes daļā būtu daudz labāks vidējais klikšķu skaits, jo vairāk lietotāju ņemtu vērā ziņojumu un viņiem nebūtu jālauž visi iekšējie noteikumi par to, kā par katru cenu izvairīties no reklāmkarogu reklāmām.
Turklāt šāda integrācija liktu dizainparaugiem būt konsekventākiem, jo tie tiek veidoti kā viena vienība, nevis atsevišķas komandas. Atkal tas ir scenārijs, kurā es saprotu Microsoft pieejas rentabilitāti, taču vēlos brīdināt, ka nesekojat viņu piemēram. Koeficienti ir tādi, ka jūsu izveidotās vietnes nekonkurēs ar Microsoft vietņu tīklā un tāpēc, visticamāk, izmantos stabilu, integrētu dizainu, lai jūs varētu izvairīties no liekas reklāmas vizuālās jucekļa.
Acīmredzot ir daudz vietņu žanru, kur tas vispār neattiecas, jo ir paredzams, ka tiks reklamēta. Vienkārši pārliecinieties, ka apsverat, vai vietnei vajadzētu būt veltītai jūsu produkta vai pakalpojuma pārdošanai, vai arī tai nepieciešami papildu ienākumi un reklāmas novēršana.
# 9 Elpošanas istabas trūkums
Iespiežot dizainu, dizaineri izveido katru lapu ar “dzīvu zonu”. Tas parasti ir taisnstūrveida iespraudums no lapas apdares, kas nosaka zonu, kurā droši ievietot saturu, lai izvairītos no lapas nogriešanas vai malu izspiešanas. Lielākā daļa tīmekļa dizaineru to dara intuitīvi, jo ir diezgan acīmredzami, ka nevēlaties, lai jūsu saturs būtu pārāk tālu piespiests pārlūka sāniem.
Tomēr, kā redzams iepriekš redzamajā ekrānuzņēmumā, ir dažas Microsoft lapas, kuras, šķiet, nesniedz šādus atzinumus. Tā vietā saturs tiek sākts, tiklīdz lapa to dara ar nulles horizontālu polsterējumu vai malu (vismaz tajās pārlūkprogrammās, kuras es pārbaudīju).
Navigācijas panelis neuzskata, ka tas ir iebūvēts lapas malā, šķiet, ka tas tiek nogriezts (atkal, iespējams, tas tiek darīts tieši tāpēc, ka man nav IE). Mācība šeit ir vienkārša: vienmēr ievērojiet pārlūka loga malu. Ja vien jūs nepārkāpjat noteikumu par acīmredzamu vizuālu asiņošanas efektu, novietojiet saturu, it īpaši interaktīvās daļas un saites, drošā vietā, lai lietotāji nejustos pārpildīti, mēģinot to izmantot.
Uzmanīgi apskatot ekrānuzņēmumu, jūs varat redzēt vēl dažus Microsoft dizaineru piemērus, vienkārši nedomājot par to, vai viņu teksts pareizi plūdīs visos lielākajos pārlūkos. Šī ir diezgan uzjautrinoša Microsoft tendence, jo daudzi tīmekļa dizaineri savas dienas pavada, cenšoties veikt īpašas izmitināšanas iespējas Microsoft Internet Explorer, taču vairāku miljardu dolāru vērtā kompānija nevar uztraukties atgriezt labvēlību, pārbaudot savu darbu citās sistēmās.
# 10 - Talanta neizmantošana
Lai arī iepriekš Microsoft vietnē ir daudz negatīvu komentāru par tīmekļa dizaineriem, biju patīkami pārsteigts, redzot, ka viņiem faktiski ir diezgan maz vietņu un lapu, kas izskatās vienkārši pārsteidzoši.
Iepriekš minētie piemēri ir tikai divas no daudzajām vietām, kuras, manuprāt, Microsoft patiešām izmeta no parka ar to izkārtojumu, krāsu izvēli, grafiku un savstarpēju pārlūku savietojamību. Tas man saka, ka kaut kur starp šī uzņēmuma plašo kabīņu baseinu sēž daži patiešām talantīgi cilvēki, kas spēj pilnībā atbrīvot uzņēmumu no tā dizaina krituma.
Šie dizaineri neatkarīgi no tā, vai viņi ir, būtu jāpaaugstina pozīcijās, kas ļautu viņiem sadarboties un noteikt konsekventus standartus, kurus burtiski ikviens Microsoft web dizainers būtu spiests ievērot. Atvienota satura jucekļa labirinta vietā viņi varētu izveidot spēcīgu zīmolu skaistu vietņu tīklu, kas visi skaidri pieder tai pašai ģimenei.
Pēdējais ieteikums, ko es jums piedāvāju, ir atrast šāda veida izcilus cilvēkus jūsu uzņēmumā un dot viņiem balsi. Tā vietā, lai žēlotos par talanta trūkumu starp citiem jūsu komandas locekļiem, nozīmējiet spēcīgākos dizainerus un izstrādātājus uz amatiem, kur viņi var ietekmēt katru vizuālās komunikācijas daļu, kas tiek saistīta ar konkrētu zīmolu.
To var izdarīt efektīvi un lietderīgi, izveidojot skaidras, konsekventas un stingras zīmola vadlīnijas, kuras tiek izplatītas katram dizainerim un izstrādātājam par katru atšķirīgo zīmolu, ar kuru jūs strādājat.
Domu noslēgšana
Rezumējot, lai arī Microsoft ir diezgan daudz ārkārtīgi talantīgu tīmekļa dizaineru, šo cilvēku darbu gandrīz pilnībā aizēno lielais satura daudzums, kas pat neatbilst standartiem, kurus mēs sagaidām no jauniesaucamo dizaineriem un izstrādātājiem viņu pirmajā gadā .
Par laimi, mēs varam izmantot tādus uzņēmumus kā Microsoft kā mācību palīglīdzekļus, lai skaidri parādītu, ka patiesībā ir nepareizs veids, kā rīkoties. Nekad neiedomājieties to tikai tāpēc, ka esat vientuļš brīvmākslinieks vai maza dizaina firma, kuru nevarat pilnībā pārspēt lielkorporācijas un dizaina firmas, runājot par jūsu sagatavotā darba kvalitāti.
Esmu secinājis, ka bieži ir vieglāk atrast kvalitatīvus dizainerus piemērus mājas birojos visā pasaulē, nekā sēdēt pie lielu firmu galdiem. Uzticieties faktam, ka jums nav jāsaskaņo un jākontrolē simtiem dizaineru kvalitāte. Dariet visu iespējamo, lai izveidotu dažas no labākajām vietnēm tīmeklī, izmantojot nelielu jūsu rīcībā esošo resursu daudzumu kopā ar lielu personisko disku, lai izveidotu skaisti funkcionālus dizainus.
