Veebikujunduse kriitika # 78: Katy Cain
Igal nädalal vaatame uut veebisaiti ja analüüsime kujundust. Toome välja mõlemad valdkonnad, mida on hästi tehtud, lisaks neile, kus saaks mõnda tööd kasutada. Lõpuks küsime teilt enda tagasiside.
Tänane sait on Chandlers Fordi pulmafotograafi Katy Caini portfell. Hüppame sisse ja vaatame, mida arvame!
Kui soovite oma veebisaidi edaspidises disainikriitikas kajastada, võtab see vaid paar minutit. Teie kujunduse kritiseerimise eest võtame 49 dollarit - tunduvalt vähem kui maksaksite konsultandil teie saidi vaatamise eest! Lisateavet saate siit.
Katy Caini kohta
„Olen Hampshire'is pulma- ja portreefotograaf, kelle asukoht on Chandlers Ford. Reisin palju Hampshire'is ja ümbritsevates maakondades, sealhulgas Oxfordshire'is, Wiltshire'is, Surreys, Sussexis ja Dorsetis. Vaadake palun minu tööd ja kui teile tundub, et ma sobiksin teie päevaga ideaalselt, siis tahaksin teid kuulda. "
Siin on tema kodulehe ekraanipilt:
Esmamulje
Esimene asi, mida ma Katy saidi juures märkan, on see, et see on puhas ja minimaalne. See konkreetne kujundusstiil sobib hästi fotograafi saitidele, kuna võimaldab fotodel selgelt silma paista lehe kõige silmapaistvamate üksustena. Kuna fotod on ettevõtte mõte, on see ideaalne strateegia.
Samuti märkan, et see pole Flash-sait. Fotograafid sõltuvad üldiselt 100% Flash-põhistest saitidest ja mul on alati hea meel näha inimesi, kes on valinud standardisõbralikuma lähenemise.
Lõppkokkuvõttes võib öelda, et sait on tõeliselt tugeva alguseni jõudnud. See on lihtne, kuid tõhus. Siiski on mõned valdkonnad, kus soovitaksin kaaluda kahe või enama muudatuse tegemist. Hüppame sisse ja vaatame, kuidas saaksime saiti paremaks muuta.
Natuke veel vau
Kõigi nendega seotud negatiivsete aspektide osas on Flashi saitidel nende jaoks üks tugev asi: need kipuvad olema üsna kaasakiskuvad. Sageli jookseb kaasamiskatse nii kaugele, et muutub tüütuks ja segavaks, kuid see on vähemalt katse asja huvitavaks muuta.
See sait jookseb võib-olla liiga kaugele teises suunas: see tundub tegelikult üsna igav. Kõik disainilahenduse kohta soovitab „turvalist“ lähenemisviisi, mis jääb kaugele kõigest, mida võiks julgeks pidada. Põhipilt on hea suurusega, kuid mitte liiga suur, tekst on kõik üsna ühtlane sans-serif-tüüpi, leht on täiesti staatiline; Ma lihtsalt arvan, et peame selle kõige huvitavamaks muutmiseks kena väikese tõuke andma.
Alustuseks soovitaksin teha põhipildist JavaScripti slaidiseansi, mis koosneb kolmest kuni viiest fotost. Fotograafi lehele jõudes on esimene ja sageli ainus asi, mida ma tahan näha, milliseid fotosid nad teevad, ja ma tahaksin, et saaksin selle kodulehelt suurema maitse.
Samuti sooviksin, et sisu laius oleks välja sirutatud vähemalt 100 pikslit, rohkem, kui see on võimalik. Ma tahan, et see põhifoto oleks suur, julge ja teie nägu.
Logo
Logo tüpograafia pole minu lemmik. Õhuke font on vastuvõetav, kuna see viitab naiselikule veetlusele ja kuna Katy on tõepoolest naine, töötab see idee. Kuid ma pole kindel, kas see on midagi pildi eraldusvõimet või tegeliku kirjatüübi renderdamise viisi, kuid kõverad tulevad maha sakiliste ja pikslitega, mitte kenade ja sujuvatena. Minu tähelepanu tõmbab pidevalt see tähelepanu kõrvale ja soovitan proovida sellega tegeleda.
Lisaks on logo teine rida üsna pisike ja raskesti loetav. Ma tean, mida see kohe ütleb, aga kui ma tõesti vaatan seda, paneb efekt mu silmad natuke haiget tegema. Pakun välja sõna "professionaalne", siin pole seda lihtsalt vaja. Laske tööl öelda neile, et olete professionaal, nõudes verbaalselt, et olete üks irooniline, et te kõlaksite algajana. Selle sõna eemaldamine vabastab horisontaalse ruumi ülejäänud jaoks pisut suuremaks.
Navigeerimine
Ma hindan põhjalikult peeneid disaini puudutusi, kuid see pisike pisike pisike majaikoon (ülal näidatud tegelikul suurusel) lükkab seda. See on nii uskumatult väike, et see on tõenäoliselt pigem tähelepanu kõrvalejuhtimine kui asi, mis parandab lehe esteetikat igal tasandil. See on tõsiselt kentsakas kibedam ikoon, mida ma kunagi näinud olen.
Peale selle töötab minu arvates navigeerimine hästi. Ma soovitan seda siiski põrutada mõne piksli võrra paremale, nii et see oleks ideaalselt selle all oleva kujutisega. See on peaaegu kohal, kuid mitte päris. Mul on terve artikkel pühendatud sellele, kuidas “peaaegu” on disaineritele räpane sõna.
Mõelgem ümber kujundus
Minu arvates on praegune paigutus pisut kohmakas, eriti kui see puudutab tüüpi. Põhifoto all olev keskel joondatud teksti suur tükk vajab kindlasti natuke tööd. Esiteks on keskel joondatud teksti laiad veerud loetavuse surelik vaenlane, vältige neid iga hinna eest. Vasakult joondatud lõigud on viis sellises olukorras minna ja kogu lehe õigustatud joondamine sobib selleks suurepäraselt.
Lisaks on see teie peamine tervitussõnum, kuid see ei paista kuidagi silma. See on lihtsalt olemas; lihtne igav tekst, mida ei eristata märkimisväärselt.
Teen teile ettepaneku vaadata läbi kogu lehe paigutus. See ei ole suur ettevõtmine, vaid mõned nihked ja muudatused. Säilitatakse ka üldine esteetika. Need näpunäited muudavad selle tunneks nagu täiesti uus sait, mis pakataks isiksusest ja ajendaks kutsuvast õhkkonnast.
Alustame sellest suurest lõigust. Siin on vaja teatavat kontrasti nii suuruse kui ka julguse osas. Lõin kolmeastmelise lahenduse, mis on palju atraktiivsem kui üks monotoonne lõik.
Nagu näete, algab see suure julge sõnaga "Tere". Seejärel liigub see sissejuhatava peamise lõiguni, mis on piisavalt suur, et olla pealkiri, kuid mitte nii suur, et see konkureeriks esialgse tervitussõnumiga. Lõpuks visatakse ülejäänud toetav tekst väiksemaks lõiguks.
Kombineerisin selle üldise paigutuse ümbervormindamisega nii, et see oleks vasakule küljele rohkem kinnitatud. See võimendab mustrit F, mida paljud lugejad kipuvad veebis sirvides järgima. Siin on suur pilt:
See uus kujundus on puhas, kaasaegne ja professionaalne, pannes Katy siiski tunduma sõbraliku inimesena, kellega oleksite põnev koos töötada.
Muud lehed
Saidi ülejäänud lehed võiksid kasutada sarnast kapitaalremonti. Mitmed on puhas tekst, millel on samad probleemid nagu avalehe lõigul. Asjade huvitavaks muutmiseks soovitan mõnele neist lehtedest lisada kena, suure foto.
Võtke ka teksti eristamise õppetund ülevalt ja rakendage seda nendel toetavatel lehtedel: suuremad, julgemad pealkirjad ja selgelt mitmetasandiline suhtlus, mis paneb rõhku sõnumi kõige olulisematele aspektidele.
Sinu kord!
Nüüd, kui olete minu kommentaare lugenud, astuge sisse ja aidake, andes disainerile täiendavaid nõuandeid. Andke meile teada, mis on teie arvates disainilahenduses suurepärane ja mis võiks teie arvates olla tugevam. Nagu alati, palume teil ka saidi kujundajat austada ja pakkuda selgeid konstruktiivseid nõuandeid, mis ei võimalda ränki solvanguid.
