See this at: iainstitute.org| Added on 08/10/08

The Information Architecture Institute's Tools project aims to disseminate new IA tools from the community in order to learn from each other. Below you will find document templates, process map posters and other tools to help you in your practice.... See more

The Information Architecture Institute's Tools project aims to disseminate new IA tools from the community in order to learn from each other. Below you will find document templates, process map posters and other tools to help you in your practice. The documents have been donated by the community, by people just like you. If you have templates and documents that you would like to share with the information architecture community, contact us. Content Inventory/Site Map Tool Patrick Walsh of Herts Highways in the UK, presents a Content Inventory/Site Map tool, utilizing a unique cartography-inspired content mapping approach. The Word document gives an explanation on how the map might be constructed and the Visio document contains the customised "Metro" stencil. Patrick describes his approach in a recent Boxes and Arrows article. See less

See this at: kompozer.net| Added on 08/10/08

KompoZer is a complete web authoring system that combines web file management and easy-to-use WYSIWYG web page editing. KompoZer is designed to be extremely easy to use, making it ideal for non-technical computer users who want to create an... See more

KompoZer is a complete web authoring system that combines web file management and easy-to-use WYSIWYG web page editing. KompoZer is designed to be extremely easy to use, making it ideal for non-technical computer users who want to create an attractive, professional-looking web site without needing to know HTML or web coding. Learn more... See less

See this at: beeweeb.com| Added on 06/02/07

The Mobile Web Toolkit will take care of automatically adapting your content on different handsets, handling the different capabilities and limitations for all supported mobile phones. Anyway delivering a compelling mobile site is not just about... See more

The Mobile Web Toolkit will take care of automatically adapting your content on different handsets, handling the different capabilities and limitations for all supported mobile phones. Anyway delivering a compelling mobile site is not just about adapting content for different handsets and screen sizes, there is more than this. The Mobile Web Toolkit gives you the freedom to manage your mobile site, choosing what to publish and how to organize content for your specific mobile audience. It’s not a new Content Management System it integrates with your CMS or Blog platform so that you don’t need to import content again and again (first version is released as a WordPress plug-in). Visit the gallery of screenshot or, better, have a look at the mobile version of this web site and test how it works! Don’t miss the FAQ and the FORUM, we are continuously updating them! Some random screenshots: … and a quick overview: and a longer one here. See less

See this at: motricity.com| Added on 06/02/07

Download Overview: Portal Overview Motricity's Fuel™ Portal enables the delivery of personalized, customized informational services and content through a mobile browser. With Fuel™ Portal, Motricity customers are able to deliver services and content... See more

Download Overview: Portal Overview Motricity's Fuel™ Portal enables the delivery of personalized, customized informational services and content through a mobile browser. With Fuel™ Portal, Motricity customers are able to deliver services and content to the mobile device in an easily discoverable, instantly accessible and personalized manner. Fuel™ Portal launches the end user's mobile experience, providing one-click access to a variety of services including news, sports, finance, weather and entertainment such as ringtones, games and graphics. Complete Customization Fuel™ Portal is completely customizable, enabling Motricity’s customers and partners to offer a branded and profitable product to their end users, who can then personalize their experience with up-to-date services and stylized content of their choice. Innovative and Dynamic Technology Motricity's dynamic Fuel™ Portal is a supersite offering capabilities and features that facilitate a rapid time-to-market of diverse services... See less

See this at: trust5.com| Added on 06/02/07

Designed for mobile internet users by mobile internet users, our services are delivered on a fully hosted and managed basis. These services are available to customers as a branded service but can also be supplied to mobile operators, game publishers... See more

Designed for mobile internet users by mobile internet users, our services are delivered on a fully hosted and managed basis. These services are available to customers as a branded service but can also be supplied to mobile operators, game publishers and service promoters on a white-label basis. See less

See this at: sitegalore.com| Added on 06/02/07

Unlike most online services which have all become highly commoditized, the success or failure of an online website building service depends entirely on the choice of the site building tool ... because ultimately if your users are not able to use it... See more

Unlike most online services which have all become highly commoditized, the success or failure of an online website building service depends entirely on the choice of the site building tool ... because ultimately if your users are not able to use it to build a professional looking website that works for their business ... then there is simply no point ... which is why SiteGalore makes such a crucial difference. See less

See this at: mobisitegalore.com| Added on 06/02/07

Mobile web development made easy with mobi Site Galore ! Easiest to use Mobile Website Design tool. No technical knowledge required to build .mobi Website 's. Attractive mobile website design's to choose.

Mobile web development made easy with mobi Site Galore ! Easiest to use Mobile Website Design tool. No technical knowledge required to build .mobi Website 's. Attractive mobile website design's to choose. See less

See this at: php-editors.com| Added on 05/08/07

PHP Editor Review - PHP IDE : PHP Developer, PHP Editors and PHP IDE list, biggest Php Editor and IDE list on the net. All Php Editors and IDEs are fully reviewed.

PHP Editor Review - PHP IDE : PHP Developer, PHP Editors and PHP IDE list, biggest Php Editor and IDE list on the net. All Php Editors and IDEs are fully reviewed. See less

See this at: joomlaplace.org| Added on 05/07/07

Many times, people ask "What kind of website can I build with Joomla!?" This is a list of hundreds of sites built by community members using Joomla!. After reviewing this amazing work, it seems a better question is, "What kind of website *can't* I... See more

Many times, people ask "What kind of website can I build with Joomla!?" This is a list of hundreds of sites built by community members using Joomla!. After reviewing this amazing work, it seems a better question is, "What kind of website *can't* I build with Joomla!?" Many thanks to the Joomla! community for raising Joomla! up with your talent and skill. This is a stellar set of examples of how Joomla! is being used to help make the world a *little* better place. Help spread the word that Joomla! is available! So, feel free to use this material to help you share Joomla! at work and in your community and with your friends. Joomla! is available to everyone. We are never going to run out of Joomla!; anyone interested is invited to download their very own free copy! Note: This is a Wiki, not a Joomla! site. See less

See this at: joomlatribune.com| Added on 05/07/07

Templates define the lay-out of your Joomla Web site. You can assign different templates to various pages of your Web site. Templates can be created for the Frontend of your site called Site TemplateAdministrator Templates. This is a small tutorial... See more

Templates define the lay-out of your Joomla Web site. You can assign different templates to various pages of your Web site. Templates can be created for the Frontend of your site called Site TemplateAdministrator Templates. This is a small tutorial where you will learn about how to install templates in Joomla. as well as the Backend called Let's start: * Log in to your administrator section of the site. The link to your administrator section should be like this: http://www.yoursite.com/administrator/ . * The administrator section should look like this: See less

See this at: hostindex.com| Added on 05/07/07

Joomla Hosting is cheap and easy with our top ranked Joomla web hosting providers. Joomla! is a powerful Open Source Content Management System hosted by a Joomla web host that is available for webmasters and publishers. Whether you are using a JOOMLA... See more

Joomla Hosting is cheap and easy with our top ranked Joomla web hosting providers. Joomla! is a powerful Open Source Content Management System hosted by a Joomla web host that is available for webmasters and publishers. Whether you are using a JOOMLA Template, a JOOMLA Theme or designing your own Joomla web site - once it's ready - you will need a Joomla hosting provider. This best Joomla Web Host guide will act as your tutorial to find the best JOOMLA web hosting services. Joomla! is used at all four corners of the Internet for everything from simple websites to complex corporate/business applications. Joomla! is easy to install, cheap, simple to manage, and reliable from an uptime standpoint. If you are familiar with Joomla web hosting, feel free to jump ahead to our comparison of some of the best Joomla hosting providers. Now that you know that Joomla is a powerful hosted online application that lets you manage all of the content, and indeed your entire website, with an easy to use... See less

Highlights: Cheap Joomla! Hosting Price: $4.95/month

See this at: hostmonster.com| Added on 05/07/07

You don't have your own domain name yet? That's ok we'll help you get started! And give you the following services! Free Domain Name Free Site Promotion Free e-Commerce Shopping Cart/Scripts Free SiteBuilder with Templates 99.9% Uptime Guarantee... See more

You don't have your own domain name yet? That's ok we'll help you get started! And give you the following services! Free Domain Name Free Site Promotion Free e-Commerce Shopping Cart/Scripts Free SiteBuilder with Templates 99.9% Uptime Guarantee Professional Courteous Support Already purchased the domain you want to use? Great we'll help you set up your domain! And give you the following! Help setting up your domain with us! Free Site Promotion Free e-Commerce Shopping Carts/Scripts Free SiteBuilder with Templates 99.9% Uptime Guarantee Professional Courteous Support See less

See this at: wampserver.com| Added on 04/12/07

[02/15/2007] - WAMP5 1.7.0 with Apache 2.2.4 and PHP 5.2.1 | This release opens a new branche of WAMP5 : - multilingual manager - compatible with Windows Vista - now with branch 2.2.x of Apache (2.2.4) PHP versions have also been upgraded to 5.2.1... See more

[02/15/2007] - WAMP5 1.7.0 with Apache 2.2.4 and PHP 5.2.1 | This release opens a new branche of WAMP5 : - multilingual manager - compatible with Windows Vista - now with branch 2.2.x of Apache (2.2.4) PHP versions have also been upgraded to 5.2.1 and 4.4.5 (for the PHP4 add-on). all add-ons have been updated. WARNING For all these reasons, WAMP5 1.7.0 cannot be upgrated from previous versions of WAMP5. You need to back up your data, uninstall the previous version of WAMP5 and install 1.7.0. Next releases will be upgradeable. For more info, see the changelog Download WAMP5 1.7.0 See less

See this at: tmdhosting.com| Added on 02/13/09

Joomla Hosting Services: Joomla 1.5 and Joomla 1.0 Free Installation, Joomla Templates, Free Transfer of Joomla. Joomla Extension Installations. Free Domain, 800GB space, 8000GB traffic, $4.99/Month. Joomla Tutorials and Joomla Professional 24/7... See more

Joomla Hosting Services: Joomla 1.5 and Joomla 1.0 Free Installation, Joomla Templates, Free Transfer of Joomla. Joomla Extension Installations. Free Domain, 800GB space, 8000GB traffic, $4.99/Month. Joomla Tutorials and Joomla Professional 24/7 Support. See less

See this at: visiotoolbox.com| Added on 10/30/08

Visualize... Complex information! From data to processes and systems Visio 2007 quickly and simply allows you to gain a more complete and accurate understanding resulting in valuable insights for your organization. Explore... Your information! With... See more

Visualize... Complex information! From data to processes and systems Visio 2007 quickly and simply allows you to gain a more complete and accurate understanding resulting in valuable insights for your organization. Explore... Your information! With Visio all of the pieces are together, let them live in the diagrams or explore and maneuver your data for greater understanding. Communicate... Your message effectively! With Visio 2007 you can share visualized data seamlessly. Whether a broad audience or a single stakeholder, diagramming is communication simplified. See less

See this at: guuui.com| Added on 10/30/08

There is a 3rd editon of this article available for users of Visio 2003+. If you have a version of Visio prior to 2003, please refer to the first edition of this article, My web prototyping tool for Microsoft Visio is now about six years old and has... See more

There is a 3rd editon of this article available for users of Visio 2003+. If you have a version of Visio prior to 2003, please refer to the first edition of this article, My web prototyping tool for Microsoft Visio is now about six years old and has been available for download here at GUUUI since 2002. Personally, the tool has served me well through the years, but since people have started complaining about installation problems in new versions of Visio, I thought it might be time for an update. This second edition of the article includes a brush-up of the text and illustrations and a new and improved prototyping tool for Visio 2003. Unfortunately, the new tool isn't compatible with older versions of Visio. If you have a version of Visio prior to 2003, please refer to the first edition of this article, where you can download the old version of the prototyping tool. In this article I'll show you how to download, install and make the best use of the prototyping tool. The reason why... See less

See this at: sitepoint.com| Added on 10/30/08

We've all heard it time and time again: "If you fail to plan, you plan to fail". In the world of designing and creating Websites, if you fail to plan, you plan to have a lot of headaches, late nights and missed deadlines while re-designing your site... See more

We've all heard it time and time again: "If you fail to plan, you plan to fail". In the world of designing and creating Websites, if you fail to plan, you plan to have a lot of headaches, late nights and missed deadlines while re-designing your site to fit the content. Implementing a few simple steps in carefully planning your site, before you create any graphics, can eliminate a lot of headaches. One method that I find very useful is the creation of a wire frame or "white site" model. I'll outline the benefits and process of wire framing in this article. Pin-Point Potential Problems To better understand the world of wire framing a Website, we might consider Shrek. Before Shrek was big, green and ugly, he was a wire frame. In the world of 3D animation, a wire frame is a working model of a character without color, skin, clothing or hair. This way, the animators can easily test the model and make modifications to it before a great deal of money is spent in developing its finer points.... See less

See this at: gdoss.com| Added on 10/30/08

Web site wireframes are blue prints that define a Web page's content and functionality. They do not convey design - e.g. colors, graphics, or fonts. Wireframes - combined with Site Maps -are the bread and butter tools of information architects. Web... See more

Web site wireframes are blue prints that define a Web page's content and functionality. They do not convey design - e.g. colors, graphics, or fonts. Wireframes - combined with Site Maps -are the bread and butter tools of information architects. Web site wireframes are useful for conveying the general page structure and content requirements for individual Web pages. Typically wireframes are developed by an information architect, requirements analyst, or designer. In many Web groups these are all the same person. Using detailed wireframes will frequently flush out new requirements and questions that nobody has thought about yet. They also help to keep a paper trail of functional and design decisions that are made. I sometimes use wireframes to get people thinking and generate requirements. Getting signoff on a set of detailed wireframes can save a lot of time and money. Forcing managers and clients to actually think about the site's functionality at a page level will avoid changes later... See less

See this at: istartedsomething.co...| Added on 08/10/08

After hearing about the impact and success it had in Microsoft, I couldn’t wait to get my hands on prototyping in PowerPoint 2007. Amongst a few things Manuel Clement suggested a few weeks ago in his presentation about “wireframe prototyping with... See more

After hearing about the impact and success it had in Microsoft, I couldn’t wait to get my hands on prototyping in PowerPoint 2007. Amongst a few things Manuel Clement suggested a few weeks ago in his presentation about “wireframe prototyping with Office PowerPoint 2007″, was to create a toolkit of commonly used GUI components to copy and paste when designing the prototype screens. That’s what I set out to build. My vision for a toolkit is to contain a set of all the possible and feasible GUI components you could otherwise use in designing a real Windows application or browser application. For example, it should include buttons, drop-down lists, window frames, toolbars, dialog boxes and address bars. Of course there are probably as many of those as there are stars, so I’ll just have to focus on the most commonly used ones. I imagine I’m not the only one excited by prototyping in PowerPoint, so others might need to build similar toolkits as well, then why not make it publically... See less

See this at: boxesandarrows.com| Added on 08/10/08

The key to using a low-context medium (wireframes) to illustrate high-context information (rich internet applications) is to narrate the information in layers or in dimensions. In short, because we couldn’t build a prototype (due to time and budget... See more

The key to using a low-context medium (wireframes) to illustrate high-context information (rich internet applications) is to narrate the information in layers or in dimensions. In short, because we couldn’t build a prototype (due to time and budget constraints), we built a story. But because it wasn’t a linear application, multiple stories needed to be constructed. We call these stories the Guided Wireframe Narrative. Our story or narrative focused on four main dimensions: * Hierarchy * Screen real estate * Design conventions * Interaction patterns Presenting one dimension of information at a time allows clients to focus on one particular aspect of the design at a time, avoiding information overload and the inevitable resulting confusion. This approach also works because we (the IA/UX/ID designers) can focus on setting patterns, not designing or documenting every single “page” or “state.” We simply design the patterns and the exceptions. This is done by developing a click-by-click... See less

See this at: boxesandarrows.com| Added on 08/10/08

The one reason to use wireframes that isn’t merely for the benefit of the designer is that of communicating purpose to the client without distractions. It’s an interesting idea to use colour and make a pseudo- wireframe for usability testing,... See more

The one reason to use wireframes that isn’t merely for the benefit of the designer is that of communicating purpose to the client without distractions. It’s an interesting idea to use colour and make a pseudo- wireframe for usability testing, wireframes still have a very important role in an earlier stage of design, when proposed solutions are still being mooted. This is especially important if the new proposed designs are very different from an existing design, as differences in colour and typography may be sufficiently apparent to the client that they end up becoming a focus, when really they have less significance than the layout of the page and UI elements. Going straight to a prototype means that early decisions about colour, branding and typography have to be made at a stage when really they shouldn’t be allowed to cloud the subject matter. That all said, I think there is some value in having these chrome parts visible once you get to the user testing stages. Perhaps it would be... See less

See this at: evolus.vn| Added on 08/10/08

The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.

The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use. See less

See this at: cmswire.com| Added on 08/10/08

The need for wireframes is ever present in our dear business of web design. Being able to effectively diagram a site’s information and navigation proves helpful in the beginning concept stages, especially when presenting to people outside the domain... See more

The need for wireframes is ever present in our dear business of web design. Being able to effectively diagram a site’s information and navigation proves helpful in the beginning concept stages, especially when presenting to people outside the domain of UI, IA and design. But selecting the wireframe tool that’s right for you can be challenging. As more wireframe tools become available, the focus is shifting to include IA. Here is a selection of wireframes that are sure to prove useful. Whether you’re a Mac or PC user, on a budget or with some financial freedom, these five wireframe tools offer creative and practical solutions, all with the main purpose of helping you build diagrams and organize information quickly, effectively and successfully. See less

See this at: dashboardspy.wordpre...| Added on 08/10/08

Not content with the hundreds of screenshots of actual enterprise dashboards and executive scorecards, Dashboard Spy readers have been demanding the release of my dashboard mockup and wireframe tools. These dashboard prototype templates are... See more

Not content with the hundreds of screenshots of actual enterprise dashboards and executive scorecards, Dashboard Spy readers have been demanding the release of my dashboard mockup and wireframe tools. These dashboard prototype templates are field-tested and have saved me hundreds of hours of work. Until now, they've been my own secret weapon. Now, I am releasing it to anyone involved in executive dashboard projects. Enjoy. The dashboard templates come in the form of Powerpoint. The wide availablity of the software and the ease of use made it the eventual choice. Don't think that because it's Powerpoint, however, that it doesn't look and act like some slick html prototype. After you try it, you'll agree that this is some nicely done work. You can completely customize it for your particular situation. My first release is the Cool Blue Template. As you see from the dashboard screenshot, it is a 3 column layout with smaller portlets on either side of a larger center column. The center is... See less

See this at: gliffy.com| Added on 08/10/08

Wireframe Example

Wireframe Example See less

See this at: smartdraw.com| Added on 08/10/08

Software Design - Browse and download examples of diagrams and charts included with SmartDraw. These examples are also included with SmartDraw Legal and SmartDraw Healthcare.

Software Design - Browse and download examples of diagrams and charts included with SmartDraw. These examples are also included with SmartDraw Legal and SmartDraw Healthcare. See less

See this at: mockupscreens.com| Added on 08/10/08

MockupScreens helps you to sketch screen mockups of your application and organize them in scenarios. With MockupScreens you can experiment interactively with your clients, and quickly visualize scenarios of your application, even before the coding... See more

MockupScreens helps you to sketch screen mockups of your application and organize them in scenarios. With MockupScreens you can experiment interactively with your clients, and quickly visualize scenarios of your application, even before the coding has started. * Make effective presentations by showing screens to your customers, and getting valuable feedback from them. * Improve project communication by bridging the gap between clients and developers, using MockupScreens to visualize the application being built. Build better systems by clearly understanding your users' needs. MockupScreens makes it easy to turn abstract ideas into a detailed prototype. * Satisfy customers by building on user feedback and managing user expectations, using MockupScreens to demonstrate the design and function of the system. * Get better results by staying focused and avoiding rework, using MockupScreens to clarify requirements and set the priorities right. MockupScreens is easy to use, and makes you... See less

See this at: sitepoint.com| Added on 08/10/08

This article introduces the basics of cognitive psychology around colour and patterns -- what you need to know, and how it affects Web design in a nutshell. By understanding the capabilities of the human eye, we can produce Website designs that are... See more

This article introduces the basics of cognitive psychology around colour and patterns -- what you need to know, and how it affects Web design in a nutshell. By understanding the capabilities of the human eye, we can produce Website designs that are more user friendly. Not just for the partially sighted, blind or estimated 8-10% of men with red-green colour blindness, but for the majority of Internet users. Here, we'll talk briefly about vision and colourblindness. Then, I'll present several checklists that will help you design sites that are suitable for the widest range of users possible. Just What *Is* Normal? 'Normal' vision, whether you need glasses or not, is still subject to huge variances. Even the size of elements will affect an individual user's perception of colour. The colours and the intensity of shades you choose to use in your Website design will be discerned differently by every individual who visits your Website. Change the ambient lighting levels, and what we see... See less