Varje vecka tittar vi på en ny webbplats och analyserar designen. Vi pekar på båda områdena som görs bra förutom de som kan använda lite arbete. Slutligen avslutar vi genom att be dig att ge din egen feedback.
Dagens webbplats är Tech Cores. Låt oss hoppa in och se vad vi tycker!
Om du vill skicka din webbplats till en framtida designkritik tar det bara några minuter. Vi tar ut $ 49 för att kritisera din design - betydligt mindre än du skulle betala för en konsult för att kolla på din webbplats! Du kan läsa mer här.
Om Tech Cores
? Vi har tillbringat långa nätter och drack otaliga koppar kaffe för att ta oss ut ur lådan ta en teknikblogg. Som alltid är du välkommen att läsa upp på vår personal samt bläddra i frukten av allt vårt arbete.?
Här är en skärmdump av hemsidan:
Första intrycket
? Jag skulle mycket hellre se en webbplats som är omedelbar gentemot generisk än den typiska röra av röran som de tekniska bloggarna slänger på oss.?Mitt första intryck av Tech Cores är lite blandat. Å ena sidan är det en mycket ren design som har en solid layout. Det känns nästan som en nyhets app snarare än en nyhetswebbplats (på ett bra sätt). Den breda, tre kolumngränssnittet med kategorier till vänster, en matning i mitten och enskilda artiklar till höger känns definitivt som Reeder for Mac-modellen applicerad på webben.
Också bidra till denna känsla av renlighet är bristen på adulter, eller verkligen annonser av något slag. Det är konstigt att se någon investera tid på en webbplats som denna i dag utan en annonsdrivet vinstmodell.
Allt som sägs, trots det faktum att layouten är solid tror jag att den faktiska visuella utformningen av sidan, isningen om du vill, känns ganska generisk. Med blandningen av släta grå och blå gradienter ser det nästan ut som någonting som iOS SDK bara spottar ut.
Detta är inte nödvändigtvis en hemsk sak, det är bara något att tänka på. Som en tidigare skrivare, bryr jag mig en hel del om branding och ingenting om utseendet på den här webbplatsen verkar? vilket betyder att det inte finns något om designen som skiljer sig från Tech Cores.
Att åt sidan tror jag att det övergripande kommer webbplatsen fortfarande att se ganska attraktiv ut för den genomsnittliga besökaren. Jag skulle mycket hellre se en webbplats som är vild mot generisk än den typiska röra av röran som de tekniska bloggarna slänger på oss.
responsiv layout
Ett viktigt mål för denna layout var uppenbarligen att vara mycket flexibel och lyhörd för olika visningsstorlekar. När sidan smalnar, är det första steget på den här vägen att släppa den tredje kolumnen och lämna det något flytande nyhetsflödet som den bredaste delen.
På ett skrivbord svarar inte layouten mycket bra på skift i storlekar, saker blir rota snabbt när du slår runt 700px bred. Men tittar på min iPad såg det bra ut både i horisontella och vertikala riktningar. Det innebär att de spenderade mer tid på att fokusera på specifika enhetsbredd än godtyckliga visningsstorlekar, en strategi som jag inte nödvändigtvis håller med. Det responsiva beteendet verkar också som en smula buggy, jag fick inte en skärmdump, men jag har en gång haft ett problem med fel kolumn kollapsar på hemsidan.
Genom att ta upp platsen på en mobilenhet märkte jag att medan foderet svarar ordentligt på den super smala bredden har huvudet med logotypen helt förstörts.
Fortfarande, väl klar!
Det här avsnittet låter som hård kritik, men det är det inte. Jag vill göra det klart, lyhörd design är fortfarande väldigt ny och alla försöker fortfarande att bryta sig om hur man gör det bäst. För att gråta högt är webbplatsen du läser för närvarande inte alls mottaglig (så), så vi kan inte vara för snabba att döma andra.
Det faktum att Tech Cores har vidtagit åtgärder för att optimera sin erfarenhet för olika väldigt olika enheter är ingen liten prestation för en hemsökt nyhetssida och jag ger dem stor kredit för hur mycket de har uppnått.
Branding och meddelande
Jag har redan ranted lite om hur webbplatsen som helhet skulle kunna vara mer unik från ett varumärkesperspektiv. Utöver färgschemat finns det andra ställen där samma problem uppstår också.
Till att börja med är jag inte särskilt förtjust i logotypen:
Jag har verkligen inte mycket att säga om det än att det bara inte gör det för mig. Jag kan se en idé där som skulle kunna förvandlas till något riktigt coolt i händerna på en begåvad logotypdesigner, men det här har en amatör tittar på den som känns lite kastad ihop.
Ännu viktigare än ens logotypen är vad din webbplats berättar om sig själv. Tänk dig att jag på något sätt snubblar på den här sidan, vad ser jag? Ordet? Tech? ger mig en ledtråd och jag ser massor av bilder av mobiltelefoner, så granskar du mobilappar? Vid närmare granskning hittar jag en Mac-apprecension, även om Mac OS inte nämns i titeln eller på någon av de associerade taggarna.
Min poäng är att inte få mig att arbeta för det, bara berätta vad som händer med den här sidan. Det finns en mil av tomt utrymme på toppen, bara ber om en tagline av något slag. Även om du bara sätter in något i webbläsarens sidrubrik skulle det gå långt. Till exempel säger Gizmodos titelfält? Gizmodo, Gadget Guide.?
Det här är inte långvarigt och alltför riktigt, det använder bara några väl utvalda ord för att berätta för mig vad allt innehåll på webbplatsen är inriktat på.
användbarhet
För att göra det här vill jag prata om några av de olika spridda användbarhetsrelaterade frågorna som jag har med webbplatsen och hur den fungerar.
Webbplatsen använder en hel del Ajax-tekniker, så hämtar laster utan att känna som en fullständig siduppdatering. Detta är typ av trevligt och sorts irriterande ibland på grund av problem som uppstår.Om jag till exempel går till hemsidan och klickar på en av de berättande historierna längst till höger, slår du tillbaka-knappen, det ger mig lite slumpmässigt, generiskt inlägg istället för att faktiskt ta mig tillbaka till var jag ville gå.
Jag är inte galen om det viktigaste nyhetsflödet. Inget av textinnehållet är live och kan väljas, ett drag som övergår till popup-fönstren, till exempel avsnittet Om. Foderet har inte heller någon form av svep-effekt eller markörändring för att indikera att allt i det är klickbart.
Dessutom tycker användarna att logotypen är en andra hemsida länk. Jag klickade på det ett dussin gånger under denna kritik och blev ständigt frustrerad av det faktum att inget hände.
Slutligen tror jag att? Tipsa oss? knappen är lite förvirrande. Det kanske inte är en stor sak, men när jag såg det, sa min hjärna direkt? De ber om pengar? och jag ignorerade det. Först efter ett andra eller tredje utseende märkte jag att du faktiskt bad om tekniska relaterade tips och inte en donation av något slag.
Sammanfattning
Sammanfattningsvis är Tech Cores en välstrukturerad teknisk nyhetssida som kan använda mycket tweaking. Den här kärnarkitekturen är ofta den svåraste delen av en stor redesign, så jag tänker härifrån, inkrementella förändringar blir inte så grova som de låter. Tänk på en ansiktslyftning av färg och konsistens, tinker med mediasökningarna och se till att webbplatsen har ett tydligt varumärke, både estetiskt och från ett meddelandeperspektiv.
Din tur!
Nu när du har läst mina kommentarer lägger du in och hjälper till med att ge designern ytterligare råd. Låt oss veta vad du tycker är bra om designen och vad du tycker kan vara starkare. Som alltid ber vi att du också respekterar webbplatsens designer och erbjuder tydliga konstruktiva råd, utan att det blir några svåra förolämpningar.