{"id":152,"date":"2005-12-07T12:11:52","date_gmt":"2005-12-07T10:11:52","guid":{"rendered":"http:\/\/www.maratz.com\/blog\/archives\/2005\/12\/07\/trends-in-croatian-news-portals\/"},"modified":"2006-04-08T17:12:20","modified_gmt":"2006-04-08T15:12:20","slug":"trends-in-croatian-news-portals","status":"publish","type":"post","link":"http:\/\/www.maratz.com\/blog\/archives\/2005\/12\/07\/trends-in-croatian-news-portals\/","title":{"rendered":"Trends in Croatian news portals"},"content":{"rendered":"

Last month, the Poslovni Tjednik<\/a> web site was reworked. Poslovni Tjednik<\/a> is one of Croatian business magazines. We<\/a> didn\u2019t design that site, but we designed 24 sata<\/a> and Nacional<\/a> earlier this year. Those two are also newspapers online counterparts.<\/p>\n

On both of our projects we brought some trendy concepts, as well as invented a few fresh ones. As a developer I often question myself about what are our influences (if any) to other development teams. The day has come for me to finally get that answer. Proud as I can be, I found a few great improvements on the Poslovni Tjednik<\/a>, which I\u2019d like to believe we at the Burza<\/a> were on the minor part responsible for. <\/p>\n

Article meta data<\/h3>\n

\"Article<\/p>\n

On the article view<\/a>, their information designer nicely grouped the tag line, the article title and the lead. We did it on the Nacional<\/a> (see sample article<\/a>) in a similar fashion, as the content units supposed to facilitate clear understanding and sweep glancing through the article.<\/p>\n

Image captions<\/h3>\n

\"Image<\/p>\n

At the time we found image captions quite interesting, as Nacional\u2019s<\/a> photo archive is very well organized and up to date and with quite sufficient and consistent photography meta data. We felt we should take advantage of that and agreed with the editorial we should provide image captions with every photo on the site. The guys who worked on the Poslovni Tjednik<\/a> obviously had the same luck as we were and came with quite similar solution.<\/p>\n

This again proved that this is the way to go about image captions design.<\/p>\n

Drop shadows<\/h3>\n

\"Drop<\/p>\n

I remember when we contemplated over the visual design of the secondary information elements on 24 sata<\/a>, we had a trouble to distinguish a description of the content to follow (tagline), from the content itself. At the time we opted for multi-dimensional effect – pulling, pushing and separating different content areas with plenty of drop-shadows and gradients.<\/p>\n

We never knew it was so<\/em> good. Now we know it – and the concept is quite successfully reused on the Poslovni Tjednik<\/a>.<\/p>\n

Vertical section labels<\/h3>\n

\"Vertical<\/p>\n

There\u2019s really a huge amount of articles on the 24 sata<\/a>, separated in many categories. The portal covers quite wide range of readership profiles.<\/p>\n

We had to come with some additional hint about where the visitor currently is on the web site. Usually, highlighting the \u2018current\u2019 link<\/a> is sufficient, but we felt it was not quite intuitive on that particular layout.<\/p>\n

In order ot make things more clear, we decided to make it really<\/em> obvious where you are on the site, by adding the vertical tab on the right hand side.<\/p>\n

We never had a chance to make more user testing after the site launch, but it seems it\u2019s working. After all, the Poslovni Tjednik<\/a> has visually different, but pretty much the same section labeling concept.<\/p>\n

Other concepts<\/h3>\n

Have you<\/em> noticed some of the trendy concepts latelly? What\u2019s in<\/em> and what\u2019s out<\/em> in modern news portals?<\/p>\n","protected":false},"excerpt":{"rendered":"

You know you are good when the competition start to copy your concepts.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[3],"tags":[],"_links":{"self":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts\/152"}],"collection":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":0,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/posts\/152\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/media?parent=152"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/categories?post=152"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.maratz.com\/blog\/wp-json\/wp\/v2\/tags?post=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}