User Experience for Mobile and Desktops

Scriptaculous doesn't need any introduction. Most of you may know what it can do, and how popular it is. For those who need an intro, "Scriptaculous is a set of open-source, free javascript library which allows you to enhance your web experience in terms of accessibility, UI controls, special effects and AJAX support". You can read the complete history and documentation here. Now.. being a User Interface Designer, Interaction Designer (too many roles??) I have coded only the basic HTML and CSS stuffs.. and today I thought of trying to implement a scriptaculous code into my HTML proto design. So I started digging the scriptaculous.. and learned how to integrate it. Step 1: Download the latest Scriptaculous library from http://script.aculo.us in .zip format. Unzip the contents into the folder where you store you HTML file or any folder of your choice. Step 2: Create a new HTML page, and link the "prototype.js" and "scriptaculous.js" files in the HEAD p...

Improving User Experience in 2 hours - Part II In Part 1, the User Interface of Code Cleaner was analysed . It is found that the UI has poor layout design and the information were not delivered in a way such that it makes some clear sense. Now, let us list out the information we have in hand. Size of the page in bytes Optimized size of the page (code cleaned) in bytes % of file size saved/reduced # of bytes saved / reduced Link to download the optimized/cleaned code. Preview of the cleaned webpage Summar of the clean up So we have 7 information in hand. Let us try to design a better UI with this information. Approach. To start, think of what a user might expect from such a code-cleaning software. As a user, possibly If I use such a software, I will expect to see the analysis of the current page in terms of file size, how much does it takes to download. Next, I would look for the optimized file size and the split up of how much bytes removed, (in % too) and how much download secs can be...

Improving User Experience in 2 hours - Part 1 This is my attempt to improve a web application's user experience in just under 2 hours. :-) So you are given a task to improve the user experience of a web application. So how will you do it? Let us start with picking up a web application. For this task, let us pick up the website, RankQuest.com . They offer a dozen online SEO tools and some nice SEO articles. They do blog and manage to gain some good amount of traffic too. One of their tool, the Code cleaner is our target now. We will take the question-answer model to discuss our task. What does Code Cleaner do? Code Cleaner takes up a webpage, examines the HTML code (note: only the HTML code) and removes the unwanted tags, comments etc. The result of such an action is reduced file size. How does Code Cleaner interacts with user? The Code Cleaner requires the URL or the path to a local file. Once the URL/path is given it retrieves the contents, analyzes them and strip out unwanted ta...

Donno for the past one week.. my eyes are slightly reddish! And throat infection, cold and dry cough. Dammit! Madras eye? - Rajesh Sundaram

Zoho Widget - Office XploRR Office XploRR is my idea of a Widget for Zoho. The prime idea is to offer an explorer kind of tool, which will list all documents saved under the Zoho Writer , Zoho Sheet and Zoho Show online services. The user has to provide his/her login details and the widget will fetch and show the list of documents stored in the server. The widget will launch a browser window/tab opening the relevant document, when click occurs. Also each document can be assigned sharing privileges, download options (PDF, HTML, Native format) and even delete. The Office XploRR widget also enables to compose a new document straight away. The sample screen mock-ups I did for Office XploRR widget are shown below. 1. Login Screen 2. Office XploRR - File Browser listing all files and categories 3. Drop down menu - Rajesh Sundaram

Almost an year and half of hibernation. Yep.. once upon a time I was posting the blogs under the name Coppertank. But soon I had to scrap it and hibernate due to lack of time and other official things. Now I am woke up and back to life. 3 2 1 START ! - Rajesh Sundaram