welcome

welcome to my blog. this blog is where i post things on design and usability regarding its use for the internet and web based applications, and the usability from the user prespective to insure the user-oriented design actually works. designing websites and webapps is my passion and i would love to chit - chat with you all day about this subject.

welcome to my web log

Image

Enjoy my post, and do not hesitate to comment.

Future of Web Apps

Posted August 3, 2008

Image

Today we can almost find anything from as simple as how to take a decent sleep to as complex as how to build a satelites. These remarkable progress of information is in debt of the magnificent benefit of the Internet. Internet have developed from just a couple of connected university mainframes into a modern day fast information path. I viewed internet like a huge UNIX cluster machine connected to each other with services each provide. The growth of the internet is not just felt “better be” but its more like “needed to have” regarding of the benefit it resulted for various importance.
Lets look forward to the future and imagine what internet would like in say… 5 years. Referring to the growth rate for the last 25 years since its first developed by ARPA, whats like likely that the internet can be an operating system ? or a Desktop computer? Well.. regardless of the answer, its gonna be really2 nice to imagine.

magine in 5 years, you still own your current 1.7Ghz CPU ( which will already be standardly slow at the time in question ), with 512 MB, Standard graphic card, 40GB HDD, and cable ( or maybe FO ) internet connection. You turn the computer and run your OS ( open source or propietary ) which took like 3 minutes or so. As soon as your computer is idle, you open your Mozilla v7 browser ( hopefully this browser still exists ) or Opera 20 or IE 14, and browse a 2.0 ( maybe 3.0 or 4.0 ) website that provides online mp3 players which was uploaded from your iTunes playlist. While the music plays, you open another website ( probably ajax based ) for online word processor / office suite ( like ms word, powerpoint, excel, etc ), which today is already exists with startling similarity with the common word processor we use ( search for “ajaxWrite” ).
How about image editing, like Adobe Photoshop?? Well.. in case you havent notice that such thing is already exists. Try to Google “picasa” and you’ll see. Well.. what do you know?? Its already started right in front of your eyes. Sorry, i say that like its some kind of conspiracy =)

Actually why do these things could or would happen? If you think about it, by using online applications end users only need their browser to run the apps. They dont need to install anything ( well.. maybe some plugins or something ), they dont need to read the minimun requirements. And the most important thing is, that these methods will dramatically and significantly reduce software piracy since software crackers these days always quote “No Webwares” on their cracked distributed software package. So its a positive side for the end users and the software vendors.
Okay, there’s gotta a down side of this right? On the top of my head, i can think about the security side which always been an issue in the double sided world of the internet. Online security company will work extra hard to provide robust and sophisticated security and intrusion detection systems. And of course the antiVirus company will have to view their work from a whole new direction because ( probably ) similar with a common desktop apps, online apps can be infected by malwares, virus, worms, etc. But of course, the antiVirus guys are very dedicated to their job and we owe them a lot for doing a very nice job.

Here’s one other threat that would most likely be haunting online users ( now and then ), Fraud and Phishing! A simple failure of filtering queries can lead to a fatal result. It needs only on click from a deceived user, and .. well you know what would happen next . So, at the end of all this, internet is still a double sided sword which can provide vast field of benefits, yet still a lot sense of insecurity. As the Jigsaw said in Saw4, ‘you cannot save everyone, they must save themselves’.
Then again 5 years is not that long, dont you think??!
Leave me a comment, and Cheers.

Read blogs offline using Google Reader & Google Gear

Posted July 4, 2008

Image

I was blogwalking the other day using my Google Reader that subscribed to just over 40 blogs ( mostly indonesians ) and i saw this little arrow icon link on right top corner that said "read offline". Wow, i can read this offline?? that's neat!! So i follow the lead and i stumble into Google Gear download link. The page initializes your OS and browser and automatically generate a download link ( you can always change this ) for the setup file. It was 219kb so it was quick and i run the setup file in my Windows Vista & Firefox 3 ( my ubuntu crashed earlier this morning, sad.. )

After installed all i have to do is sync-it with my online Google Reader, and it will download all blog entries i subscribed. After that, i can always disconnect and go offline... but i can always open my firefox and enters http://www.google.com/reader in the address box and the offline Google Reader shows up and i can blogwalking without even connecting to the internet.

Its insane how easy the installation was.. it took less than a minute and the sync process took less than 3 minutes. crazy right?? but, before you do all this you better already have a gmail account, besides Google is way better than... you know what. :-)

scrollable : good or bad

Posted July 3, 2008

a friend of mine was making a website for his client and while he showed the mock up HTML + CSS design his client was a little bit disappointed. The client wanted the frontpage of the to fit in one page and visitor doesn’t have to scroll it. The client thought that it was rather annoying.

Well, is it?

The way i think about it, he’s got a point. People do get irritated to find a frontpage with too much information. A frontpage should be a home of links to elsewhere, thats why its named “index” because it contains the whole link to the rest of the pages. 

But how if the information to publish is a lot?? Can we make it all shown in the frontpage? Of course, it is not wrong as long the information is essential and with a good design. If too many information on a single page with bad webdesign, visitors will go away ASAP! A good example of a Badly designed website with too many information is Detik.com. A good example is Zdnet.com.

So what about the design?? what makes a design “good”??

Simply play the color and layout so visitor’s eye is attracted horizontally ( downward ). If you have a lot of information in the frontpage, make sure you dont have to many color variationl. Just use 2-4 color and make it be harmonious with the layout design.

Another thing is the font color and size. A lot of experts debate on the use of pixels and ems. Im not going too deep on this, but you can read lots of good article about this… and this is one of it from alistapart.com

The point is, if you have a lot of information in the frontpage you may not want a huge sized font even for a header / headline. The font color is also crucial otherwise no one will be able to read it.

Conclusions? Its okay to have a scrollable frontpage as long as you have a good reason for it. If you want to keep it simple just make simple with minimalist design, duotone color, and it actually gives you more chance to improvise with the illustration or even flash animations.

design two point oh

Posted July 3, 2008

…an approach to the design of products, services and environments based on a holistic consideration of the users’ experience. Experience design is therefore driven by consideration of the ‘moments’ of engagement between people and brands, and the memories these moments create. Also known as experiential marketing, customer experience design, experiential design, brand experience. Wikipedia definition


Ever used YouTube? Wordpress? Gmail? Wonder why they are so successful? These web apps have one thing in common.. satisfied users. Its hard to make a user happy, never an easy task to do. First of all, why does a happy client can make a webapp be a success? Simply as this, happy user will use the app again and again and even recommend their friends to use it too. More users means more traffic, well.. this one is quite relative but in general : more user is better.
Now, how can we make our users happy? Before going on, users will be divided to two : end-users, and users behind the screen. And yes, both of them needs to be satisfied but we will only discuss from the end-user side of the story.


Usually in webapps, the first process a user will do is registration. Netvibes as i tumbl it earlier have a very unique registration process ( wont go into details ) because its very easy for users to find the link to register and it only took a minute for the whole process. Of course almost all webapps need less than a minute for registration, but sometime it makes a huge difference because the first impression matters, and User Experience Design is all about impressions.It important that the positioning of links is easy to find by users, and also color scheme that direct the visual to certain section within a website. This is not so hard if you use a basic white background color like Flickr or Youtube, but on other color it will be more difficult ( yet still doable ). Exactly, why do majority of successful webapps use white? Other that the previous reason, it is also doesnt tire the eye. Heavy colors like black, bright red, bright blue tend to make our eyes tired and of course this is a minus point. A human eye is always attracted to a lighter color, so usually the main content ( the one you wanna focus ) is using a lighter color than the borders or menus.
Wordpress 2.5 and Magnolia for example, used a very light duo-tone creme color with white on the main content and i like it very much. And it also use classic icons and small elements with bits of darker colors, unlike the rest of the 2.0 webapps that uses 3D effects, or mirror effects, and lighting effects.

Speaking of Wordpress 2.5.. before we go further, let me say this : HappyCog ( designer of wp2.5 ) is a top notch user experience designer that have dealt with prestigious clients and developed great products ( such as magnolia ), i am a big fan with their writings and i have nothing against them. But there’s something about the new wp2.5 that bothers lots of wp users. From the first version of wordpress, the admin page -take the new-post page for example- has a horizontal structure for essential options. In the old wp (
Moving on. The other thing to focus on is accessibility. Simply told : make user access the webapp from any browser and from any OS from any machine ( desktop pc, pda, laptop, etc ). Users are getting mobile, and connect to the internet so giving a broad of alternatives in using you webapp in a major move. One webapp that excel in this is Twitter. Twitter is a microblogging app ( bloggin in 140 chars ) and is able to receive blog posts ( called tweets ) via text from mobile phone, via instant messenger, and it also have open api’s that is used by ShareIt and lots of other client apps ( Twitteriffic, TwitterFox, Snitter, etc) and of course via web.

For now, this is my version of the elements ( to be considered ) in order to design a webapp that satisfy users :
1. Color Scheme
2. Layout
3. Element Positioning
4. Usability
5. Accessability

I would love to write more about this, but seriously its now 2 am and i am as sleepy as hell. To be continued…

now im twittering wherever i can

Posted July 3, 2008

So i was browsing the Elliot Jay Stocks’s blog probably like last year ( nov 07 ) and i found out that he was using twitter in his blog. Then i start googling what this twitter is all about and i found the link twitter.com and all thousands people’s review on this kickass webapp! i guess a lot of people see the virtue in using this app.

( image from searchengineland )

Personally i found twitter as silly as facebook, friendster, or any other social network websites and i refuse to join in for an apparent reason ( for me ). I mean, why would i tell the whole world what im doing now?? its ridiculous.

I kept browsing twitter’s website and reading the about page, faq page, help page, and all that things when i stumbled upon the API page. Wow, this is really cool!! Twitter is a true definition of a Web2.0 website. Twitter allows third party developers to join in and work together and help twitters tweeting. Im totally amazed how Twitter manage to do this, and for another apparent reason.. i joined in!

Now, after 6 months of tweeting i just cant seem to stop tweeting. I start tweeting with my PDA thru ping.fm ( another 2.0 service ) and wherever i go, whatever i do, i just want to let the world know.

( image from wangtam.com )

Its a little bit ironic actually, but i’ve survived =)

But i still got some complaints for twitter. Everytime i access the web-based twitter, i couldnt login. When i enter the username and password for twitter, the browser told me to download a file called “session” which is a script to log me in. How can this happen?? This never happened with my laptop. My opinion, is that twitter have a accessibility bug with old browsers. I used Audiovox Thera with a prehistoric internet browser and windows mobile. And this causes the browser to think that is was an unrecogniseable file and automatically try to download it. Well… i guess this is not entirely twitter’s fault, but it would be very nice if twitter would kindly fix this problem.

So, for now im usually twittering using web-based twitter with my laptop, using TwitterFox from my Ubuntu at home, and Ping.Fm when im mobile. As simple as that, now im just trying to tweet wherever i can =)

This is my new toy

Posted June 17, 2008

This is a very nice website with sophisticated 2.0 javascripts and a elegant user oriented design. salute!