MTR Design Team Blog » Уеб дизайн

Last.fm – A quick cup of tea?

milenski — Wed, 06 Aug 2008 07:26:57 +0000

Тази сутрин събуждането и заемането със задачите за деня върви по-трудно – липсва ми един добър приятел:

Въпреки това, няма как да не отбележа приятния начин, по който дизайнерите на Last.fm са решили проблема с поднасянето на лоши новини.

FOWD London ‘08

milenski — Thu, 31 Jul 2008 23:24:50 +0000

Имах идея да пиша надълго и нашироко за тазгодишната FOWD конференция (на която имах щастието да присъствам), но докато разглеждах коментарите за събитието в други сайтове, попаднах на този скеч на Paul Downey, който е успял да обобщи перфектно почти всичко интересно от сесиите:

И все пак, няколко неща ми направиха много добро впечатление:

Презентацията на Daniel Burka. Никога не съм имал особен афинитет към проектите на Daniel, но отношението му към дизайн процеса и към целите, които трябва да си поставя един уеб дизайнер ми направиха изключително силно впечатление (можете да се запознаете с FOWD презентацията тук – MP3 | Presentation | Video).
Неконвенционалните идеи на Paul Farnell за промотиране на интернет бизнеси. По случайност, само ден-два преди конференцията, бях попаднал на тема в една от посещаваните от мен web development Google groups, в която се споменаваше за компанията на Paul, Litmus Apps и за интересните услуги, които предлага. Поради тази причина и може би бях един от малцината участници във FOWD, който имаше някаква предварителна идея за Paul. Независимо от това, презентацията беше изключително интересна и определено си заслужава да се запознаете с нея (MP3 | Presentation).
Страхотните FOWD партита! Три партита за двудневна конференция, дори само заради това си заслужава да се включи човек!!

Останах разочарован от лекцията на Andy Budd – от много време следя личния му блог, работата и подхода на Clearleft винаги ме е впечатлявал, и бях с огромни очаквания към тази презентация. За жалост, оказа се, че Andy се е специализал изключително много в говоренето на подобни уеб конференции. Презентацията мина изключително гладко, всички тези бяха застъпени много убедително, но в края й се усетих, че за почти един час не чух нищо съществено и ценно, нито една идея, която да мога да използвам в работата по нашите си MTR проекти.

За българските уеб агенции и уеб стандартите

nick — Tue, 25 Sep 2007 01:12:41 +0000

Преди време попаднах на нещо интересно в блога на Георги Варзоновцев, пост, който предизвика сериозен отклик сред хората, занимаващи се с уеб в България. Според Жоро за да имаме професионална общност първото условие е да имаме професионалисти в тази област. Като браншова организация на професионалистите в областта се изявява Българската уеб асоциация. Самата асоциация гордо е обявила като своя мисия да участва в развитието на Уеб технологиите, както и в създаването на среда и стандарти за качество на предлаганите услуги и продукти. А съответно нейните членове (пълноправни и асоциирани), които гордо кичат своите фирмени сайтове с банера на асоциацията, би трябвало да са истинските професионалисти в бранша. Само че ние тъй като не си падаме по голословни твърдения, решихме да проверим доколко фирмените сайтове на членовете на асоциацията отговарят на стандартите за качество – ако не друго, то поне уважението към клиентите, професията и собственото име го изискват. За целта проверихме доколко сайтовете на пълноправните членове на асоциацията са съобразени с изискванията на W3C (поне тези пълноправни членове, които са уеб агенции, защото в БУА членуват портали, маркетинг консултанти, пиар агенции и медийни компании, дори и доброто старо Информационно обслужване е в кюпа). Всеки сайт беше тестван за:

използван тип на документа (Doctype)
кодова таблица на символите (Character Encoding)
подход за изграждане на layout-а на документа
валиден (x)HTML код
валиден CSS код
достъпност на информацията при разглеждане с браузери с изключена поддръжка за графични елементи
достъпност на информацията при разглеждане с браузери с изключена JavaScript поддръжка
достъпност на информацията при разглеждане с браузери с изключена Flash поддръжка
WCAG и 508 accessibility

Решихме да добавим и още няколко сайта в анализа:

една от най-добре работещите и популярни агенции, която не е член на БУА – http://rizn.info
нашият фирмен сайт – http://mtr-design.com
сайта на Лукрат, първата организация в България, която се занимава с ползваемост, http://lucrat.net
сайта на един роден фрийлансер, http://evgord.com

Резултатите поместихме в следната таблица:

Агенции – членове на БУА
				Validation		Disable			Accessability
	DTD	Charset	Layout	(X)HTML	CSS	Images	JavaScript	Flash	WCAG 1,2,3	Section 508
http://www.abcbg.com/	HTML 4.01 strict	windows-1251	CSS layout	Failed	Failed	Works	Works	Works	Failed	Failed
http://magstudio.bg/bg/	HTML 4.0 transitional	windows-1251	HTML tables	Failed	Failed	Works	Works	Works	Failed	Failed
http://web.netagesolutions.com/	XHTML 1.0 strict	windows-1251	CSS layout	Failed	Valid	Works	Works	Works	Failed	Valid
http://www.icygen.com/	XHTML 1.0 transitional	iso-8859-1	HTML tables	Failed	Failed	Failed	Works	Works	Failed	Valid
http://www.fil.bg/	N/A	windows-1251	HTML tables	Failed	Valid	Works	Works	Works	Failed	Failed
http://www.intersoft.bg/	HTML 4.01 Transitional	windows-1251	Flash	Failed	Failed	Works	Works	Failed	Failed	Valid
http://www.verax.net/	N/A	N/A	HTML tables	Failed	Valid	Works	Works	Works	Failed	Failed
http://www.edesign.bg/	XHTML 1.0 Transitional	iso-8859-1	Flash	Failed	Valid	Works	Works	Failed	Failed	Failed
http://www.magicbg.com/	XHTML 1.0 transitional	utf-8	CSS layout	Valid	Failed	Works	Works	Works	Failed	Valid
http://www.bsh.bg/	HTML 4.0 Transitional	utf-8	HTML tables	Failed	Valid	Works	Works	Works	Failed	Failed
http://www.smakmedia.com/	HTML 4.01 Transitional	windows-1251	HTML tables	Failed	Failed	Works	Works	Works	Failed	Failed
http://www.ladger.com/bg/	XHTML 1.0 Transitional	windows-1251	HTML tables	Failed	N/A	Works	Works	Works	Valid	Valid
http://www.interminds.net/	N/A	utf-8	Flash	Failed	Failed	Works	Works	Failed	Failed	Failed
http://www.cybermark.bg/	under construction	—	—	—	—	—	—	—	—	—
http://enigma.bg/	XHTML 1.0 Transitional	windows-1251	HTML tables	Valid	Failed	Works	Works	Works	Failed	Valid
http://www.balkansys.com/bg/	N/A	windows-1251	HTML tables	Failed	Failed	Works	Works	Works	Failed	Failed
http://www.melontech.com/	HTML 4.0 Transitional	utf-8	HTML tables	Failed	Failed	Works	Works	Works	Failed	Failed
http://www.atomsolutions.net/	HTML 4.01 Transitional	windows-1251	Flash	Failed	Valid	Works	Works	Failed	Failed	Failed
http://www.amexy.com/	HTML 4.01 Transitional	utf-8	Flash	Failed	Valid	Works	Works	Failed	Failed	Valid

Агенции, които не са членове на БУА
				Validation		Disable			Accessability
	DTD	Charset	Layout	(X)HTML	CSS	Images	JavaScript	Flash	WCAG 1,2,3	Section 508
http://www.rizn.info/	XHTML 1.0 Transitional	utf-8	CSS layout	Failed	Valid	Works	Works	Works	Valid	Valid
http://mtr-design.com/	HTML 4.01 Strict	utf-8	CSS layout	Valid	Valid	Works	Works	Works	Valid	Valid
http://www.evgord.com/	XHTML 1.0 Strict	utf-8	CSS layout	Failed	Valid	Works	Works	Works	Failed	Valid
http://www.lucrat.net/	XHTML 1.0 Transitional	windows-1251	CSS layout	Valid	Valid	Works	Works	Works	Failed	Valid

За съжаление, резултатите от теста не предразполагат към обширни анализи, тъй като мнозинството от агенциите демонстрират явно незачитане на стандартите в работата си. Но ако трябва да посочим някого като положителен пример, то това безспорно са Лукрат, което може би не е случайно с оглед на областта, в която са специализирани. А що се отнася до ползата от уеб стандартите, то по темата е изписано достатъчно много – за нас остана единствено задължението да направим своята собствена селекция от текстове, които да ви препоръчаме:

The business value of web standarts by Jeffrey Veen
Ten reasons to learn and use web standarts by Roger Johansson
Да работим по уеб стандартите на Roger Johansson, в превод на български от Петьо Иванов и редакция от Боби Димитров
Web standarts. Shoulds my business website be compliant by Thomas Ashworth
The myth of content and presentation separation by Jeff Croft
An objective look at table based vs. CSS based design by Andy Budd

Emanuel Smash-ed Blagonic:)

nick — Fri, 14 Sep 2007 06:52:47 +0000

Блогът на Емануел Благоник, един от нашите уеб дизайнери, с които си партнираме много успешно напоследък, бе отличен преди няколко дни от Smashing Magazine в статията им 45 excellent blog designs, наред с такива уеб знаменитости като Cameron Moll, Dave Shea и Jon and Leigh Hicks. Cheers, Emanuel, and good luck with your new venture, Extendis!

Redesigned!

nick — Mon, 20 Aug 2007 08:30:21 +0000

Hi all,
Извинения за оставения на самотек блог, но напоследък бяхме попретрупани с работа (което е добре:), после дойде сезона на отпуските (което е мнооого добре:), та чак сега намирам време да пиша.
Какво ново при нас?
Първо, направихме редизайн на нашия сайт, като му придадохме малко web 2.0 стил, в съответствие с последните уеб тенденции. Ето го и резултата, надяваме се да ви хареса – http://mtr-design.com/ (bg version comming soon). Сега вие сте на ход – за мнения, хвалби, жалби и т.н. Само да отбележа, че работата ни бе забелязана от cssmania, cssbased, css20, csscontainer, cssdrive, една бразилска , една аржентинска и една българска уеб галерии, както и редица други подобни сайтове.
Второ, проекти, една част от които са вече история, а други са към края си:
- дизайн и CMS за сайта на AH Bulgaria и AH Iztok
- дизайн и CMS Scuba Addicts
- CMS за сайта на нашия френд Бари, който вече е известен като „Barry from Study in the States”
- CMS за сайта на един нашенски ризорт
- CMS за други два от обектите на FPI – Greenville и Арена ди Сердика
- Редизайн на EASI Bulgaria, един проект на Института за пазарна икономика
- http://fsnetwork.org/
- Flash CMS за сайта на Astella Atelier

И най-важното, преполовихме работата по два наши собствени проекта, на които възлагаме големи надежди. За тях скоро.

Google Is Supercooool (Or Maybe Not)

milenski — Sun, 17 Jun 2007 12:34:43 +0000

Google са пример за подражание, историята на компанията вероятно въодушевява много начинаещи IT предприемачи. Със сигурност са и работодател, за който мечтае почти всеки уеб специалист в България. Но въпреки всичко това, не са изключение и случаите, в които съм попадал на решения в продуктите на Google, на които най-малкото не бих завидял.

Не знам дали си спомняте времето, когато Google придобиха най-добрия за времето си (мое лично мнение) продукт за уеб статистики – Urchin Web Analytics и го превърнаха в безплатната Google Analytics услуга. Ако не сте били от първите щастливци, които успяха да си създадат акаунт, преди непредвиденият от Google интерес към Analytics да принуди компанията да преустанови временно регистрациите за услугата, вероятно си спомняте колко често сте проверявали дали от Google най-сетне са успели да закърпят положението с Analytics сървърите.

Наскоро, докато участвах в тестовете на news агрегатора ни news@MTR, ми се наложи да се запозная по-отблизо с новинарската услуга на Google и останах изумен от представата им за стандартен формат на RSS емисия. Можете сами да разгледате кода на http://news.google.com/?output=rss – убеден съм, че ако на вас ви се наложи да parse-вате такъв RSS фийд, цветущите думи по адрес на роднините на Google разработчиците няма да са по-малко от използваните от мен.

Преди няколко дни, четейки новите постове в един от блоговете, който преглеждам редовно, се успокоих, че не съм единственият, на когото Google недомислиците му правят впечатление. Този път в повод за критика се беше превърнал HTML/CSS кода на Google Maps. Ето и коментарите на Jon Christopher в Monday by Noon относно кода на Google Maps и възможностите за оптимизирането му.

А ако сте попадали на други такива "гениални" решения на Google, би било интересно да ги споделите и коментирате тук.

Usability тест

milenski — Sat, 17 Mar 2007 06:59:53 +0000

Как можете лесно да проверите ползваемостта и качеството на вашия HTML код:

След като завършеният код е налице, разпечатайте го на лист хартия и го дайте за преглед на баща ви, или друг ваш възрастен близък (добре е възрастта на човека да е поне 50 години). Ако тестерът може да прочете и разбере документа, можете да приемете, че HTML-а ви е перфектен…

Latest work

nick — Thu, 14 Sep 2006 16:21:37 +0000

Тези от вас, които се интересуват от маркетинг и следят блоговете на подобна тематика, вероятно са попадали на някои от неговите статии и ревюта. Него го четат Seth, Ben and Jackie, Steve, Doc, Todd и Tom. И много други, знайни и незнайни. Предполагам че и Guy го чете, въпреки че не си е признавал. Yes, that Guy:). Сега, по теорията на вероятностите, се предполага, че и някои от тези добри хора ще забележи нашата работа. Уау! На това аз му викам Punk Marketing (thank you Piers).

Но да се върнем на нашата работа за John Moore – Tribal Knowledge е неговата първа книга, която излезе току що от печат, а от Brand autopsy ще научите повече за услугите, които предоставя неговата консултантска фирма. И както изглежда, той е удовлетворен.

За сайта на телевизионното предаване Далекоглед

nick — Sat, 14 Jan 2006 21:37:54 +0000

Като фенове на телевизионното предаване Далекоглед, на журналистката Николина Димитрова и на целия екип на ATV 1, ние решихме да им направим безплатен сайт. Мислехме, че ще е чудесно, ако всеки, а не само зрителите на предаването, би могъл да прочете и да се запознае с тези младежи, които са работили и живели извън България и впоследствие са се върнали. Ето го и резултата. Уви! Оказа се, че “Далекоглед” е копродукция с БНТ, а БНТ не дава разрешение на своите копродуценти да направят сайт на предаването?! И единствената информация в интернет за Далекоглед е информацията в сайта на БНТ, която е всичко друго, но не и изчерпателна…
В моментите, в които не сме претоварени с работа по нашите текущи проекти, ние работим pro bono (дефиниция) за хора и събития, които ни харесват. Ако и вие харесвате нашия стил, драснете ни два реда ( на office@mtr-design.com ) и ние ще се свържем с вас.

Сайтът на “Сентинел Асет Мениджмънт” АД е вече онлайн

nick — Sun, 08 Jan 2006 10:34:19 +0000

Важно уточнение!!!

Поради изричното настояване на колегите от M6 Solutions бихме искали да уведомим всички заинтересовани страни, че настоящият сайт на Сентинел Асет Мениджмънт АД е изработен от M6 Solutions. Нашата работа за Сентинел през далечната 2006 (по-скоро последните месеци на 2005) може да разгледате все още на съответната страница от нашето портфолио

Нашият последен проект за български клиент – сайтът на инвестиционното дружество “Сентинел Асет Мениджмънт” АД – е вече онлайн и вие можете да го разгледате тук. Ние искаме да сме най-добрите и да работим за най-добрите, затова ако вие видите български финансов сайт с по-страхотни динамични графики от тези, просто ни се обадете.
Въпреки че комуникацията с клиентите по нашите външни проекти е много по-лесна и безпроблемна, ние сме много горди с този проект, защото това е втория сайт на лицензиран инвестиционен посредник, за който сме наети като изпълнител, след сайта на финансова къща “Евро-Финанс” АД. А това за нас значи, че работата ни е забелязана и оценена.
Искрени пожелания за успехи в новото начинание на Валентин Карабашев, Таня Анастасова и целия екип на Сентинел Асет Мениджмънт.