Archive for the ‘design’ Category

Acrobat, the platform

Tuesday, June 3rd, 2008

Adobe AcrobatImage via WikipediaThis post was written via the newly published Zemanta Reblog, the first feature I worked on at my new job. I helped evolve and implement the interface, which is not perfect yet but is better and will get even better in the future. Reblog feature also gives you an idea of how Zemanta Suggest works since you can see the sidebar on the right hand side of the content as you’re writing it. Reblog is only one of many features we released today – we now support more platforms, more browsers and we also have a few plug-ins for blogging platforms. Read about the release or check the interview with our co-founder and CTO Andraž Tori at ReadWriteWeb.

Adobe is making a major announcement tonight — the public beta launch of Acrobat.com. No longer does the Acrobat name only mean “related to PDF.” The suite of hosted tools include a word processor, PDF converter, conferencing and file storage. From the looks of it, Acrobat.com could be a competitor to parts of office suites from Google/Zoho and could also compete with document sharing tools including Docstoc and Scribd. All of the services are hosted on Acrobat.com and use the SaaS model (software-as-a-service). It’s clear that collaboration is now Adobe’s focus and this makes sense as we all move to a more connected world. Allen Stern, Adobe Launches Acrobat Hosted Services – New Web Office Player is Here, Jun 2008

Zemanta Pixie

Redesigned media

Thursday, May 29th, 2008

A couple of Slovenian newspaper sites redesigned recently (today?). I got the news on Twitter. I’ll try to review what they’ve done1.

Delo

Newspaper vendor, Paddington, London, February 2005Image via WikipediaFirst notified by had, I was eager to see the new design and code. The design is very very wide — a good link to the newspaper that is probably the widest/biggest in Slovenia. At 1024×768 you see all the content, but the banner on the side is missing — I hope they subtract these users when selling ad space (or they should get ToboAds that actually count only the ones that are seen by the user using advanced JavaScript).

The design is boring with only the RSS icons giving it some color. It gives no feedback on links, the font on the front page is too small (11px) and it doesn’t hold its text–resizing well. The content is a bit hard to read with the font size at 12px, width of 600px (50em) and line–height at normal. There doesn’t seem to be any vertical rhythm applied. It’s also very hard to figure out where you are in the structure since some of the navigational elements seem to vary in color for no apparent reason.

The underlying code is disappointing. It’s really something that you would just delete and start over. It suffers from inline styles, divitis, classitis, inline scripts, validation errors (163 for the front page) and overall ugliness. The front page needs 67 requests and 724kB to load in 3.24 seconds (there are a few banners on the site though). Disappointing but expected is the fact that they don’t use Microformats but I was positively surprised that you can use OpenID to log in — I’ve never left a comment on local news sites because you need to register with each one. And I never do.

Mladina

Posted by Tomaž Štolfa it’s actually not available yetavailable now through www.mladina.si but can be accessed directly through www.mladina.si/dnevnik/. It’s a nice page but with a shift in concept — the magazine is a weekly publication while the online edition will publish daily (or probably all the time). It too is wider than the previous version with a width of 1024 leaning on the left side of the browser.

The design is nice and gives good feedback in use. It’s made on a simple 5—column grid with the 5th column being used only in the head and for the banner. The only thing that is quite annoying is the banner at the top that moves the whole page down another 90px for no good reason (at least not for the users?). The content is much easier to read with a 12px font size, 1.5em line–height at 563px width (~47em). It also makes use of few different typeface which adds to the overall experience of surfing. Vertical rhythm in text is achieved through crappy code with paragraphs being spaced with <br /> elements.

The code is nothing to look at. It has 71 validation error on the front page with the first ones starting in the head element (unclosed meta elements). It too sports inline styles and scripts (which are at least wrapped in CDATA) and it too suffers from a heavy infection of divitis. It even has some <center> tags that I haven’t seen for quite some time now. The front page loads in 2.54 seconds for 58 requests and 582kB with all requests except Google Analytics going to the same domain. Microformats are nonexistent and so is OpenID — no need to have registration if you can’t leave comments2.

  1. No need for a disclaimer anymore — I don’t know who designed or coded these pages and I don’t work at their competitors. back
  2. WHAT? Isn’t this supposed to be the most open and future thinking newspaper? back
Zemified

Form design

Sunday, May 25th, 2008

While trying to buy Luke Wroblewski’s book at Rosenfeld Media I had to create a new account. I filled out the form and submitted it but it didn’t go through. The message it gave was:

You did not complete all of the required fields before submitting information. Fields missing data are highlighted. Please try again.

The thing is none of the fields were highlighted. This means that after scanning the form I just resubmitted it and of course I got the error message again. After the second try I went through the form field by field and found out that I have to select “Not Applicable” for the “State” field if I’m not in US or Canada. Why is empty different from “Not Applicable”?

By the way — the book I was buying is called Web Form Design: Filling in the Blanks :)

Zemified

Web Typography Sucks

Thursday, May 15th, 2008

The Elements of Typographic StyleImage via WikipediaThat’s the title of the talk by the first foreign speaker1 at Spletne urice — Richard Rutter from Clearleft, who’s really a great guy and a great speaker.

Web Typography is one of the topics I really care about and I think it’s an issue that iswas a bit overlooked in our local community. After my talk last year about fonts and possible ways to use / embed them I am happy that we got Richard to come to Slovenia to talk about this — who could be better than the author of The Elements of Typographic Style Applied to the Web.

The talk went great2 (Cyberpipe filled up after the first few minutes) and it was followed by a good Q&A session. In the session I mentioned that a font foundry released a font that is free for use on the web and thus free for embeding — the foundry is called FDI fonts.info — you can read their press release or download Graublau Sans Web and Logotypia Pro for free. After the talk we went for a beer in Metropol (just above Cyberpipe) and then another one later on in the city center.

All in all it was great having Richard here and I guess he liked it too. I hope he’ll put in a good word for us and we’ll get even more foreign speakers to come to Ljubljana and share their in–depth knowledge of specific areas of webdesign and development3.

I would also like to thank our silent sponsor Parsek Interactive that took care of the air fare and the hotel bill and also Zemanta that shared their work space with Richard today4.

  1. Technically Daniel P. Fischer was the first, but he gave his talk as part of the HAIP festival and his stay and talk was organized by the Cyberpipe crew. So what I’m trying to say is that Richard was the first speaker I organized by myself. back
  2. If you missed the talk the slides are here and the video should be online in a couple of weeks. back
  3. Any volunteer speakers? Any suggestions? Sponsors maybe? back
  4. Did you notice that I tried to punctuate with the correct apostophes, en dashes, em dashes, elipses’… It’s not that easy — somebody should create a WordPress plugin for this. back
Zemified

FOWD review

Sunday, April 20th, 2008

ChattingImage by adactio via FlickrSo I’ve come home from London where I visited the Future of Web Design conference. I decided to only visit the conference on Thursday, not the workshops on Friday. The reason for this is that I like to learn stuff by myself or by talking to other people – I’m not into group therapy.

This was my first Carsonified conference, the makers of web apps which help you send large files and match advertisers and newsletters and also a resource for web developers, designers and entrepreneurs.

Their conferences happen often and I’ve thought of going to a few of them before but I’ve usually been too busy. I decided to go this year and I’m not sorry I did – even though I heard some harsh comments about the program. I liked the conference – most of the talks were thought provoking enough even when what I already knew most of what the speakers presented. I must agree with those that complained over the sponsored talks – the first one was weird to say the least and the second one seemed more pristine (or I was just in a more naive mood).

The venue was ok – it was big enough for the 850 crowd but the lounge was way to small. The food was lacking, another problem being drinks – fortunately one of the sponsors was kind enough to give out water at the beginning and me being smart enough to take one then since it ran out even before the conference started. I was surprised at how the breaks were set – I would have expected them to be shorter and the lunch break to be longer – there was a huge crowd that had to find something to eat and be back in 30 minutes.

The pre-party sponsored by Media Temple was held in a pub with an open bar. It was great, but I was tired as hell so I left quite early. The after party was a completely different story – the free drinks ran out in the first 40 minutes, the club was way too small and the music was way too loud. I ran into Andy Clarke and invited him to Slovenia to speak at Spletne urice – I hope he’ll have time to come this year and share his views on the future of the web.

All-in-all it was a good conference with a few shortcomings and it’s well worth buying the conference in a box package.

I’ll also be speaking about the conference this Wednesday at Spletne urice with some of the other Slovenian attendees.

Zemified

FOWD presentations, part 3

Thursday, April 17th, 2008

The last batch of presentations:

Unconventional ways to promote your site

Paul Farnell

A really amazing talk that started out by saying that SEO, AdWords are conventional and talked about unconventional means of promoting your site / service / app. The first point being satellites – small freebish stuff that doesn’t need much work but are a constant drivers of visitors to your main site / service (examples: Litmus CSSVista, 37signals Ta-da Lists). Another valid proposition is to join social networks and forums that cover similar stuff your app does – a link in your signature can also make a lot of visitors. A big driver is the word “free” but since you can’t have only free stuff the guys at Litmus decided to launch every payable product/service with a short period when it’s free to use – they’re counting on the buzz since you can test the app without lock-in. This is a different approach to giving 30 days of free service when you register since it creates a bigger buzz when you launch. The main lesson is that you need to be human – you need to show enthusiasm (toward technology and your product) in order to build trust which will in turn give you access to passionate users (if they trust that you can solve their problem they will ask).

Evolving the User Experience

Daniel Burka

There are numerous ways of designing stuff – building complex stuff or building a modular structure. The first will give you a great solution if you know most of the parameters and the second will give you building blocks so you can build whatever you want. The thing is that even the first solution gives you possibilities to change – a nice example are older buildings that are now used for something they weren’t designed for. The web is also a good place to follow the users – what they’re doing is a direction for design and feature list and there is no excuse not to listen to this important feedback (you can also do this in architecture for setting up paths – set them where people walk, cause that’s the user pattern that evolved with the use of the park). Subtraction is also iteration – don’t be afraid to add, remove or just change small thing in the design – if you are you can always only deploy such new features to a limited number of users to see whether it works or not. Fixing things doesn’t necessarily mean starting from scratch – realigning the design is much more difficult but will land better with the users. There’s also no need to innovate to do something better – stuff that is out there works and you need to find out how it can work in your site. You also need to think of the iteration process – how often you’ll realign the page and how fast you can deploy and roll-out changes.

Zemantified