Archive for the ‘web design’ Category
Reviewing usability of computer online shops
I am in the process of building a new system to replace my 5 years old system.
I was originally planning to get all the parts from MSY, they do live up the reputation of being the cheapest in town. But one of their problems is that they don’t have a consistent level of stock, so I got my mobo and video card from MSY Ultimo today but they didn’t have CPU and RAM that I’m looking for.
I then tried my luck by going to Capitol Square, asked for a quote in one of the shop, the price was $40 more than MSY, I concluded the price in other shops would be similar so I left.
At home with the help of Staticice I went shop around in different sites.
The sites vary greatly in terms of usability and design. And I will try to give some quick review of the sites that I visited on those 2 criterias.
Shopping Square and Sky Comp are simply the best from the rest. They both have a really straight forward checkout system (I think my old company might have something to do with Shopping Square so I might be a little bit biased). And the best thing about these 2 sites is they provide shipping cost (estimate) early which I found to be extremely useful. The worst of these sites, requires me to complete the online order and then the store representative will contact me to confirm the shipping cost and finalize the purchase, way too complicated to my liking (an example of such site is IJK).
Austin Computers is not bad in terms of design, but the menu and layout are a bit confusing, navigation on top, left and right which is just too many in my opinion.
In terms of web design, these sites are just .. oh well just have a look yourselves:
Worst:
- MSY. Those glaring giant fonts in varying colours really hurt my eyes. I understand that they are not selling their stuffs from the website and the website mainly serves to provide price list, but surely a little expense on design wouldn’t hurt.
- Fluidtek. Same as above but with additional graphics unnecessarily slapped here and there, very long page had to scroll a lot. Again selling things online is not the main purpose of the site, but the brochure ware approach is just so.. dodgy!
Bad:
- IJK. Plain and boring. Feels like 1990 all over again!
- CCPU. Again feels like 1990 design but a reasonable 1990 design.
In terms of usability, the weirdest and un-intuitive site is The PC Pro. It uses 3 panels, the main panel is the list view, when clicked it will update the detail panel on the bottom, if click add item to shopping cart, then the right panel is updated. See screenshot:
I tried to submit an order today, but I got an error, so I contacted the customer service. I was told that my credit card has already been charged as well as notifying me that the price of the item that I purchased was actually wrong (it should be higher because of the fall in AUD recently). He kindly offered to refund my purchase due to the pricing difference (which I gladly took). So at least good customer service there.
I ended up purchasing from IT Estate as it has the best price combination for CPU and RAM (and delivery cost) that I am looking for. This site usability is ok, design can be made better but not too terrible either.
I really wish some of these companies put a little more effort on their online front. I believe even if you are not the cheapest around if you provide a good shopping experience people will buy from you or at least people will keep you as the first place to look for when they are shopping for something.
Web design books
I am currently in the process of getting a book (or some books) on web design. What I am looking for is a book that covers:
1. principles of web design (like usability)
2. layout, typography, color theories, the usage of graphics
3. and how to create layout using image editing software like Photoshop or Illustrator (although I actually will use GIMP, but let’s face it, books for graphic/web designers will not have GIMP on them).
I probably don’t want books that cover HTML and CSS extensively as I’m already comfortable with them. I actually want to learn more on web design steps prior HTML and CSS are produced.
I have spent few days browsing Amazon.com but I still can’t find a book that really fits with I want. Hm! I just realised that I probably should ask the 2 designers at work DOH, too late now, books have to be purchased before the end of financial year.
Note
1. Doctype declaration can make a difference in the way your CSS is displayed. Forgot what DTD Dreamweaver produces, but it makes IE7 setting margin: 0px auto doesn’t center an element. Will investigate.. i might be wrong.n2. Setting vertical-align to middle on img somehow created a gap in IE7 eventhough you have set the height of the container to be the same as the height of the image.. weird.n3. Learnt how to create an imagemap in Dreamweaver, it was so easy to do! I wonder why imagemap is no longer popular, back in the nineties it’s everywhere, tyan used it too on his old homepage i remember… Maybe it’s no longer cool..
Working on a new site for an internet cafe, it’ll be quite straightforward, no fancy requirements just backend to handle newsletters, products and special offers, news and then frontend, they design their own site, we just have to put into a working website.
felixt.org re-design
My website is long overdue for a remake. The hardest part is to find a design/or to design the site. Should it be image rich or just plain CSS? Should I attempt to learn Flash and use it here?
Anyhow, I think the first thing that I need to decide is what I want to achieve with the site. It’s basically go
a be an information site on moi and all things revolved around moi (ok, it’s sounds to self centered, I know). Content should be pretty much static most of the times (except maybe for the project part, as I want to add projects that I do with S3Group), oh yeah, a photo gallery would be nice too..
Would probably take off the resume page, it doesn’t really serve much purpose there. Hm hm thinking thinking…







