Archive for czerwiec, 2010

Time to speed your website – SparkUp session

One of the session on SparkUp conference  was devoted to optimization of performance of websites.
Best practises I would like to remind for everyone who creates  for web that were discussed.

Minimize HTTP Requests

  • connect javascript files  and
  • use css sprite

Minimize transferred data.

  • Minimize css, js and html files,
  • use gzip compression
  • use caching – for elements that do not change often use header expires,set it for one year
  • optimize jpegs- you can often  make then 50 % size smaller without any visible loss. You can do it  by using tools like JpegTran or Smush.it
  • optimize png – use png8 when possible

Check also Best Practises for Speeding Up your website

Strongly recommend  to use tools below

  • Firebug – tool for web developement
  • YSlow analyses web pages and suggests ways to improve their performance
  • PageSpeed gives you hint how to optimalize loading time for your webpage
  • JpegTran  optimizes jpg
  • Smush.it  optimizes all jpgs at once

user experience and design on SparkUp

25th of May, quite unexpectedly cause I decided two days before I attended SparkUp conference.   I was mostly interested in Ux/Web design and  till that time, my knowledge in this subject was rather intuitive.

First session I was interested in was lead by Andy Budd. Persuasive Design: Encouraging Your Users To do What You Want Them To Do. Andy told us  how  our natural behaviours are used  to make us buy the product.  He went through some persuasion techniques used by advertisers, brands, supermarkets and other people. There is scary amount of those…

He gave examples how those techniques are used in real world and online. Most of us is so used to appearance and behaviour of popular websites that we do not realize that those tricks are used almost everywhere on web !

  • Trust in authority – Professional look- white, blue green for webpage of respected medical companies
  • Layout and Positioning – using colors, size, positions to emphasize what you would like your user do on your website
  • Social Proof – People prefer services where there is already many users- make at least the impression that your service is popular
  • Loss Aversion – Last day of promotion, only till the end of the week you pay for our service half price
  • Likeability and Gifting – Make people to like your service by for example giving them scores, good rates – people like being rewarded somehow , they like to get sth free : Pay 20 and get 5 for free!
  • Reciprocity

Nice study – go via amazon, basecamp, facebook  etc and   check what they did to make us do what they want :)

The speaker of second session Marek Kasperski concentrate on people behaviour on webpage. The tiltle of this session was Mental Models.  He was giving  advices how to make UI most friendly for users,  there was many  issues he  mentioned, most examples were about e-commerce. he showed proper and wrong designs. Below some facts I remember:

  • mind is selective, always trying to find only exact information  and it’s blind for the rest (Banner blindness)  Help users  find what they want – by contrast colours, good filtering of information, group similar information)
  • when you design your website try to think like future user
  • use colours culturally directed for your website users
  • do not leave user with no information when  long response

I bought his book Projektowanie stron WWW (as far as I know only in polish language), I will know more.

Wnioski i ciekawostki po GeeCON

Wszyscy programiści w Espeo mieli podsumowanie konferencji, na którym omówione zostały ciekawostki, których się dowiedzieliśmy oraz wnioski na przyszłość także technologie i rozwiązania, którym warto się przyjrzeć. Poniżej krótka lista, która wypisaliśmy

  • ClusterJPA – narzędzie do obsługi klastra w oparciu o MySQL i JPA
  • Spring ROO – dynamicznie się rozwija, wykorzsytywać w projektach springowych
  • HPPC – Biblioteka do wydajnych kolekcji typów prymitywnych
  • Eclipse RAP webowa wersja Eclipse RCP
  • Wykorzystywanie komet do serwisów odświeżanych w czasie rzeczywistym. Wsparcie dla GWT oraz Grails
  • Gradle – sprawdzic zamiast Maven’a, wydaje sie być bardziej elastyczny, także dlatego, że oparty jest o Groovy
  • Akka lib – przykład wykorzystania aktorów dla współbiezności
  • Project Coin – JDK 7 i małe zmiany w języku
  • IBM dostarcza zestaw narzędzi dla tuning’u wydajności w javie
  • Eclipse memory analyzer jako narzędzie do analizy wydajności aplikacji
  • Współbieżność w Groovy z wykorzystaniem biblioteki GPars
  • statyczna analiza kodu – zastosowanie JSR-308
  • Apache Camel – narzędzie do zastosowania w projektach integracyjnych, implementuje wzorce z książki Enterprise Integration Patterns
  • Obserwować rozwój Griffon’a i zastosować do projektów java desktop / swing