background preloader

Structure de l'info - arborescence

Structure de l'info - arborescence
Si votre site web n'est pas bien organisé et que l'internaute ne trouve pas ce qu'il veut, il suppose que l'information n'existe pas. Il risque d'abandonner sa recherche et se tourner vers un autre site. Pour éviter cela, les informations doivent être bien rangées de telle sorte que les internautes les trouvent facilement. C'est comme dans la vie réelle, les affaires mal rangées se retrouvent difficilement. Mais si les informations ne sont pas présentes l'utilisateur doit aussi pouvoir s'en rendre compte rapidement. Lorsque des internautes s'expriment de la façon suivante : "Je ne trouve rien sur ce site", "je suis perdu", Où est-ce que je peux trouver cela", c'est qu'aucune structuration sérieuse des contenus n'a été faite. Structurer l'information s'effectue en général en 4 étapes : Lister tous les contenus d'un site web Organiser les contenus par catégories Structurer l'information Réaliser un plan de site appelé aussi arborescence d'un site web 1. 2. 3. 4. Related:  Ergonomie site

cufón - fonts for the people Ergonomie web et logiciel, architecture de l'information, utilis L'arborescence d'un site web la base d'un projet réussi Rappelons qu'un site internet est composé de plusieurs pages et contenus qui peuvent être de natures différentes : liste d'actualités, un forum de discussion, une page contact, un extranet, etc.L'arborescence permet d'organiser ce contenu de manière logique et hiérarchisée. Arborescence vs navigation Attention à ne pas confondre la navigation du site avec son arborescence même si ces deux notions sont très proches. Effectivement à l'heure où les sites sont de plus en plus maillés et interactifs, on accède de multiples manières à un même contenu. La problématique de navigation intervient d'ailleurs après l'arborescence du site web, puisqu'elle est étroitement liée à son ergonomie et à son design. L'arborescence traite donc théoriquement seulement de la manière dont les pages sont organisées. Comment représenter les informations ? Généralement l'élément central d'une arborescence est la page d'accueil. Quel logiciel pour créer une arborescence de site web esthétique et compréhensible ?

ShareON | Share Big Files in a Snap Useful Free Web UI Elements PSD Packs | chethstudios Design Magazine Everyone Likes Freebies, and when those freebies saves you a lot of time they surely become priceless and worth a mention, and we are here with a neat and useful roundup of all the web UI Elements every designer/web developer must download. Nothing more useful than saving some time which you were going to spend designing these. Need more? check out other GUI and PSD freebies. Know of any other freebies? Related Posts:Roundup of Best Free Smart Phones GUI PSD Packs80+ Free PSD Web UI Elements For Download80+ Free Editable PSD Website Templates Massive Web UI, Button Set WEB UI Treasure Chest v 1.0 Webdesigner Toolkit Free PSD: Checkbox Replacement Free Web UI Wireframe Kit Wireframe Symbols Sketching & Wireframing kit Facebook GUI free PSD resource Facebook Applications Flex Darkskin PSD UI Scalable calendar Free Web UI Element Pack Flex 3 Stencil Modern Web UI Set

With beautiful type comes great responsibility Yesterday I happened to catch a glimpse of a tweet linking to an article titled, The Problem with Free Fonts, and as a typography fanatic I had to click and read. I’m not sure if the article title was a bit misleading, but I was a hint disappointed by the depth of the articles positioning. [Please note: I have nothing against the article, writer or website. I just felt that the subject needed to be further touched upon.] To keep things short, the article only went into enough detail to say the problem is that they become “bludgeoned to death through massive over use.” While this certainly holds true, it’s not really the “problem” with free fonts, or fonts in general. The first problem In my opinion, the number one problem with free fonts is that many of us look through hundreds of galleries online and typically choose something that “looks good” and work around that. As you might have known, I am a huge fan of Typekit. The second problem The third problem Take Asenine for example.

Comment créer un site web remarquable, partie 3: Rédiger du contenu — Edicy blog Pour être plus précis, vos contenus doivent être pertinents, digestes, intéressants et mémorables, identifiables par les moteurs de recherche. Et ils doivent être tenus à jour. Et si vos contenus sont bons, pourquoi réserver votre talent à votre site web? Pertinent et digeste Quand vous rédigez un texte, efforcez-vous de penser comme vos lecteurs. Les gens ne lisent pas les sites web, ils scannent l'écran jusqu'à ce que quelque chose capte leur attention. Choisissez vos titres avec soin. Utilisez des illustrations. Organisez la structure de votre site sagement. Intéressant et mémorable Pour inciter vos visiteurs à recommander votre site, votre site doit apporter un plus. Par exemple, un blog où donnez votre avis d'une manière plus personnelle et moins commerciale pourrait être un bon début. Soyez mémorable. Usez d'illustrations pour égayer des blocs de texte un peu ternes. Ne monologuez pas. Performances vis-à-vis des moteurs de recherche Tenez votre site à jour Recyclez vos contenus

Les conditions de réalisation Une story est prête à prendre le départ du sprint si son comportement attendu (conditions d'acceptation) et la qualité requise (critères de finition) sont suffisamment connus de l'équipe. Un autre volet essentiel pour s'assurer de la capacité de l'équipe à développer la story pendant le sprint porte sur les conditions de réalisation. Qu'y a t-il dans la définition de prêt d'une story ? C'est dépendant du contexte et c'est à chaque équipe d'établir sa propre définition de prêt. En général, on y trouve une référence à ce qui permettra de dire que la story est finie pendant le sprint, ce qu'on appelle sa définition de fini, qui comprend 2 parties : les conditions d'acceptation,les critères de finition, autrement dit ce qui permet de garantir que cette story ne crée pas de dette technique supplémentaire. En gros pour qu'une story soit prête, il faut que l'équipe ait une solide connaissance de comment elle sera finie, lui permettant de prendre le départ du sprint sans trop de risque.

A Beginner’s Guide to Website Feedback The term “feedback” is coming close to finding itself in clichéd business word category (along with personal favorites “synergy” and “paradigm”). Even if for you the word itself isn’t necessarily something that you expect to see in a Dilbert cartoon, the thought of what feedback entails can be unpleasant. For many it conjures up visions of clueless coworkers asking you to add animated .gifs and flashing purple buttons to a page, or of a client submitting a list of 82 new items to create on their site even though you are on the ninth round of changes. But you need some feedback. Here are a few strategies for getting feedback as well as some tools that have been proven to help web designers simplify the feedback process: Community Driven Feedback Imagine walking into a big room of graphic and web design professionals (much like yourself). Concept Feedback is a web based community of graphic and web designers that give input on submissions of each other’s work. Alternate Tools: Conclusion

10 conseils pour un design web efficace 1. Au coeur de vos préoccupations : l’utilisateur ! Il n’y a pas de bon design dans l’absolu. Qui suis-je ? … ces questions constituent la base incontournable et permanente de votre site, tant à sa création qu’au cours de son existence. L’apparence, le contenu, l’organisation de l’information, les interactions possibles et attendues sont fondamentalement différentes suivant que l’on s’adresse à : un public jeune vs un public plus âgédes professionnels vs des profabesdes orientaux vs des occidentauxdes citadins vs un public campagnard… 2. Une fois cette réflexion menée (et régulièrement remise en question), il faut veiller à ce que le site forme un tout cohérent. messagecouleurstypographiecontenuniveau de langage, ton employéillustrationsstyles des pages (y compris la page d’accueil) 3. La navigation (organisation des menus et structure de l’information), poursuit deux objectifs : Où suis-je ? La réponse à ces deux interrogations doit être limpide et instantanée. 4. 5. 6. 7. 8. 9. 10.

Dreamweaver gratuit - Dreamweaver tutorials et extensions Rôle du consultant en entreprise Le consultant, qu’il soit indépendant ou adossé à un grand cabinet de conseil a souvent mauvaise presse pour certaines entreprises. Celles-ci préfèrent parfois avoir recours à un recrutement interne plutôt que de faire confiance à ce professionnel dont le métier est de prodiguer au mieux ses conseils en demeurant impartial. L’impartialité du consultant En tant que professionnel extérieur à l’entreprise, le consultant est souvent le moyen pour une entreprise d’obtenir un conseil de la part d’une personne extérieure à l’organisation et de capitaliser sur ses expériences passées. De par son statut, le consultant, pour mener à bien sa mission de conseil auprès de son client se doit d’être avant tout impartial vis à vis de la situation à laquelle ce dernier est confrontée mais aussi effectuer un transfert de compétences ou de savoir vers les équipes de ses clients. 5 Raisons d’engager un consultant Expertise et crédibilité du consultant Situation d’urgence Objectivité du consultant

Uptime Robot, un webware de monitoring de site très complet La plus grosse angoisse d’un webmaster est probablement de voir l’un de ses sites « tomber ». Afin d’être prévenu d’un éventuelle défaillance, il existe un grand nombre d’outils plus ou moins professionnels. On trouve notamment un certains nombre de webware (BinaryCanary ou Pingdom par exemple). UptimeRobot est un webware de monitoring de sites web tout ce qu’il y a de plus classique, mais qui propose également des fonctionnalités inédites. Le service permet de pinger ses sites toutes les 5 minutes et jusqu’à 50 sites gratuitement; cette fréquence très élevée et le grand nombre de sites permis en font l’un des meilleurs parmi les solutions gratuites. De plus, UptimeRobot permet d’être prévenu par email, SMS et, moins classique, par RSS et bientôt Twitter. Jusqu’ici, c’est déjà très bon mais somme toute très classique. En effet, il est possible de créer des alertes sur la présence (ou l’absence) d’un ou plusieurs mots : Bref, l’interface est simple et propre, pas de fioriture ni de pubs.

Related: