redizajn sajta KBC Bežanijska kosa
 

Prvi web sajt iz E-PR sektora McCann Erickson PR-a
Dizajn i programiranje by Haragei
www.bkosa.edu.rs

Extra dizajn, super organizacija i sve ali boja :please: mislim razumem ja potrebu da se sajt medicinske ustanove razlikuje od sablona sto se tice boja ali meni ova ljubicasta uopste ne prija i iskren da budem odvratna mi je :( da je bela pozadina ili zelena (znate na koju zelenu mislim - ona "medicinska") bio bi 101% odusevljen...ovako ta boja kvari utisak kod mene...

Slazem se da ljubicasta boja nije bas na mestu, sve ostalo je ok.

objasnjenje
 

To je korporativna boja KBC BK. Proistekla je iz neverovatnih stabala magnolija (stilizovani cvet dole desno) koje rastu ispred i skoro zaklanjaju zgradu bolnice. Većina detalja u zgradi KBC BK je u nekoj nijansi te boje pa tako i sajt. Kolor šema je onda pratila osnovnu boju.

Markica W3 konzorcijuma dole desno nije tu reda radi. Podstaknuti ovim tekstom zamolili smo autora da bude konsultant prilikom izrade sajta i testira ga.

Miloje, razumem ja to sve ali onaj ko posecuje prezentaciju to ne zna, jednostavno mislim da je ta boja neprikladna i meni licno smeta. Ostalo sve za pohvalu.

Elem nije problem ni da bude ljubicatih detalja ali mi je jako tamno i prenapadno da ceo background bude u toj tamnoj boji...neprijatno je za zdravstvenu ustanovu.

1. Pored logotipa ovo je suvišno, a i čini mi se da se ne uklapa tipografski u ostatak sajta.
2. Stavke nisu lepo vertikalno poravnate u odnosu na bullet levo i kućicu u kojoj se nalaze.
3. Ručno napravljeni scrollbar je uvek loša ideja.
4. Srediti veličinu i težinu fontova i poravnanje (desno ako je desno).
5. Linkovi se ne razlikuju vizuelno, tako da korisnik mora da lovi mišem šta može da klikne a šta ne.
6. Kombinacija fotografije i vektorske slike je nespretno odrađena, fotografija izgleda nespretno nalepljena.
7. Dok se ne doda i ćirilična verzija, "lat" zameniti sa "sr", ovako izgleda kao da postoji i prevod na latinski. Takođe, ako je neki jezik aktivan, link na isti ne bi trebalo da bude.

Po meni, boja nije toliko loša (možda je mogla biti izabrana neka pastelnija varijanta ljubičaste).

moram se sloziti sa stellanovom, izbor boje i ovaj cvet magnolije su mi suvise "dizajnerski" za jedan KBC u Srbiji.

U izgradnji vizuelnog identite mora da se vodi racuna o stereotipima, a stereotip bolnice je cisto belo, svetlo i sterilno, takodje malkice korporativnije i ozbiljnije. Ljubicasto je odlicna boja za bolnicu jer je boja koja znaci poverenje, ali trebalo je uzeti neki pastelni ton, sa preovladjujucom belom bojom na strani. A cvet, sta znam mozda ja imam konzervativan ukus, ali meni je suvise razigran detalj za jednu ozbiljnu ustanovu...

just my $0.02, ali naravno da nisam ja merodavan, posto je glavno pitanje sta ce da misle korisnici usluga KBC, a ne mi....

Sta ce da misle? Pa, mislice da ako jednom dopadnu ove bolnice da im nema spasa! Ljubicasta i crna su u nasem narodu povezane sa grobarskim uslugama.
Ko' sto i drugi kazu: Svetlo, cisto, zeleno kao zivot, zdravlje - a magnolije za pokojnike.

Upravo sam došao sa puta, uptime mi je na 48 sati ... pa da odgovorim deo pitanja ...

1. slažem se iz perspektive gledanja web sajta kada si stalni posetitelj interneta, ali ovde profil posetioca malo drugačiji
2.Hm, ajde pogledaću ovo sutra kada sam svež
3.Nije ručno pravljeni scroll bar, već je overflow:auto; , samo što preko js-a već postojeću kontrolu stilizuješ ... recimo isključi js i vidi kako se ponaša ..
4.To je do samog cms-a, tj do editora ... iako je limitran set opcija koji klijent može da vidi, ostaje limitrana varijanta maniupulacija koja dozvoljava da se ovo desi.
5. koliko se ja sećam postoji globalni a:hover { underline; } ...
6. Ovde ne postoji ni jedna vektorska fotka.
7.Bila je ćirilica, samo što je izbačena ... ali ovo ima smisla

@all: za boje i sam feel, je nešto što je radjeno po specifikaciji samog klijenta...

Ostala pitanja odgovaram kada napunim malo baterije ...

'later

Ko o cemu ja o greskama u kucanju :) Pogledaj blize logo brace iz Bosne :D

Slažem se sa većinom Jablasnovih primedbi i dodajem:
- obratiti pažnju na copywriting (neke stavke su nejasne)
- više naglasiti primarnu navigaciju, onu top, sada je sekundarna bitnija
- smanjiti navigacionu kaskadu, previše je pop-up menija
- poravnanje mora ulevo, pogotovo navigacioni elementi zbog lakšeg praćenja
- obavezna vizuelan diferencijacija linkova
- ako je moguće izbacite scroll
- malo više istaći funkciju pretrage

My $0.02: Ona "izmaglica" na fotografijama koje se vrte u header-u mi nekako nije na mjestu, odmah me asocira na bolesnika koji nešto gleda u magnovenju... Deprimirajuće, brate :(

taj header se menja dinamički ... u odnosu na vreme koje posetiš sajt :) .... mada po svemu sudeći je bolje da se stavi random ...

Na stranu izbor boja koji meni nije logican ni dopadljiv u browsanju sajta od 3.5 min sam naisao na barem tri greske tehnicke implementacije. Ima nepotrebnih elemenata (text resize widget, custom scrollbar) a oni koji su potrebni su uklonjeni kompletno (search). Kompletan dizajn nema finese i nije zavrsen (foto galerija, iner stranice kompletno sa sadrzajem) - s tim recenim, jedino home page deluje 'najzavrsenije' u nedostatku bolje reci.

Da ne ispadne da hejtujem, home page zaista izgleda lepo, samo sada to treba preneti i na ostale stranice.

moram da ponovim
 

Drugari, hvala na komentarima.

Ljubicasta je boja KBC BK. Oluci su ljubicasti, kolica za rad u parku su ljubicasta, radijatori su ljubicasti, detalji enterijera su ljubicasti, ... sajt je ljubicast.
Ispred bolnice rastu bokori magnolija, magnolija je na grbu bolnice, magnolija je na slikama na zidovima, ...magnolija je na sajtu.

Ja sam danas nosio ljubicastu kravatu
http://www.personalmag.co.yu/?p=2178

nemoj da zaboravis da su i oluci ljubicasti :D

Rekoh nixi na private, ali pošto si već spomenuo oluke i ostalo... ako ste već hteli da iskoristite ljubičastu mogli ste da uradite isto što su i oni uradili: ofarbali oluke, klupe, detalje enterijera... ali nisu ofarbali celu zgradu u ljubičasto. Znači mogli ste i vi sa detaljima da provučete corporate boju, mislim da nema potrebe da ona bude toliko dominantna... stvarno deluje depresivno, naročito ova tamno ljubičasta.

^ upravo to, ljubicasti detalji bi super legli

ja sam, nazalost, isao nedavno u neke posete do tog KBC, pa ono iz prve ruke, ona njihova ljubicasta nije bas ista ova, deluje svetlija u kombinaciji sa belim zidovima, i daje toplotu i dushu prostoru i stvarno lepo izgleda...

ovako na sajtu daje skroz drugu atmosferu, kao nesto izmedju emo tinejdzerskog i gothic porn stila, ono dobijem odmah kinky ideje o medicinskim sestrama :)

Da ne ispadne da samo kritikujemo bez konkretnih predloga, evo jedne prikladnije kombinacije boja sa sve ljubicastom ako vec mora da bude ukljucena.

Ovo je možda i prilika da se nešto kaze o tome šta se desi kad se u dizajnu razmišlja na prvu loptu. Počelo je od onoga koji je odlučio da stavi magnolije na logo kao da nikad nije čuo za biljne vaši. Ode drvo, ode i simbolika. Onda se neko dosetio da celu zgradu uklopi sa magnolijama, još i da islika one freske sa svecima, pa se ludilo dalje proširilo i tako smo stigli do Topalovich & Sons web dizajna.

Sad se ovde postavlja šire pitanje a to je kako i da li uopšte pokušati urazumiti klijenta. Šta bi hirurg rekao na to kad bi laik počeo da mu komanduje kako da radi operaciju? Da li bi rekao, ok, radimo kako pacijent kaže jer klijent je uvek u pravu? Dobro, dizajn ipak nije brain surgery i kompromisi su svakako mogući i potrebni ali, mislim da postoji prag koji ne treba preći u udovoljavanju klijentima, čisto zbog sopstvene reputacije.

U uslovima kada ionako nema obilja posla, ispunjavanje muzičkih želja deluje primamljivo ali nije isplativo na duge staze. Idealno bi bilo u poslu razvijati diplomatske veštine uporedo sa jednim principijelnim stavom da znaš šta radiš i zašto radiš.

Lala, na tom linku nema ljubičaste... ili da neko od nas dvojice menja color profile :) Po meni je ovo ljubičasta: http://www.colorcombos.com/color-scheme-14.html

dobro, zovi je kako hoćeš - pastelno ljubicasta, lavanda - izasla je iz ljubicaste... ovde se ionako radi o boji magnolije koja svakako nije ta tamna ljubicasta ko' sto je na tvom linku. Nek' odu u bolnicu pa nek' uporede sa bojom oluka ako su vec toliko bitni za celu stvar.

btw, mislis neko od nas dvoje da menja color profile? ja sam zensko :)

Uh kakva greška :1002: Izvinjavam se... :)

Ali ono i dalje nije ljubičasta niti će ikada biti :)

Kad smo vec kod muško-ženskih pitanja, kao žensko definitivno sam veći ekspert po pitanju lila :) a, kako po godinama mogu mama vecini vas da budem, tako uzimam za pravo da vam onako nastavnički pridikujem za sve i svašta. Čim oblajham i nakolmujem kosu, postaviću i avatar da znate s kim imate posla :)

omg :) trebao sam da uradim nesto slicno ovome pa da svi budu sretni :)

http://www.nixa.co.yu/picker/picker.htm

"Haljinicu boje lila ..." ali "Lila" nije isto sto i "ljubicasta", ako cemo vec o bojama :)

kako nije? pa imamo i ikonicu za to:1059: , šta ćeš bolji dokaz .... (nepravedno samo u muškom rodu pa evo dodatnih gender/age credentials :)

Ovakav stav na forumu može da bude posledica samo godina iskustva u industriji i mnogih dobijenih "bitaka" sa klijentima vođenih diplomatskim sredstvima ali uz principijelan stav, naravno. Izvoli.

ovo sto je Lalaland pokazala je bas prava Lila (ili magnolija svejedno jako su slicne), a opet i Blues je u pravu posto je ono njegovo prava ljubicica (violet). A sve su to purpurne boje, koje se opet kod nas sve prevode kao ljubicasta, tako da ste ipak svi u pravu.. :)

EDIT: a kad vec sedim kuci u petak uvece, evo i link sam nasao http://en.wikipedia.org/wiki/Purple

Mislim da su ipak hrizanteme pre za tu namenu , magnolija je OK

Ljubicasta doduse jeste suicidna :)

Ja sam misljenja da bi sajtovi za zdravstvene insitucije, humanitarne i ekoloske organizacije itd trebalo da budu "light and airy" sa sto manje tamnih boja a posebno crne – nekoliko konkretnih primera.

Ljubicasta moze da bude smirujuca ali bi ovde mogla da bude malo umerenija. Pokusao sam da nadjem nekoliko primera i za to :
http://edgeofmyseat.com/
http://www.britishdesigninnovation.org/
http://www.breakthrough.org.uk/index.html
http://www.kingsfund.org.uk/health_topics/index.html
http://www.aask-az.org/index.html

Scroll za glavni sadrzaj verovatno nije najbolje resenje – logotipi u footeru nisu toliko bitni da moram uvek da ih imam u vidu, dok i sama stranica uvek ima scroll pa svaki put skrolujem prvo sadrzaj pa stranicu ili obratno.

Mozda ne posecujem domace sajtove dovoljno, ali meni "Lat/Eeng" znaci latinski ili engleski :) Ako vec nema cirilice, verovatno je Ser bolji label.

Slike u headeru:
* plafon prostorije,
* sto i stolice
* i jedna, koliko sam primetio, koja pokazuje aparat koji mogu da povezem sa bolnicom

... i na svim stranicama su iste, nisu vezane za tematiku stranice ...da li sam propustio nesto?

Sve stranice su iste kao pocetna samo bez novosti – deluje suvoparno. Na neki nacin ste mogli da ih okarakterisete.

Rezultat uvecanja texta (kroz browser) je u prilogu.

U sledećoj interaciji će verovatno scroll da ide napolje, plus sada je većinu sajta uradjen apsolutno pozicioniran, te će i kodiranje biti drugačije da makar može da se iz browsera poveća na 300 % a da se ne raspadne layout.

Sada trenutno ima mnogo kompromisa, ali u svakom slučaju menadžment ima viziju da je sajt jedno živo biće, te je ovo samo početak ...

To be continued (a vecinu unapredjenja i novih projekata koja treba da se rade su oni predlozili tako da Nixin komentar potpuno stoji).

Iskreno veliko hvala svima na komentarima. :)

Meni se FireFox mnogo uspori kada otvorim ovaj sajt, i to ceo, cak i drugi prozori.

Sto se primedbi tice:

- najvise mi je zasmetao sam domen, bkosa.*

- skrol glavnog prozora u okviru strane ostavlja los utisak, prirodnije je da ga nema

- ima utisak da je dosta materijala na silu podeljeno na vise strana

- tamo gde i ima vise sadrzaja, vidi se da je neko to samo copy/paste i nije ni pipnuo posle toga. Nedostaje jasna vizuelna granica izmedju pasusa - nema odstojanja izmedju pasusa, nema uvlacenja prvog reda, i sve je poravnato po ove ivice, takoda iole duzi tekst, izgleda kao monolitna gomila slova koju je vrlo tesko citati. Na nekim stranama je ocigledno da uredjivac nije cak ni naknadno podelio tekst na pasuse, nego je samo pukao paste, posto se u tekstovima vidi da su kucani sa pasusima.

- sto se boja tice, ne smeta mi ljubicasta ali sam uveren da bi sajt "prodisao" kada bi podoga bila bela, a elementi na njoj ljubicasti. Valjalo bi samo podesiti boju pozadine takvu da se tekst moze procitati dok se ne ucitaju svi graficki element. Tekst na stranama je tamen boje a svetla pozadina u poljima se ucitava kao slika i to poslednja, tako da dok se pozadina ne ucita, tekst ne moze da se procita. S obzirom da je sajt graficki tezak o ovome treba voditi racuna i u HTML-u staviti da boja pozadine poljau kojima se nalazi tekst bude svetlija, a ne da bude ova tamna boja pozadine cele strane.

- ne postoje breadcrubms ili nesto drugo sto bi za otvorenu stranu pokazivalo koja je, a nekim stranam se moze prici iskljucivo kroz iskacuce podmenije. Takodje, ne postojeni veze izmedju strana koje su u hijerarhijskoj vezi, osim kroz sam iskacuce podmenije.

Konkretno:

- na naslovnoj strani glavni prozor mora da se skroluje da bi se videla poslednja dva reda - to bas iritira

- "Sluzbe i specijalnosti", vidi MAKSILOFACIJALNA HIRURGIJA, apod Radiologija je ocigledno da u originalu postoji nekoliko pasusa u kojima se navode brojevi pregledanih pacijenata, ali je to sve zalepleno u jedan pasus. I dalje niz tekst ima slicnih propusta.

- International patients, iste greske kao i na prethodnoj strani, plus, nije mi jasno sto je ovde naslov na engleskom.

- Informacije o zakazivanju, opet isto, sav tekst je zalepljen ujedan pasus iako to ocigleno nije tako pripremljeno.

- Donacije, umesto da se na strani prvo vidi ono BUDITE DONATOR!, vidi se slika koja nema nikakvu drugu finkiju nego da bude sporedna ilustracija. Takodje, u tekstu pise da ce na tojs trani biti objavljivana imena svih domantora, ali nijednog imenanema, iako se u samom tekstu pominje da takva lista vec postoji.

- Na vise mesta, otvorite stranu a ono pise "Za to i to klinite ovde" pa se otvara PDF. To je bas ruzno i iritirajuce. Ako je vec taj sadrzaj u PDF formatu, treba ga odmah otvoriti direktno klikom na opciju menija. Cini mi se ipak, da neki PDF dokumenti mogu da se izbegnu i da se sadrzaj stavi direktno na sajt.

- Monografija, i inace, nije bas uvek dobro stampane monografije prebacivati na sajt, jer je to obicno neprakticno, s obzirom da su monografiej radjene za stapu tako da jedini nacin da se to ponudi jeste PDF i to golem PDF. Cesto je bolje, ako vec korisnik insistira da na sajt stavi monografiju, prilagoditi sadrzaj web-u i prikazati to kao klasican HTML, tako da to bude koliko toliko prakticno. Meni uvek uspeva da objasnim klijnetu da mu ne treba kopija monografija na sajtu, jer je sam sajt u stvari pandan monografiji - to isto samo u drugom obliku. Ako se ne varam, to je i ovde slucaj, jer sam pregled poglavlja u monografiji pokazuje da su te informacije sve vec prikazane na sajtu.

- Kontakt, opet isti problem, tekst je napijen bez ikakve podele pasusa koa je ocigleno u originalu predvidjena. Takodje ovde se pojavljuje podopcija Adresa koja ima isti samo skracen sadrzaj kao i strana Kontakt.

- ne mogu navoditi sve strnn akojima se pojavljuju jedni te isti propusti, ocigledno je da je to bas preskoceno da se sredi :)


- Moj lekar, odlicna stvar, jedina zamerka je nacin izbora klinickih sluzbi, ako se vec uzeo ovajizbor po pocetnom slovu naziva sluzbe (sto je mislim, pogresno s obzirom kome je ovaj deo sajta namenjen), trebalo je bar priakzati samo ona slova koja zaista imaju sta da prikazu. Ipak, mislim daje trebalo prosto ponuditi spisak klinickih sluzbi (i to prosiren srpskimnazivima, da bi se snasli oni koje ne znaju strucne izraze). Mislim da bi i jedan obican combo-box bio mnogo prakticniji od ovog sistema sa slovima. Takodje, ceo nacin prikaza pitanaj i odgovra je nekako zbudzen i nepraktican. Ovde bas dolazi do izrazaja to sto je glavni prozor fiksnih dimenzija.

Primetio sam da ima i neobicnih odgovora tipa:
P: Cuo sam da se sada zahvat radi ovako, da li je to tacno?
O: Obratite se u tu i tu bolnicu.
Takav odgovor ne bi trebalo ni dati.

- Zakazite pregled - NIKAKO ne bi trebalo daostane ovako da se otvara mail klijent kod korsinika. Stavite maka klasican webmail obrazac.
Ipak, ovde se ocekuje da korisnik moze da iz niza opcije, preciznije odredi kakav pregled treba da zakaze, recimo, o kakvom pregledu se radi, da da neke svoje opste poatke, odakle ima uput ili sta vec...



E da, stvarno ovaj sajt usporava Firefox i to sto je duze sajt otvoren, Firefox postaje sve sporiji.

I kod mene.

To je zbog firebug, posto ima gomila js gresaka... negde ima neka frka pa se onda gomila... i to uspori firefox. To sam rekao nixi na pp odmah cim sam video jer je meni prvi put ubio browser - morao sam na close.

Pa onako, nije lose.

Pa sajt koji je radio Haragei je bio super, ovo sad je uzas!

btw podigao si temu od maja prosle godine ;)

Hehe, sad imaju i nasmejanu crnkinju medicinsku sestru... :)

O, Bože... ja sam mislio da ne postoje više ovakvi sajtovi a ne da je ovo "redizajn".