Birdesign-Interaction Design

Information Architecture television

2008-08-25T23:23:00.000-07:00

Check out the videos from the leading managers from various companies at

http://iatelevision.blogspot.com/

Free Tell-a-Friend widget for the blogs, sites

2008-08-20T00:16:00.000-07:00

You can use Tell-a-Friend widget that works just about any blog/website. The installation instructions can be found at http://tellafriend.socialtwist.com/index.jsp. It was easy to setup without any hiccups and now i have widget showing at the top of the every blog post.

The Slang does it

2007-09-04T21:08:00.000-07:00

Before making it cool lets look at the communication

The color scheme softwares and sites

2007-07-05T21:33:00.000-07:00

There are couple of sites out there which can help you in choosing colors for ur applications and also help in coming up themes for the stylesheets

Color Schemer: http://www.colorschemer.com/
Color Burn :http://www.firewheeldesign.com/widgets/
Tiger color:http://www.tigercolor.com/
adobe: http://kuler.adobe.com/
Color blender:http://colorblender.com/
Another Color Blender:http://meyerweb.com/eric/tools/color-blend/
Well Styled: http://wellstyled.com/tools/colorscheme2/index-en.html

Enjoy painting the website :)

Interaction Design Patterns

2007-07-02T06:32:00.000-07:00

The design patterns can be found at

cheers

Javascript to convert the reverse color value

2007-06-25T04:48:00.000-07:00

Here is the small javascript code i wrote to get the reverse color for text on the colored background.

< script type="text/javascript">
function changeColor(colorval){
var colorValue='';
var reverseColor='';
if(colorval.length==4 || colorval.length==7 ){
colorval=colorval.substr(1,colorval.length);
}
if (colorval.length==3){
for(i=0;i<colorval.length;i++){
var colchar=colorval.substr(i,1);
colorValue+=colchar+colchar;
reverseColor+=reverseColorChar(colchar)+reverseColorChar(colchar);
}
}else{
for(j=0;j<colorval.length;j++){
var colchar=colorval.substr(j,1);
reverseColor += reverseColorChar(colchar);
}
colorValue=colorval;
}

document.getElementById('abc').style.background='#'+colorValue;
document.getElementById('abc_text').style.color='#'+reverseColor;
alert(reverseColor);
}

function reverseColorChar(colorChar){
var reverseColorCode=0;
if(colorChar=='0')
reverseColorCode='f';
else if(colorChar=='1')
reverseColorCode='e';
else if(colorChar=='2')
reverseColorCode='d';
else if(colorChar=='3')
reverseColorCode='c';
else if(colorChar=='4')
reverseColorCode='b';
else if(colorChar=='5')
reverseColorCode='a';
else if(colorChar=='6')
reverseColorCode='9';
else if(colorChar=='7')
reverseColorCode='8';
else if(colorChar=='8')
reverseColorCode='7';
else if(colorChar=='9')
reverseColorCode='6';
else if(colorChar=='a')
reverseColorCode='5';
else if(colorChar=='b')
reverseColorCode='4';
else if(colorChar=='c')
reverseColorCode='3';
else if(colorChar=='d')
reverseColorCode='2';
else if(colorChar=='e')
reverseColorCode='1';
else if(colorChar=='f')
reverseColorCode='0';
return reverseColorCode;
}

< /script>

< input type="text" id="colorValue" name="colorValue" value="">
< input type="button" value="change color" onclick="javascript:changeColor(document.getElementById('colorValue').value)">
< div id="abc" style="width:100px;height:100px;border:1px #333 solid;">
< span id="abc_text">here is the text< /div>

Another milestone is Music Sharing

2007-06-07T21:08:00.000-07:00

Dekoh released the beta version of the music application (http://www.dekoh.com/music/index.html) which allows you to organize your music-and stream it to your friends. It makes it convenient for all the music lovers out there to share music from their desktop.
What strikes me most is that once i have imported the music i can access it from any mobile device which is connected through internet. Its like having your own radio station. My friends can listen the music from my desktop anytime.... anywhere which i have shared for them. However the internet speed is the only bottleneck at this point of time but on my 128kbps broadband connection it works decently well.

dekoh unleashed

2007-02-26T21:13:00.000-08:00

Last few months have been pretty exiting and hectic for me to work on the new web application platform called 'Dekoh'. Its an interesting concept of web sharing where the digital objects like photos, videos, audio etc can be shared without getting worried about the uploading them.
The interface have been developed in Ajax, DWR, flash ..... best of web interaction technologies around this time.
The exciting part is that soon it will become open source where we will find many developers would join hands to take the platform to the next level.

Go through the blogging site to learn more.

Eye Tracking

2006-07-05T03:30:00.000-07:00

Ever wondered why eye tracking is important to the user studies? here are few of the links which explains

http://www.etre.com/
http://www.uie.com/brainsparks/2006/06/13/eyetracking-worth-the-expense/
http://www.uie.com/articles/eye_tracking_benefits/

http://www.uxmatters.com/MT/archives/000040.php
http://www.poynterextra.org/eyetrack2004/main.htm
http://www.poynter.org/content/content_view.asp?id=69884
http://www.upassoc.org/upa_publications/jus/2006_may/bojko_eye_tracking.html
http://experiencedynamics.blogs.com/site_search_usability/2004/12/eyetracking_stu.html
http://blogs.zdnet.com/BTL/?p=2776
http://psychology.wichita.edu/surl/usabilitynews/72/eyetracking.htm
http://psychology.wichita.edu/surl/usabilitynews/71/eye_tracking.html
http://www.useit.com/alertbox/newsletters.html
http://www.useit.com/alertbox/video.html

enjoy

BarCamp Hyderabad #2: On Mobile Apps & Infrastructure in the next gen internet

2006-06-21T20:37:00.000-07:00

After the phenomenal success of first BarCamp on Web 2.0, the 2nd BarCamp Hyderabad is scheduled for 15th July 2006. Topic is "On Mobile Apps & Infrastructure in the next gen internet". This BarCamp will host some interesting presentations on:

Gaming
Mobile phone apps
Extended Enterprise
Mobile+Web2.0
Mo-so-so (Mobile based communities)

Be there....

Mobile UI guidelines

2006-06-12T23:00:00.000-07:00

Adding few of the mobile UI guideline resources

A User Interface Designer’s Guide to J2ME and MIDP2
(http://www.littlespringsdesign.com/design/j2meinfo/)

W3C Mobile Web best practices
(http://www.w3.org/TR/mobile-bp/)

Nokia guidelines
(http://www.forum.nokia.com/main/1,,200,00.html?topic=Usability)

MIDP 2.0 Style Guide for the Java(tm) Platform, Micro Edition (Bloch/ Wagner): (http://java.sun.com/docs/books/midp/)

Serco's Usability Guidelines
(http://www.serco.com/Images/GPS%20In-car%20Navigation%20Systems%20Guidelines_tcm3-5192.pdf)

Notes from Bell Canada seminar on Location Based Services
(http://farm.tucows.com/blog/Platforms/Mobile/_archives/2006/2/2/1741517.html)

Web 2.0 application in .net

2006-05-28T22:17:00.000-07:00

Some of the .net applications based on the .net technologies
Writely: http://www.writely.com
Component art: http://www.componentart.com
imeem: http://www.imeem.com/
Mono: http://www.mono-project.com/

Usability Toolkit

2006-05-17T20:46:00.000-07:00

When you are ready for the usability tests, here is what can help you....

The Usability Toolkit is a collection of forms, checklists and other useful documents for conducting usability tests and user interviews.
http://stcsig.org/usability/resources/toolkit/toolkit.html

Recruiting Users as Participants in Usability Studies, Nielsen/ Norman Group.
http://www.nngroup.com/reports/tips/recruiting/

Common Industry Format for usability test reports

2006-05-09T22:06:00.000-07:00

The CIF is now available from ISO: ISO/IEC 25062: Software engineering -- Software product Quality Requirements and Evaluation (SQuaRE) -- Common Industry Format (CIF) for usability test reports

You can find the CIF at the following link:

http://www.iso.ch/iso/en/CatalogueDetailPage.CatalogueDetail?CSNUMBER=43046&ICS1=35&ICS2=80&ICS3=

BarCamp Hyderabad

2006-04-09T00:30:00.000-07:00

barCamp Finished with the marathon of presentations which went till 9:00 pm yesterday. It was nice to see old pals from pramati and progress making presentations. Cordys made their mark with their presentation on the UI. Impressive stuff....
You can find the event reports on the page http://barcamp.org/BarCampHyderabadPostMortem.

Barcamp Hyderabad & Web 2.0

2006-04-07T04:00:00.000-07:00

I will be making a presentation on "User experience- parallels in tangible interfaces & Web 2.0" at BarCamp event at Hyderabad on Apr 08,2006. This is a (Un)Conference on Web 2.0 and Next Generation Internet Architectures (details:http://barcamp.org/BarCampHyderabad), where many presenters will be talking about the Web2.0 and how it is changing the web space.

My invitation to all who are in the Hyberabad to come and join the event at IIIT Campus. see you there.

Persona development

2006-04-04T21:15:00.000-07:00

It is becoming very important to identify the target users in many of the organizations since the understanding of the users (and not the super users) have helped them to clearly define the exact goals of the product. Here are some of the reads for the persona development

Persona at SAP
http://www.sapdesignguild.org/index.asp?b=/philosophy/User_Experience/cooper.html&t=/philosophy/philosophy_topnav.asp

Steve Mulder's presentation "Bringing more science to persona creation" at the IA Summit
http://www.iasummit.org/2006/conferencedescrip.htm#14

Robert Reinmann’s excerpt from Dan Saffer’s book – http://www.designingforinteraction.com/reimann.html

IDEO – MIT Media Lab on wearable computers
http://www.ideo.com/mit/index.html

Cooper’s:
http://www.cooper.com/content/why_cooper/powerful_personas.asp

RFID

2006-04-03T21:09:00.000-07:00

RFID is slowly becoming an integral part of the warehousing. There are some experimental works done in the field:

Timo arnall projects
www.nearfield.org

Chris Noessel paper
http://people.interaction-ivrea.it/c.noessel/RFID/RFID_research.pdf

"RFID Vision in the DOD Supply Chain" at http://www.almc.army.mil/ALOG/issues/MayJun05/rfid.html

RFID Resources
http://www.rfidjournal.com/
http://en.wikipedia.org/wiki/RFID
http://radiofrequencyidentification.org/
http://www.spychips.com/
http://ieeexplore.ieee.org/xpl/tocresult.jsp?isnumber=17981&isYear=1999
http://www.comp.hkbu.edu.hk/~eee05/panel/panel_rfid.html
http://www.rfidgazette.org/
http://www.rfidnews.org/

Tangible Interfaces

2006-03-15T20:23:00.000-08:00

Some links to the interesting work done in the field

Eco -Pods
http://www.tiltool.com/Eco_Pods.htm

MIT Tangilbe Media Group
http://tangible.media.mit.edu/

Some TUI applications...
http://www.ehornecker.de/Tangibles.html

Open Source TUIs
http://www.sonicforms.org/

TUIs in biology
http://www.scripps.edu/mb/olson/tangible_models/

Emerging framework for TUIs
http://tangible.media.mit.edu/content/papers/pdf/ullmer-isj00-tui-framework-pub.pdf

Thesis - Augmented reality TUIs for CAD design review http://www.hci.iastate.edu/TRS/THESES/MS-Ronald-Sidharta-2005.doc

CLI- Command line interfaces

2006-03-15T02:02:00.000-08:00

Some interesting reads on the command line interfaces

In the Beginning was the Command Line
http://www.cryptonomicon.com/beginning.html

about Unix CLI conventions
http://www.catb.org/esr/writings/taoup/html/graphics/taoup.pdf

Principles and Guidelines in Software User Interface Design-author
Deborah Mayhew's

Text label & field Alignment in Applications for international audience

2006-03-08T20:50:00.000-08:00

While designing the applications for international audience, many a times software fails while displaying the text labels (it turncates) or face aligment issues. Here is the Tip for developers

The text label should be placed above the textfield/textarea. This will take care of expansion of text label (eg in Chinese, Indic) and alignment(eg Arabic).
example
==============================================
Name:
___________
[___________]

==============================================
Here are some of the interesting read on the topic

Microsoft Windows XP SP2: Internationalization Best Practices
http://www.bhashaindia.com/MSProducts/XpSp2/Articles/I18NBestPracitces.aspx

Localisation and Internationalisation
http://www.issco.unige.ch/projects/ecolore/localisation/Components/White%20Papers/lecture7_handout.pdf

Microsoft PowerPoint - Pan_Asian_Summit1
http://www.panl10n.net/Presentations/Pan_Asian_Summit1.pdf

The impact of Internationalization on Guidelines Contents and Usage
http://www.isys.ucl.ac.be/bchi/publications/2003/Vanderdonckt-UAHCI2003.pdf

I18n in Software Design, Architecture and Implementation
http://developers.sun.com/dev/gadc/technicalpublications/articles/archi18n.html

Case study
http://www.sigchi.org/chi97/proceedings/briefing/jfk.htm#U29

GUI Design Softwares

2006-01-18T08:01:00.000-08:00

A lot of time UI designers are struggling with the deadlines and don't even have time to test the application. There are quite a few softwares available which can help to make quick and dirty prototype.

For web

For Desktop

I have written an application for developing the web interfaces pretty fast and quick... yet to publish for the community.

Anthropometric softwares

2005-11-14T23:10:00.000-08:00

Open Ergonomics offers educational versions of its PeopleSize 2000 anthropometry software
http://www.openerg.com/psz.htm

Integrated Performance Modelling Environment (IPME) http://www.maad.com/index.pl/ipme by Micro Analysis & Design

Delmia Human (formerly Safework). They may have academic packages to make things a bit more affordable.
(http://www.delmia.com/gallery/pdf/DELMIA_V5Human.pdf)

Another leading package is SAMMIE.
(http://www.lboro.ac.uk/departments/cd/research/groups/erg/sammie/samver.htm)

The Technical University of Delft has a package called ADAPS.
(http://www2.io.tudelft.nl/research/ergonomics/DA/content_14.php)

Icons resources

2005-10-07T01:07:00.000-07:00

Some of the icon design by designers

Yegor Gilyov
http://yegor.gilyov.com/eng/

Dmitri Dubrovin
http://www.iconstories.com/

Jan Koehler
http://www.jankoehler.com

Yuri Mezentsev
http://www.mezich.ru/

Rapid Prototyping (RP) tools for mobile apps

2005-10-02T21:22:00.000-07:00

Some of the products which generates the code also. Painful.... for the designers but in case you are looking for something that fits ur requirement
Kaleido by : http://www.digitalairways.com/kaleido/sol_servp.asp
Rapid Plus by : http://www.e-sim.com/home/index-h.htm
Altia -http://altia.com/

Windows Vista? No its an assortment pack with goodies from best of interfaces

2005-10-01T11:07:00.000-07:00

The much gung-ho about the Windows Vista aka Longhorn unleashes quite a few copied interfaces

3d app switching inspired from Sun's project "Going 3D with Project Looking Glass"- http://java.sun.com/developer/technicalArticles/J2SE/Desktop/lookingglass/. http://webcast-east.sun.com/archives/GSN-1312/GSN-1312_forjds.mov. Yessss Its Java...
Gadgets- look at konfabulator
L&F- No need to tell from where ;), Aqua..
RSS Feed display on browser - I can count many of applications like pluck browser
Tabs in browser - IE wakes up late to this requirement when opera introduced it in 2000 and many others including firefox adopted it lately
File Open and zoom functionality in the browser - check out picasa interface (free download at http://picasa.google.com/download/) This product is a killer app
Most importantly search & other features: have come from the tiger OS of MAC

All the new features have been around for quite a while in many products but now that the "Most popular" OS is adopting it... that’s becoming a "de Facto" to most of us...

just when you are out of ideas

2005-10-01T11:04:00.000-07:00

Interesting site which talks of the idea generation methods and works well when you get stuck and want help

http://www.ideagenerationmethods.com/

Designer and Developer Too

2005-08-03T20:38:00.000-07:00

Wearing different boots of designer and developer and still walk straight is one of the toughest thing i have experienced so far in the software industry. As a designer i always want to break away from the rules and as a developer i encased myself into the implementation couch.

Wayne Smallman talks about "Really bad design versus very good programming" in his post at
http://www.alwayson-network.com/comments.php?id=7948_0_5_0_C shared similar views

Pop up usability guidline

2005-07-31T21:49:00.000-07:00

Franks blog talk about the pop-ups usability guidelines at http://experiencedynamics.blogs.com/

Frank Spillers is a web and software usability expert and has been recognized by the U.S. Dept. of Labor as a subject matter expert.

ROI on Usability

2005-07-17T23:06:00.000-07:00

ROI on Usability
Usability and accessibility in the press
http://www.louiseferguson.com/resources/research-roi.htm http://www.louiseferguson.com/resources/press-roi.htm

e-commerce usability

2005-07-04T00:00:00.000-07:00

Ziff Davis Internet's Evan Schuman warns e-commerce companies that they have to simplify. A new survey is giving evidence that complexity repels consumers. So has every other survey since the Web was born. Now will someone listen?
Consumers to E-Commerce Sites: Simplify or We Walk

Findings from an extensive survey analysis by the team reporting to Terry Golesworthy, president of the Customer Respect Group, an Ipswich, Mass.-based research/consulting firm:

dial-up toleration for page download stops at about 77K. For broadband, that number increases to about 300K. "Only 13 percent of the Top 100 companies have a page size of less than 77K" and barely 20 percent have pages that would be acceptable even to broadband users
Almost one in five business-site visitors told Golesworthy's team they would abandon a site if they found it too difficult—or insufficiently intuitive—to use.
The survey found that 56 percent of people will not wait more than one day before they will write off an e-mail as ignored.
the survey found that an impressive 87 percent of Web sites today are not resizable for different gadgets
Another problem area for Web sites today is cookies. Cookies have morphed from being a site visitor convenience to often being essential.
most sites are not sufficiently accessible to the visually impaired, despite the fact that one out of five Americans have such a hardship

How people write their addess Fields

2005-06-29T22:08:00.000-07:00

Have a look at the site
http://ns.hr-xml.org/2_3/HR-XML-2_3/CPO/PostalAddress.html and you shall find most of the answers.

Some of the example how people write their addresses
United States

Mailstop: B1-210
Karen Barber
Market Surveyors
2455 University Blvd
Denver, CO? 80237
USA

Santhi Mwanza
MinnBest Corp.
4982 E Beauregard Ave.
Minneapolis, MN
50493-1234

Sarah Olson
c/o Mrs. Cole
2000 Merrill Lane
Sunnyvale, CA
93121

H.L. Mencken
PO Box 350
Hollywood, CA ?93029-1200

Major Carmen Li
111th Maint Co
Unit 342
APO AA? 00932

Germany
Ringstr. 25
D-80395 Frankfurt am Main

Finland
From outside of Finland:
Hallituskatu 6 B 27
FIN-33200 TAMPERE
FINLAND

From within Finland:
Hallituskatu 6 B 27
33200 TAMPERE

Japan
456-0042
Tokyo-to Shibuya-ku Shibuya
4-5-5

Switzerland, Belgium, France, Italy
Georges Dupuis
Route des Clos 7
2012 Auvernier
(Country)

China
Mr. Wang, Tai-sheng
4th Floor, #6, lane 15, Alley 283,
Section 1, Hsin Sheng South Rd.,
Taipei, ROC 12345

South Korea
345 Bomun-Dong Sungbuk-Gu Seoul, Korea 136-086

Spain
28 C/*Alameda
28034 Colmenar, Madrid

These abbreviations stand for:
Avenue = Avda
Boulevard = Blvr
Street = C
Paseo = P?
Should be written in front of the name, followed by /.

Brazil
Rua Francisco Deslandes, n? 470
apto. 201. Bairro Anchieta.
Belo Horizonte, Minas Gerais.
Brasil.
30320-500

Russia
308061, Belgorod
А.Я. 495
А.Я. stands for abonentny yashik which is Russian for Post Office Box.The format is inverted postal code and municipality are on the first lines, followed by the street address and finally by the recipient. The above example is for a delivery address ? in a return address the city comes before the postal code.

UI Design Tools

2005-06-15T22:07:00.000-07:00

These are some WYSWIG tools
Axure RP3- www.axure.com for html rapid prototyping
Macromedia Dreamweaver- www.macromedia.com for html prototyping

Some open source tools i love to work with
HTML-kit- www.chami.com/html-kit/ a html editor
SciTEFlash-www.bomberstudios.com/sciteflash/ , a Scintilla-based ActionScript editor

To "Ok" or "Save"

2005-06-12T22:59:00.000-07:00

One of the question always haunt the UI developers and designers that whether to use "Save" or "Ok" button to confirm the user inputs?

Here is the suggestion:
Scenario A- Dialog in desktop application when the dialog disposes after user’s action of create/edit
Solution-> Use "Ok" button
Scenario B- Multiple actions Dialog in desktop applications
Solution-> Use “Save” button
Scenario C – Web ApplicationsUse “Save” when the screen doesn’t change after user have performed action on the screen

Welcome to the Interaction Design Blog of Birdesign.com

2005-06-10T01:25:00.000-07:00

Post your interaction design problems and i will try to answer.