Personas: Gode råd & meninger. Pwireframing: Paper Wireframing - mStoner - Blog. The Bethel Strategy Background Every web redesign project we get comes with an essential strategy document. This strategy document is a tailored roadmap laying out specifics for a successful relaunch including wireframes to help visualize how new web templates will take shape, a review of competitor sites, key messages to be surfaced in the new creative stylings of a site, a streamlined information architecture, rollout schedules, and more.
Two clients of ours from Bethel University, Mark Erickson (Director of Web Communications) and Michael Vedders (Director of Web Technology), came to mStoner’s Chicago office for two days earlier in the month to work directly with us on the Bethel strategy document. The idea was that two days of intense collaboration and discussion would produce a more cohesive report, better suited to Bethel’s needs. The idea behind Pwireframing (again, wireframing with paper) was to make the regular wireframing process more modular and collaborative. Hey, It Worked! Wireframing. Infographics Galore, 11 STUNNING Examples of Design-Enhanced Dat.
(*Dedicated to graphicsgirl's recent tweet) Like many others, I have recently gotten more and more immersed into the wonderful world that is infographics or information graphics. I have spent countless hours looking in amazement at various infographics used in all kinds of different media. Not only do infographics provide valuable information, they are also absolutely stunning pieces of design. Infographics or information graphics are visual representations of information, data or knowledge. These graphics are used where complex information needs to be explained quickly and clearly, such as in signs, maps, journalism, technical writing, and education.
*from Wikipedia With that said, I put together just a small collection of personal favorites. Always With Honor GOOD Magazine The Virtual Water Project Adaption Valentin Adam Nonsense Info Graphics DRM - Design Research Maps LifeMap Tyler Lang Nicholas Felton The Crisis of Credit Visualized from Jonathan Jarvis on Vimeo. Additional Resources.
Interaction Design Pattern Library - Welie.com. Suggest a pattern Have you seen new examples of patterns out there that have not been described on this site? Send me a link to an example and I'll add it to my to-do list. Suggest a pattern Latest comments Form (Lucas Gwadana) Sometimes the ERROR handling is not explicit enough because when a user makes an... Map Navigator (Marcus) For print pages etc static maps are still relevant. Accordion (dellmre) Ajax accordion samples with source code Autocomplete (Zorg) I believe the name of this pattern to be misleading. Slideshow (Joshua) Slideshows on Homepages can be very beneficial. User Experience Deliverables.
January 27, 2009 It's an exhilarating time for the user experience community. Rising awareness of our value plus emerging technologies and transmedia trends have created conditions for a step change in our practice. As an information architect, I'm enjoying the new challenges immensely, even as they sweep me outside my comfort zone. I've designed social software and rich user interfaces. Consequently, I'm rethinking my role, redefining my deliverables, and embracing new forms of interdisciplinary collaboration. Together, we're hoping to bring search to life with colorful, compelling stories, maps, and illustrations, which brings us back to deliverables. Tools for Thinking Two books have inspired me to think differently about discovery, communication, and design. Proverbs are the Holy Grail of simplicity. We need to open gaps before we close them. The story's power, then, is twofold: It provides simulation (knowledge about how to act) and inspiration (motivation to act).
The Deliverables. Information Architecture Consulting by Peter Morville. Mapping Memory: Web Designer as Informat. Theory often takes a back seat to practice in the field of web design—after all, it’s hard enough to keep up with the latest acronyms without trying to carve out time for navel gazing about the profession. As a result, innovation in the way we think about our creations has lagged behind the breakneck pace of change in the technologies we use to create them.
Consider, for example, our craft’s foundational metaphor of “information architecture.” Since at least Richard Saul Wurman’s 1996 book Information Architects, architecture has been the primary metaphor for how “those who build websites” think about what we do. By adding a new metaphor to our theoretical toolboxes, we can gain a richer, more nuanced understanding of the way that we inhabit cyberspace. This enhanced apprehension of the medium should enable us to create websites that better serve our users. Consider cartography as a metaphor#section1 For years, most of us have thought of building a website as being more like the former.