Saturday, November 13, 2010
So Jay also explained the Acid Test, which basically tells how closely compliant a web browser is. He did point out that the browser that adheres to web standards is Opera - who? Though not as popular as IE/Firefox/Safari/Chrome, it is gaining popularity. The reason for Opera's success can be attributed to [among others] one Håkon Wium Lie who is their Chief Technical Officer. Håkon Wium Lie is the 'godfather' of CSS. He is the guy who wrote the CSS spec so er' go. Jay did talk about WebKit [a layout engine that allows browsers to render web content] and how close and quickly they are catching up but for now, Opera is clearly ahead of the web-standards-compliance race.
Jay cautioned against the using acid tests as a measure of browser rendering because, in his words, "the acid test does not tell how a browser tests in the real world". Ever heard of the box model? For one, thanks to Mr Cornelius, I now know that it was a key difference in the difference between Internet Explorer & Netscape. I also learned that IE introduced CSS - kinda. Shock right!? Only thing is they did it poorly which lead to great demand for change because of developer and user dissatisfaction. So....[ahem] all browsers, developers, and users should thank IE for sucking so bad that the revolt resulted in greater innovation and web tools.
When designing a website, the issue of cross browser similarity in as far as appearance and functionality is an oxymoron. It is extremely difficult to say the least - with the ever changing versions and capabilities of new releases of software/computers - it is practically impossible. As a developer, he advised that one does not have to deliver content that looks exactly alike across browsers. What is paramount is to "deliver results fast, have a rich user experience for whatever browser the user is utilizing". Lets face it - we are faithful to our browsers - I do not see Mac Users switching between IE and the same goes for the rest of the browsers. Once we get used to a browser, it becomes our BOC [Browser of Choice] so - cater to the user and less focus on cross browser similarity. Those days are over!
Another tidbit I did not know - Internet Explorer [version 6+] - yes even IE - supports Doctype. He advised against running IE is quirks mode and said using the right character type is crucial. His suggestion- he suggested charsetUTF - 8.
All in all, it was a good visit. I learned some new things and look forward to the promise HTML5 will bring.
Wednesday, November 3, 2010
Competition. A word I love when companies duke it out in an effort to garner customer loyalty [among other things]. Google recently added Google Instant. Real time search results as you type. Results update as you type. Woo hoo for Google right?! Well, according to Luke W., Yahoo! actually had this technology as far back as 2005. Makes me glad to know that the customer [me] is at the forefront of innovation. Unfortunately for Yahoo!, Google worked out all the kinks and rolled it out before they did. So this round goes to Google. However, what if, as you type, the results brought back were irrelevant to what you wanted – much like finishing somebody's sentence thinking you know exactly what they are going to say only to find out you were wrong? This feature would be totally irrelevant if not annoying. As Luke W. said, "there is a fine line between relevance and distraction..." Any results that are apart from your match criteria only detract from and could possibly lose you customers. Another consideration is server load implications, which is the reason Yahoo! did not include it on their search. Real time searches mean that two or three searches are being carried out concurrently and can increase server load ten fold. This drastically increases server load and considerations have to be taken into account.
Mr. Wroblewski listed 3 innovations in Web Usability that would enhance user experience:
- Rich Interactions:
- Input can come from anywhere.
Users are spending more time off your site than on. E.g. Email clients, chat windows, bookmarks, browser extensions, calendars, e.t.c. As opposed to previous experience that required user visits and filling in forms as a way to capture information. Case in point - this blog is typed in Microsoft Word and published by a click of a button.
- Providing information to Social Networking Systems.
Since these networks already have the platforms that allow users to input information, many types of forms such as sign up , profile creation and any form that requires inputting information can be done away with. User experience connections would only require hitting a button/link and make connections [case in point: uploading images to a website. A practice that users do not like doing].
Monday, October 4, 2010
Another way to think of color design is to think of food. We always eat with our eyes first. Before our other sensory abilities kick in, eyeball appeal is the primary attention grabber. Similar to web site design, color gives the first impression- ‘if you will’ - of the overall look of the website and intrinsically, defines your brand.
Red:-Yellow:-Blue:- Three colors that in different combinations make up the color wheel. They cannot be reproduced by mixing and matching other colors.
Orange:-Green:-Purple:- You get these colors by mixing primary colors together.
Wednesday, September 8, 2010
......Are you in need of a vacation from your life - where a beach, a cabana and a cold drink in your hand felt more like a necessity? Say you were to surf for vacay spots. You then decide on Tuvalu or Timbuktu [stay with me]. You search online using your preferred browser, make reservations and mozzie on over there. When you get there, everyone speaks a language you do not understand, and likewise, they do not understand you. Huge Problem! Thankfully, the world has an unofficial universal language a.k.a. English! A nice, funny and humor filled book about this fascinating language, (as per recommendations from Mr. Allsop) is The Mother Tongue by Bill Bryson.
|Referenced from Designing with Web Standards|
Thursday, September 2, 2010
Effectively designed websites are in part a result of solid Information Architecture (IA). Below is a definition of Information Architecure as defined in Louis Rosenfeld & Peter Morville's book "Information Architecture for the World Wide Web":
- The combination of organization, labeling, and navigation schemes within an information system.
- The structural design of an information space to facilitate task completion and intuitive access to content.
- The art and science of structuring and classifying web sites and intranets to help people find and manage information.
- An emerging discipline and community of practice focused on bringing principles of design and architecture to the digital landscape.
IA can be broken down into four components:
- Organization Systems This refers to the technique/study/classification of a site's content. It is the way a site content is presented.
- Labeling Systems These help describe categories, options, links using descriptive and appropriate language. They help the user know where they are, what the page is about, where and how to search and get what they are looking for, leave feedback, e.t.c
- Navigation Systems Navigation systems aid users movie easily throughout the web site and the content therein.
- Searching Systems Search systems give users the ability to search content locally(search within website) or globally(search the internet) to find exactly what they are looking for.
Thursday, August 26, 2010
Web Writing [summary taken from Erin Anderson et. als’ book : InterACT with web standards: A Holistic approach to web design]
A visit to any website reveals that all cyberspaces – good or bad – contain text. Think of any horrible ones? Click on the link to see some Web Pages That Suck.
Properly designed and organized text generates eyeball appeal. Words tie the whole website together – be it image tags or paragraphs.
What constitutes good web writing?
- A balance between user needs and business goals:
- Knowing what your users need and how to present it.
- Help the user accomplish a task.
- Be consistent
- Answer user questions
- Knowing what your users need and how to present it.
- Having a good strategy
- Following the rules of good composition
- Being able to solve content problems to ensure that the voice, tone, style, business objectives and customer goals are met.
- Having solid web design and development e.g. knowing how to break text into visually appealing blocks.
- Having good metadata that helps your website become more visible to search engines and findable by users.
- Understanding the online/offline user experience.
Goals and expectations of online and offline users differ. Online readers are task oriented – they know exactly what information they require and want to get it in the shortest time possible and move on.
On the other hand, offline readers are passive and relaxed readers.
- Taking into account all your users even the ones that lack visual abilities and access the website through screen reader devices.
- Engaging content
Good web writing has the ability to solve business problems and can help an organization form a lasting relationship with its customers. It can also help strengthen the company brand and solve many business problems.
Some challenges that come with web writing:
- Not being part of the design process from the inception.
- A website is a representation of the firm as a whole and therefore ensuring cohesiveness might present a challenge as each business entity within the organization might want content written in a specific way.
- Also, lack of editorial oversight as no one part of the business owns the material thereby leaving web writers without clear leadership.
TOP 10 WEB WRITING TIPS
- Love the inverted pyramid.
- Believe less is [almost always] more.
- Avoid sounding like an infomercial.
- Make your copy easy to scan.
- Write killer headings.
- Lead with Active words
- Use simple sentences
- Keep your promises
- Set up a good review process
- Benchmark off good websites
Tuesday, December 15, 2009
While this field is still in the early stages of development and growth, some benefits of Enteprise 2.0 include:
- Employees have tools that enable the free flow of communication/information. This might in turn encourage participation and foster a creative environment where ideas that help boost productivity can be born.
- Greater knowledge capture and retention.
- Transparency of information.
- Better collaboration of information.
Social media tools e.g. blogs can be valuable when it comes to sharing knowledge, better agility and more fluid dissemination of information, but the issue then arises - how does an enterprise control access and dissemination of information, ensure information integrity, organize information gathered and realize any ROI with these tools?
Impact on ROI of these technological applications is another concern.
Another issue is that businesses are always continually in the process of adapting technologies as the technological landscape evolves. With that said, I believe it is safe to assume that businesses will organically evolve, progress, and adapt to technology as it changes and in ways that will add to their business value - social media platforms or otherwise. Which begs the question is Enterprise 2.0 a fad or a trend? The jury is out on this one and only time will tell if Enterprise 2.0 will be a 'one-hit wonder' or if it is here to stay.