Wireframes for the Wicked - SuperFiction, le blog ::: marketing. 10 Completely Free Wireframe and Mockup Applications : Specky. Every web designer and developer should have a good and reliable wireframe (mockup or prototype) tool at there disposal. The importance of such a tool differentiates amongst web designers and developers, some use them, some don’t. Personally, I use them. It is in this initial stage of development that makes web design enjoyable, the coming together of the clients needs and your own creative ideas onto a blank canvas, allowing you to plan effectively the visual arrangement of the sites content. The downside is that a good and reliable wireframe application can come at a heavy price, have you seen the cost of a good wireframe application? Prices can vary from as low as $100 all the way up to over $4000. Who has this kind of mine to throw around? So, what options do you have? Please note that this post really old, so some of the below apps may not longer be free or available.
Hot Gloo – The Online Wireframe App Pencil Project Web Site Wireframe Tool Mockingbird MockFlow fluidIA Cacoo Lumzy. Amélie Boucher : Ergonomie & e-commerce. 10 Usability Crimes You Really Shouldn’t Commit. Over time certain conventions and best practices have been developed to help improve the general usability of websites during their design and build. This roundup of ten usability crimes highlights some of the most common mistakes or overlooked areas in web design and provides an alternative solution to help enhance the usability of your website. Crime 1: Form labels that aren’t associated to form input fields Using the ‘for’ attribute allows the user to click the label to select the appropriate input fields within a form. This is especially important for checkboxes and radio fields to give a larger clickable area, but it’s good practice all round.
Crime 2: A logo that doesn’t link to the homepage Linking the logo of a website to the homepage has become common practice and is now second nature for (most) web surfers to expect the logo to head back home. Crime 3: Not specifying a visited link state Visited link states do exactly as they say on the tin. Crime 9: Telling people to click here.
#02 Deezer V3 : Zoning & Ergonomie. Suite du billet Deezer V3 : 1ère partie, Brainstorming. Avant d’aborder la partie zoning et maquette conceptuelle de cette V3, un petit rappel sur Deezer : 237 000 artistes25 webradios thématiques4.5 Millions de titres29 Millions de playlists11 Millions de Deezernautes Ce petit rappel permet de comprendre l’importance des usages qu’ont les utilisateurs sur une telle plateforme. Le risque de modifier leurs habitudes est à prendre en considération lors de la conception. Pour nous aider à recueillir et définir nos besoins, nous nous sommes posés de nombreuses questions… du type : Pourquoi ? Architecture et structure du site Beaucoup de croquis et de schémas ont été gribouillés, dessinés et notés sur des cahiers, calepins ou feuilles pour finir sous Fireworks ou OmniGraffle.
Pour le squelette du site, nous avons utilisé OmniGraffle, logiciel de la suite OmniGroup utilisable seulement sous Mac. Wireframe ou maquette conceptuelle La suite au prochain épisode… Billets déjà parus et à venir :