Setelah bertahun-tahun terbiasa dengan graphic PC, awalnya saya bingung dengan tampilan grafis Mac. Koq kurang terang kata saya dalam hati, ternyata, menurut rekan kerja saya dulu, yang menggunakan Mac sejak lama untuk graphic printing, warna di Mac yang ‘bener’.

Well. Secara fungsional, efek grafis monitor Mac ke mata saya sangat pas, soalnya saya ‘bolor’ minus 2 dan plus 2. Sayangnya, warna yang ‘benar’ ini ngga berlaku di screen media seperti website, karena sebagian besar user menggunakan PC.

So, web designer yang bijak, tetap harus mengoptimasi design untuk semua media. Bukan ikut-ikutan i am mac atau i am pc. Hehe, use both!

Anyway, dibawah ini screen laptop saya. That’s a lovely Dock eh?

Printscreener adalah aplikasi open source dengan lisense GNU Public License 2, yang bisa di download gratis di Google Code. Aplikasi ini pada dasarnya adalah ekstensi dari fungsi Print Screen, sehingga dapat menseleksi region yang ingin di capture, dan menyimpannya sebagai file JPG.

Download Printscreener disini. Untuk instalasi, komputer anda harus terinstal Adobe Air (download gratis, disini).

Dari sisi visual, semakin besar balonnya berarti semakin banyak negara tersebut mendapat medali.

Ada 2 jenis chart, yang pertama adalah Geographic View:

Dan yang kedua adalah Ranking View:

Untuk melihat efek interaktif nya bisa menggunakan Slider untuk menuju ke chart tahun tertentu atau mengarahkan mouse ke bubble untuk melihat detil statistiknya.

Sumber: NY Times.

Selama ini, bagaimana membuat custom font di website anda? Mudah, misalnya masukkan saja code sebagai berikut di style.css disain atau template anda:

.artikel {
font-family: Futura, Soopafresh;
}

Di komputer anda, akan terlihat font yang digunakan website anda adalah Futura. Masalahnya, user lain yang tidak memiliki font Futura ter-instal di komputernya, tidak melihat Futura. Tetapi mereka akan melihat font generik seperti Arial atau Verdana.

Pada tahun 1998, CSS2 mengajukan solusi dengan menggunakan format deklarasi @font-face, yang dalam teorinya akan mendefinisikan font yang akan di download oleh browser dari website anda.

@font-face {
font-family: Futura;
src: url(/fonts/futura.ttf);
}

Kabarnya, browser Safari akan support @font-face, Firefox 3.1 (versi alpha sudah tersedia untuk public download) juga akan support, dan Opera berencana untuk memasukkan fitur tersebut di versi masa depan.

That is brilliant.

Meskipun demikian, seorang web designer jaman sekarang yang kompeten, setidaknya harus memiliki pengetahuan dasar Search Engine Optimization dan mengimplementasikannya ke website kliennya.

Jadi, meski klien tidak menyewa seorang web designer untuk mengoptimisasi websitenya untuk Search Engine, maka menurut saya, setidaknya beberapa hal dibawah ini menjadi standar untuk sebuah web design yang Search Engine Friendly.

Yaitu menggunakan:

1. Title Element.
2. Heading Tags.
3. Meta Tags.
4. Analytical Service.
5. Search Engine Registration.
6. Favicon.

Sejauh pengalaman saya, kebanyakan klien tidak terlalu mengerti Search Engine Optimization dan mengapa website mereka membutuhkannya. Apalagi yang baru pertama kali membuat website untuk bisnisnya.

Dengan memberikan optimasi sederhana seperti unsur-unsur diatas, setidaknya website klien anda bisa masuk ranking yang cukup baik dalam kata kunci tertentu. Setelah itu, gunakan kesempatan lebih lanjut dengan membina hubungan baik, dan ke depan anda memiliki peluang untuk menjual jasa anda lebih banyak.

Hasilnya? Cross selling dengan integritas. Noone is losing then.

Kesimpulannya, secara tidak langsung SEO adalah tanggung jawab seorang web designer.

The site design is the first thing that people see It should be reflective of you in the industry Easy to look at with a nice navigation When they can’t find what they want it causes frustration A clear call to action to improve the temptation Use appealing graphics that create motivation If you have animation please use in moderation Cause search engines can’t index the information

Are you kidding me? It’s not a joke, it’s true!