Ir laiks. Atkal. #2
Kopš launča ir pagājušas dažas dienas. Pa šo laiku daudz kas ir pamainījies. Maza atskaitīte pašam sev.
Samazināju vispārējo satura platumu atbilstoši fonta izmēram. Lasāmībai.
Ir nomainīti fonti. Iepriekš biju iedomājies, ka vecais labais Georgia ir forši, bet dažas labs mani pierunāja pamēģināt webfontus. It sevišķi tā dēvētās slab serif fontu grupas eksemplārus. Virsrakstiem Dosis, bet saturam Crete Round. Ar pēdējo uz Chrome un mazākiem fonta izmēriem bija ievērojamas problēmas attēlošanā dēļ bugainās implementācijas. Beigu beigās labāk izskatās versija no FontSquirrel. Iespējams, ka pareizā fonta meklējumi turpināsies, jo šiem ir niansītes, kas man mazliet neiet pie sirds (knipucīti par skrandžainu manai gaumei).
Kā jau redzams, esmu ticis vaļā no rāmja ap saturu. Tas tiešām bija lieks.
Komentāri mazliet vienkāršoti un arī trīs ceturtdaļas bōrdera novāktas :) Tās tikai nevajadzīgi sabiezināja visu.
Internet Explorer 8 un senāku versiju atbalsts bija zem jautājuma zīmes. Atsevišķi būtu nācies vilkt IE8 VM, lai salabotu visu, kas labojams. Vai vismaz pašu galveno. Taču, man atgādināja par IE9 izstrādātāju rīku iespēju attēlot lapu kā IE8. Papētīju, paštukoju, un nolēmu, ka nekādu tur pielāgošanu šai pārlūka versijai netaisīšu. Iemetu ar html5shiv un aizmirstu. Neba nu kādu tas satrauc, bet 2 sekunžu darbību rezultātā ikonizētās figņas rādās tagad pat iekš IE7.
Kopējā stilā ielikts komentāru pierakstu pārvaldītājs (tie, kas lieto, zinās). To teorētiski derētu latviskot. Parādījusies 404 lapiņa.
Samērotas lietas mazajos tālruņu ekrānos. It sevišķi tas attiecas uz pa labi/pa kreisi saitēm, kuras neret aplauzās. Ierakstiem tās likvidēju. Nedomāju, ka kāds sevišķi bēdāsies.
Pavisam noteikti jāiziet cauri CSS'am, jo tas eksperimentu rezultātā ir par diezgan nopietnu spageti pārvērties.
Endijs Lisovskis
2012. gada 31. jūlijā, plkst. 23:43
Fonts izskatās pārāk boldīgs. :P
laacz Autors
2012. gada 31. jūlijā, plkst. 23:43
Es jau esmu pieradis. Jo lielāks fonts, jo boldīgākam tam jābūt.
Endijs Lisovskis
2012. gada 31. jūlijā, plkst. 23:49
Kāpēc jāmēģina "pierast". Ja liekas dīvaini (pa boldīgu), kāpēc tad jāizmanto. Man izskatās šādi: http://screencast.com/t/1YIyg5cnOL5 tāpēc labāk izmanto iReader extension un lasīt šādi: http://screencast.com/t/YkOAWlQ8 :)
laacz Autors
2012. gada 31. jūlijā, plkst. 23:50
Man izskatās tieši tāpat. Un pierast nepieciešams tāpēc, ka bieži vien pret labām lietām nospēlē ikurāt pieradums pie līdzšinējā. Es, savukārt, apradu diezgan ātri, kas nozīmē, ka man patīk. Nešķiet pār boldīgu vairs.
mm
2012. gada 1. augustā, plkst. 18:46
Piekrītu 100% ! Kaut kā man ne pārāk..var jau būt, ka ar laiku liksies ok. Nez.
Jānis
2012. gada 1. augustā, plkst. 01:00
Jebkuram dizainerim (arī webdizainerim) ir jāvar sakarīgi atbildēt, kāpēc viņš dara tā vai šitā. Name the reasons. Atbilde "gribēju pamēģināt kaut kādu webfontu" vai "man liekas stilīgi ielikt tekstam mazliet raibu fonu", protams, šajā situācijā (privāts blogs) ir pieņemama, bet tā nepauž rūpes par lasītāja ērtībām, kas tomēr tā kā būtu primārais risināmais uzdevums imho.
laacz Autors
2012. gada 1. augustā, plkst. 08:33
Fonts nav galīgi garām. Ir nianses, bet ar fontu viss ir kārtībā. Man lasās tik pat labi, kā jbkurš cits serif un labāk nekā sans serif.
Faktūra fonā - a kāpēc ne?
P.S. Es neesmu webdizaineris, bet esmu ieklausījies vairākos. Ja Tev tik ļoti nepatīk un ir mokoši lasīt, nelasi. Es nespiežu. Konkrētajā gadījumā es neredzu iemeslu mākslīgi domāt iemeslus. Mans iemesls ir nevis "man liekas stilīgi", bet "man patīk".
krizdabz
2012. gada 1. augustā, plkst. 09:34
Faktūra fonā lapu vizuāli padara "smagu". Esmu par tīriem un gaišiem foniem. Fonts arī šķiet mazliet par treknu.
Krišs
2012. gada 1. augustā, plkst. 10:55
Fonts uz mobilā izskatījās labi, pilnvērtīgā pārlūkā gan grūti lasāms.
Jānis
2012. gada 1. augustā, plkst. 16:33
Es tikai cenšos palīdzēt, lai Tavs blogs izskatās labāk, un ir vieglāk un patīkamāk lasāms pēc iespējas plašākai auditorijai. Lietojamība (usability) ir vesela zinātne, un tā ir mana specializācija. Ja primārais ir tikai tas, kas Tev pašam patīk vai nepatīk, tad vairāk netraucēšu.
laacz Autors
2012. gada 1. augustā, plkst. 16:44
Paldies, protams. Man primārais nav savam priekam. Es cenšos atrast kompromisu starp to, kas patīk man un to, kas ir lietojams. Neesmu, protams, UX/UI guru, taču man, personīgi, faktūra netraucē. Kas attiecas uz fontu - arī tam manā izpratnē nav lielas vainas, ja neskaita jau uzskaitītās pāris niansītes. Tā kā neesmu nedz webdizaineris, nedz lietojamības eksperts, tad es taisu kā protu. Tāds aŗi ir tas reasonings :)
Kas attiecas uz ieteikumiem, tad visi UX speciālisti nav vienisprātis par fontiem un lasāmību. Fontu anyway meklēšu vēl, taču lielas atkāpes no izvēlētā fonta diez vai nebūs. Uz faktūru paskatīšos mazliet svaigāku aci pēc nedēļas.
Tagad gaidu komentāru no Tevis - kāpēc tieši konkrētais fonts nav labs, kā arī - kuri fonti tad ir vislasāmākie?
Jānis
2012. gada 1. augustā, plkst. 19:38
Latviešu valodā diemžēl nav izvēles, serifs ir Georgia un sansserifs ir Verdana. Samazini šo fontu, kuru lieto tagad, redzēsi, ka viņš arvien vairāk tiek kropļots un paliek arvien grūtāk lasāms. Es uz aci redzu šos kropļojumus arī pie patreizējā izmēra. Lieta tāda, ka ekrāna fontiem mazie izmēri ir jāizstrādā bitmapā, ne tikai vektoriāli, citādi renderings tos sakropļo. Georgijai un Verdanai ir līdz pixelim atslīpēti visi mazie izmēri - šim fontam nē. Arī tagad, kad ir savākušies vairāk komentāri, pats redzi, ka cilvēkiem šis fonts tā ne visai patīk. To ir grūti noformulēt, kāpēc, bet tas nemaina lietas būtību - viņa izlasīšana prasa papildus sasprindzinājumu.
Varu pateikt divas lietas, kas šim fontam nav ok: 1) viņam ir nekvalitatīvi izstrādāts kernigs (attālumi starp burtiem), nav nodefinēti konkrētie pāri. Otrkārt fonta bāzes augstums (mazie burti) un pilnais augstums (lielie burti) pārāk maz atšķiras. Miks tas kurš onkuls vēlākos komentāros iesaka virkni fontu, bet diemžēl arī tie nederēs, jo būs problēmas ar latviešu burtiem, un tik vai tā būs jāatgriežas pie Georgijas, ja izvēlēsies serifu.
Vēl par fontiem, uztaisi eksperimentu, apskati kādas 10 nopietnas lapas, kas ir kalpo kā laba dizaina etaloni, nytimes.com, guardian.co.uk utt. un paskaties, kāds ir teksta fonts rakstiem - georgia, georgia un vēlreiz georgia (vai verdana :)
Webā primārais un galvenais ir saturs. Dizains ir tikai ietvars, kaste, ar ko Tu šo saturu nogādā lasītājam. Dizains nav pašmērķis, dizainu nevajag taisīt kā patīk. Dizainam ir uzdevums un viņam ir jāpilda šis uzdevums.
Lai veicas!
Jānis
2012. gada 1. augustā, plkst. 19:41
Ou, kāmēr rakstīju traktātu par fontiem, lietas ir gājušas uz labo pusi :)
Vilx-
2012. gada 1. augustā, plkst. 01:27
Mani 2 santīmi: Man arī fonts šķiet pārāk liels un trekns. Un rāmis apkārt tomēr arī kaut kā pietrūkst. Vai arī kaut kas cits, ar ko aizpildīt to tukšumu, citādi ir sajūta, ka kaut kas lapā nav ielādējies. Varbūt iespējams dizainu uztaisīt tādu, lai teksts nav vienā fiksēta platuma kolonnā centrā, bet gan izplešas pa visu monitora platumu? Tas, protams, ir sarežģītāk, taču daudz patīkamāk lietotājiem.
laacz Autors
2012. gada 1. augustā, plkst. 08:30
Rāmis ir prom uz neatgriešanos. Tas, manuprāt, nav nepieciešams. Un saturs pa visu ekrānu nav sarežģītāk. Tas ir pats vienkāršākais, ko nevajag darīt. Lasāmības dēļ. Rindiņas platumu nosaka fonta izmērs. Pamēģini pamainīt pārlūka loga izmēru - redzēsi, ka uz mazākām izšķirtspējām fonts ir mazāks, kā arī ir pa visu ekrānu.
Vilx-
2012. gada 1. augustā, plkst. 01:29
No pozitīvās puses - ikonas augšā ir foršas (moš strīpu starp tām un tekstu?), kā arī backgrounds ir patīkams.
mp4
2012. gada 1. augustā, plkst. 09:58
Es būšu iz tiem, kuriem fonts patīk. (Lai nav tikai komentāri "pret" fontu.)
Normunds
2012. gada 1. augustā, plkst. 10:12
Man nepatika iepriekšējais fonts un nepatīk arī pašreizējais :P Tāda sajūta it kā man būtu cita stipruma brille - izplūdis.
laacz Autors
2012. gada 1. augustā, plkst. 10:15
Ja Tev ir Mac, tad problēma ir apzināta. Safari + webfonti + smoothings. Mēģaināšu 'uzlikt rokas' uz kāda maca. Pašlaik, gan, tuvumā neviens neplānojas.
edza
2012. gada 1. augustā, plkst. 10:15
Uz kubuntu+chrome komentāri lasās pagrūti. Pats raksts tīri ok. Uz Andra+chrome gan izskatās ideāli.
laacz Autors
2012. gada 1. augustā, plkst. 10:17
Kubuntu livecd varētu paķert un pabakstīt Chrome un FF tur. Bet nav prioritāte:)
edza
2012. gada 3. augustā, plkst. 10:16
Tagad gan izskatās tīri ok.
Gundars
2012. gada 1. augustā, plkst. 10:24
Fons tiešām lapu pataisa par vecāsmātes deķi. Nu tas tikai man subjektīvais viedoklis. Fonts lasās normāli, bet tiešām nedaudz par cakainu. Tas gan gaumes jautājums. Bija jau te jautājums par to lapas "platumu". Man arī izbrīna, kāpēc praktiski nav lapu, kuras domātas widescreen ekrāniem, kādi šobrīd ir stipri liela daļa, lai neteiktu lielākā? Konkrēti uz mana ekrāna ir viena vidējā trešdaļa ar teksta paragrāfu pa vidu un pa malām divas trešdaļas tukšuma. Vai tas ir programmātiski sarežģīti, vai cits iemesls? Tik nevajag par to lapas izmēra mainīšanu. Tas jau klibo proporciju neietekmē, vienkārši piezūmo. Vienīgo iemeslu redzu, ka mobilajiem ekrāns tomēr ir vertikāls (taču arī var pagriezt landscape režīmā). Vai nevar tā ka weblapa pati nosaka uz kāda ekrāna viņa attēlojas un tad "piestaipās" pēc pilnā platuma? Pārsvarā izmantoju GoogleReader un tur arī esmu uzlicis paplašinājumu Google Reader for wider screens. Jā vel ir opcija pagriezt ekrānu vertikāli, ja tāda funkcija ir (manam ir). Bet nu tas tomēr nav optimālais risinājums.
laacz Autors
2012. gada 1. augustā, plkst. 10:32
Par platumu.
Programmātiski tas nav sarežģīti. Tas, ja tehniski, ir pat vienkāršāk. Staipīšanās ir daudz sarežģītāk. Taču, optimālais teksta rindas platums komfortablai lasīšanai ir starp 50 un 75 simboliem. Es te grēkoju sev un saviem lasītājiem par labu (:), jo jaunajā iterācijā rindiņas platums ir mazliet zem 100 statistiski vidējiem simboliem.
Pašlaik satura platums man ir pikseļos, taču plānoju pēc CSS sakārtošanas to norādīt em'os. Tas nepadarīs lapu platāku, taču satura platumu konsekventāku gan.
Gundars
2012. gada 1. augustā, plkst. 11:04
Nu nez, man šitais izskatās pēc dzejoļu krājuma. Normāli uztverams ir arī teksts ar 200 zīmēm rindā. Tak dabū ritināt trīs reizes vairāk, lai izlasītu visu tekstu. Piemēra pēc http://www.varam.gov.lv/ lapa ir pat ļoti ok. Par saturu šoreiz nespriedīšu, tā ir cita tēma.
laacz Autors
2012. gada 1. augustā, plkst. 11:08
Apžēliņ, nepiekrītu par 200%. Tik plats teksts nav komfortabli lasāms.
Gundars
2012. gada 1. augustā, plkst. 11:28
Nu jā cik cilvēku, tik viedokļu :) Labi, ja tik garas teksta rindas neliekas uztveramas, tad kaut vai saliec vairākus paragrāfus blakus. Saliec kādu citu info malās. Nu vienkārši aizpildi tukšās bezjēdzīgās malas. Tajā pašā manis pieminētajā VARAM lapā, viss smuki sabīdās ja saspiež šaurāku web pārlūka logu, tā, ka pieļauju, ka uz maziem (lasi šauriem) ekrāniem viss ir ok. Tātad tehniski sarežģītāk bet atrisināms ir. Tāpēc joprojām nesaprotu kāpēc to nedara.
Jy
2012. gada 1. augustā, plkst. 10:44
Teksta fonts ir ok. Man lielie burti patīk. Bet virsraksti gan pēc iztaisnota comic sans izskatās. Ļoti neiet kopā ar serifoto raksta fontu.
Hm
2012. gada 1. augustā, plkst. 10:45
Fonts lieliski piemērots kādai zaptes recepšu lapai.
aiai
2012. gada 1. augustā, plkst. 11:01
Tavas lapas dizains man atgādināja šo = http://www.xarg.org/ - ieķer...varbūt kas iepatīkas pašpikot (vismaz defaulto fontu)
laacz Autors
2012. gada 1. augustā, plkst. 11:08
"Georgia","Times New Roman",serif. Tas man bija iepriekš.
Krišs
2012. gada 1. augustā, plkst. 11:06
Runājot par dažādu IE versiju testēšanām, es parasti iztieku ar IETester rīku - palaid un skaties uz jebkuras IE versijas (IE5+). Rīks pieejams te: http://my-debugbar.com/wiki/IETester/HomePage
Kaspars
2012. gada 1. augustā, plkst. 14:06
Pārlasīju komentārus pie pēdējiem taviem diviem rakstiem un interesants novērojums- ja grib par ko paķengāties, tad autora identitāte anonīma (vismaz pārējai publikai) un pretēji.
Dead Bull
2012. gada 1. augustā, plkst. 17:01
Mobilajā versijā uz Nokia N9 lapas dizains un fonts man sķiet ļoti labs, izskatās glīti, ir viegli lasīt un pašai lapai patīkami pieskarties:) Datorā ar IE9 ir ok, kad uztaisa 85% tālummaiņu, citādi lielie, treknie burti griež acīs un tekstu ir grūti lasīt.
Miks
2012. gada 1. augustā, plkst. 17:32
Ar šī brīža fontu gan esi iebraucis pamatīgās auzās. Crete ir domāts virsrakstiem, bet ne pamata tekstam. To taču var redzēt paskatoties fontu dažādos izmēros. Cik labi tas der lielā izmērā un tik nelasāms tas ir pamata tekstam. Tās tomēr ir dažādas lietas.
Es ieteiktu uzmest aci šai Google web fonts izlasei (ir arī daži sans fonti) - http://goo.gl/kv7Vu (10 fonti, jāļauj ielādēties, tad arī parādīsies.)
Habibi, Average, PT Sans, Duru Sans, Alegreya, Open Sans, Noticia Text, Enriqueta, Radley, Cardo
Miks
2012. gada 3. augustā, plkst. 08:19
Gribēju, tikai piekomentēt augstāk redzamam Jāņa komentāram, bet neredzu tādu iespēju, tāpēc komentēju šeit.
Visi 10 minētie Google fonti ir ar perfektu garumzīmju atbalstu, tāpēc tos var lietot droši. (Tikai jāatceras, ka jālieto latin extended nevis pliks latin)
Rukicc
2012. gada 1. augustā, plkst. 17:46
Piedod, bet tas noteikti nav viegli lasams. + uz IE ari ikonas augsa divaini kartojas un lasas vel grutak.
capsx
2012. gada 1. augustā, plkst. 19:09
man kaukaa tagadeejais fonc nevisai - smalks un gruuti lasaas ...
laacz Autors
2012. gada 1. augustā, plkst. 19:17
Es te testējos tagad :)
Normunds
2012. gada 1. augustā, plkst. 22:19
Verdana pašlaik ir OK.
A kāpēc mani neatcerās? Vaina manī vai cepumos?
laacz Autors
2012. gada 1. augustā, plkst. 22:41
Salaboju. Templeitā šo to piemirsu ierakstīt.
ppp
2012. gada 1. augustā, plkst. 23:44
Uz mobilās iekārtas ļoti labi izskatās lapa, lietojamība arī krietni augusi.
kao
2012. gada 2. augustā, plkst. 01:02
Fontu lasāmība uzlabojās, paldies! Bet rakstu kolonas platumu, lūdzu, tomēr vēlreiz apsvērt. 742px plata kolona uz 1920x1080 ekrāna ir nelietojama. Vai tiešām Tava primārā auditorija ir mobilo ierīču lietotāji, ka viss tiek pakārtots viņu mazajiem kr.. errr.. ekrāniem?
P.S. Epasts tak it kā nav obligāts? "ERROR: please fill the required fields (name, email)."
laacz Autors
2012. gada 2. augustā, plkst. 09:05
Es pats lietoju 1920x1080 un pārlūku pa visu ekrānu. Šis platums ir viskorektākais, lai būtu viegli lasīt. Mobilo iekārtu lietotāji nav arguments, jo tiem platums tāpat ir vai nu 742px vai arī 100%, ja ekrāns ir mazāks.
laacz Autors
2012. gada 2. augustā, plkst. 10:02
P.S. E-pasts vairs nav obligāts.
Krišs
2012. gada 2. augustā, plkst. 08:20
Pamanīju, ka "Apostrofoam" uzradusies citādāka ikoniņa, kas labi. Tomēr šķiet, ka viens pats "A" burts neizsaka rīka būtību, varbūt vismaz "Ā"? Vai varbūt "Ŗ" ;-)
hmm
2012. gada 2. augustā, plkst. 09:55
Iegāju darbā caur IE8 - ja raksta tekstu vēl kaut cik var salasīt, tad komentāri (dēļ Italic) ir praktiski nelasāmi:/
Un vēl - kāpēc jāievada e-pasts, kas it kā neesot obligāts? Bet nenorādīt ir paziņojums: ERROR: please fill the required fields (name, email).
laacz Autors
2012. gada 2. augustā, plkst. 10:01
Atvainojos par mazu gļuciņu. Italiks nebija ar nodomu :) E-pasts arī vairs nav obligāts.
BlackHalt
2012. gada 2. augustā, plkst. 12:46
Ja es te kādreiz varētu iekomentēt, es parādītu cik tagad <em>kruta</em> izskatās uz normāliem pārlūkiem :)
KasparsB
2012. gada 2. augustā, plkst. 13:01
emm.. viens ieteikums, ja drīkst :) Nav iespējas teksta formatējumam pielietot Justify (teksta taisnošanu/līdzināšanu)?!
laacz Autors
2012. gada 2. augustā, plkst. 13:07
Piedod, bet nekad mūžā. Esmu vienmēr uzskatījis, ka gar abām malām izlīdzināts teksts internetā ir nelasāms. Personiska preference un vispārēja labā prakse.
Ir arī praktiskie apsvērumi. Webā <cite>justified</cite> teksts tiek veidots, palielinot atstarpes starp vārdiem. Drukātajos materiālos tas tiek darīts, mainot atstarpes starp vārdiem un burtie, pārnesot vārdus jaunās rindās ar defisi, utt. Papildus tam, drukātajā ir iespējams manuāli nodrošināties pret vienu vārdu pārnesumiem pēdējā rindiņā, utt.
deni2s
2012. gada 3. augustā, plkst. 17:03
Nekad nesaki nekad.
Angļu valodā tekstu var līdzināt tikai vienai pusei, jo tur ir īsi vārdi, tāpēc otra puse nesanāk pārāk izkropļota un tas palīdz vieglāk uztvert, kurā rindiņā atrodies. Uz latviešu valodu tas īsti nav attiecināms, jo latviešu valodā vidēji vārdi ir garāki, tāpēc otra mala paliek stipri robaināka, panākot pretēju efektu. Esmu par šo diezgan daudz pētījis.
Manuālā nodrošināšanās pret viena vārda pārnesumu pēdējā rindiņā neiztur kritiku, jo tas var notikt neatkarīgi no tā vai ir justify vai nav. Un webā to pašu var panākt aizstājot atstarpi ar non-braking space simbolu -
Fons man arī nepatīk, diezgan nomācošs un drūms, padara visu smagnēju. Vispār toņi atgādina 80.gadu Līgatnes papīrfabrikas nekvalitatīvo burtnīcu vākus. Kaut kā nerada pareizās asociācijas (ja neskaita to, ka šis skaitās vecākais blogs LV bloguārijā).
Zhub(lost)
2012. gada 3. augustā, plkst. 00:14
Like! Bet, if ai vēr jū (vič aim not), liktu virsrakstiem + tekstam 1 fontu. Rūl no. 1 (tīri vizuāli) - nejaukt fontus, bet u r the laacz.
!ob
2012. gada 3. augustā, plkst. 21:14
Rule #0: nerunāt par to ko esi tikai pavirši lasījis apšaubāmos resuros.
deni2s
2012. gada 3. augustā, plkst. 17:05
Komentāri reāli pārāk šauri paliek un neērti lasīt, īpaši ar to avataru, un ja vēl kādam tiek atbildēts, tad vispār.
jj
2012. gada 10. augustā, plkst. 14:34
būtu ērti, ja lapas sānos peldētu "mājup" vai "augšup" podziņa, citādi, lasot lapu ar garākiem ierakstiem, daudz jāslidinās pa tačpadu.
iThrowToilets
2013. gada 10. martā, plkst. 01:30
pirmspēdējā rindkopā "neret" trūkst "i" :) katrā ziņā nu jau ir vēl ērtāk lasīt, izmantojot manu pusveco Nokia 5250.