background preloader

Användbarhet

Facebook Twitter

10 Best Intranets of 2012. 5 Practices for Securing User Confidence. Preprint: Article: "How Users Search the Library From a Single Search Box" The fall and rise of user experience. 10 Principles Of Navigation Design And Why Quality Navigation Is So Critical. If content is the heart of every website publication, then navigation is its brain and a fundamental pillar of information architecture design. When dealing with large quantities of content, the critical importance of navigation cannot be overestimated. Content that can’t be found can’t be read. If content can’t be found and read, this means that there’s a lot of cost but zero value. Navigation is the website’s “table of contents”. In traditional publication, you have page numbering to help you navigate.

You can hold the publication in your hands and flick through it. If it’s a large publication, there is usually an index at the back that can be used. You can’t get an immediate sense of its size or complexity. Designing navigation is like designing a road-sign system. Navigation and search are intertwined. Navigation design requires detailed planning. 1.

The fundamental principle of navigation design is that you should design for the reader - the person who uses the website. 2. 3. 4. Stickynotes for UX, web and mobile designers - UX stickynotes. What are they? UX stickynotes help you design your web and mobile projects on paper – the quickest, easiest and most flexible design tool of them all. Shape your ideas around the pre-printed layouts and stick them wherever you want without any fuss. Perfect for creating wireframes, sketches, page flows and site architecture or just doodling. 48 large (approx A5 size) stickynotes with plenty of room to comfortably sketch your designs Available in browser and iPhone style templates Download our templates for free Visualize your ideas quickly Quickly visualize your design on paper in a form factor appropriate to what you're designing for. Sketch your way Use the subtle dot grid to sketch with pixel precision or be free flowing and creative.

Stick them anywhere No need for pins, blu tak or sticky tape. Who's behind UX stickynotes? UX stickynotes were created by Ali Zaman, a UX designer. Ideal for agile group working Stick your ideas on a wall and start the debate! Browser UX stickynotes 5 Pack. Boxes and Arrows: The design behind the design. Adaptive Path. Fungerandemedier.se. Children's Websites: Usability Issues in Designing for Kids. Users Decide First; Move Second. By Erik Ojakaar Originally published: Oct 25, 2001 Designers use interactive design elements, such as fly outs, rollovers, and dropdowns, to conserve space, make the screen less cluttered, and enhance the users' experience.

We were surprised when users succeeded more often when they didn't encounter these design elements than when they did. Fly outs are menu options that "fly out" from the button or link when the mouse rolls over them. Rollovers are design elements that cause something on the page to change when the user moves the mouse over it. In addition, dropdowns are window-shade-like menus that require the user to "pull down" the options by clicking on an icon, usually an arrow.

Designers continually battle the problem of limited space. Theoretically, the interactive elements should conserve space without decreasing the usability of the site. In watching users hunt for content, we've found just the opposite. This is most prevalent when users have to scroll. 10 Essential Design Elements of a Blog. Blogs have increased in popularity lately and nowadays there are a lot of people that decide to put their thoughts online so blogging is pretty much the easiest way to do it.

Even though blogs are considered to be easier in handling, meaning that you don’t really have to be a developer or a web designer to start a blog; you will still have to follow some standards that will help you send the right message. There are several tips I will share with you on choosing the right design elements for your blog, as blogging is one of my hobbies as well. These are just 10 of them that I consider to be more important but if I am missing out something you can feel free to add other useful tips in the comments. 1.

These are really important for the design of your blog if you want it to be different from all the other blogs out there. You can opt for graphics, different neat fonts, your logo or a tagline in your header to make it more customized. 2. 3. 4. 5. 6. 7. 8. 9. 10. What Your Website Doesn't Know. Alex Yoder | August 10, 2010 | 3 Comments inShare0 It's not just about your website anymore. So what's next? "Are you fishing where the fish are? " That's what we've been asking around our company lately, because, despite the fact that we invented traditional website analytics, it's over. Your Web experience today is fragmented. The Splinternet. Customer-centric and insight-driven action. Social marketing. This is no short-term fad; you can't put the genie back in the bottle.

Eric Peterson of Web Analytics Demystified, talking about mobile analytics, sees the future of a decentralized Web experience: "Imagine having the ability to directly compare your mobile applications across multiple platforms and technologies, to compare mobile web and mobile application initiatives, and to compare your mobile efforts to your fixed web efforts…If you're like the majority of our clients today, you certainly would…" What will we do in this new world?

Why talk about this now? Transmedia Design for 3 Screens - Make That 5. How Long Do Users Stay on Web Pages? 8 Reasons Why Visitors Leave Your Site. Högerkolumnen är ett svart hål för innehåll | axbom. F-mönstret är vedertaget när det gäller att beskriva hur människor läser innehåll på webben. Det talar för att det är ytterst ovanligt att människor läser texter ord-för-ord, och att de endast läser en bråkdel av texten. Vi kan också tolka in att människor rör sig tydligt i en vertikal riktning när de läser, och Nielsen visade förra året att nästan 70% av fokus hos läsaren ligger till vänster i sidvyn, snarare än till höger. Det blir alltmer tydligt att högerkolumnen är ett svart hål för viktig information! Om vi antar att en högerkolumn är på 200 pixlar så kan vi utläsa ur Nielsens studie att knappt 6% ens tittar på högerkolumnens innehåll. Ändå envisas företag med att fylla högerkolumnen med viktig information som nedladdningsmaterial, fördjupningsinnehåll och förtydliganden. Jag är också förvånad över hur många nya designlösningar som av bara farten fortsätter utgå från 2 eller 3 kolumner utan närmare eftertanke.

Jag vill härmed uppmuntra alla till att utmana högerkolumnens existens. UI Fundamentals for Programmers by Ryan Singer. Wakoopa - Discover software & games. Semantic Web, Cataloging, & Metadata. Hellre användningskvalitet än användarvänlighet. Lost in translation: tips for usability testing in a foreign country - ExperienceLab. As part of our activities to celebrate World Usability Day 2011 ExperienceLab and the UXalliance have published a report looking at cultural aspects of usability testing in UXalliance countries.

Drawing on expertise from over 20 partner countries, the report covers planning and running sessions, how to interpret the results and pitfalls to avoid when testing in a country other than your own. View the report here! Download Cultural-differences-in-usability-testing Special thanks to our partners at Optimal Experience and Optimal Usability for putting this together, and all the UXalliance partners for their input! For more articles and publications on global user research, visit www.globaluserresearch.com. The 10 principles of interaction design.

Framework for Designing for Multiple Devices. Nowadays, content must be developed to be viewed and interacted with across a range of screen sizes, from smartphones to the widest flat-screens. With devices becoming increasingly abundant in our daily lives, people are shifting from device to device, and they expect their products and services to shift with them. Regardless of what size screen your content is on, people expect a delightful experience across devices. Here is a list of popular resolutions on various devices: Designing for multiple devices involves much more that simply resizing content to display on different screens.

Different Devices, Different Experiences Every device does something different. Understand Context of Use Users consume content from multiple devices throughout the day. It’s also important to understand how the usage of different devices overlaps and how they complement each other. 70% of tablet owners and 68% of smartphone owners said they use their devices while watching TV. Define Device Groups Synchronize. 6 Eye Tracking Studies and What do they say about Website Conversion Optimization « Wingify Conversion Optimization Blog. Wingify Conversion Optimization BlogTips, Tricks, How-tos, Guides, Hacks and Secrets on Website Conversion Rate Optimization 6 Eye Tracking Studies and What do they say about Website Conversion Optimization I have collected 6 research studies on visitor eye tracking and done the studying for you. Here is what eye tracking studies talk about conversion rate optimization: F-Shaped Pattern For Reading Web Content – the most well known article that laid out the generally proved F pattern of attention on a webpage.

The pattern suggests that headline and starting paragraph are THE most important elements on your page.Eye gaze Patterns while Searching vs. Browsing a Web site – confirms the F style eye gazing pattern applied both to browsing and searching modes.An Eye Tracking Study of How Font Size, Font Type, and Pictures Influence Online Reading [PDF] – A research paper by IBM and Google. Posted in Conversion Optimization on November 9th, 2009 | No Comments » No Comments » No comments yet. 6 Free Tools to Evaluate Your Blog's Usability and Enhance User Experience. Successful bloggers spend time each day reviewing Google Analytics to evaluate their site performance in an effort to increase traffic.

But traffic analysis is only one tool to help you optimize your blog for success. You should also evaluate the usability of your blog periodically, especially when you’re considering a redesign. Few bloggers have the budget to fund usability tests of their sites. Professional testing is a five-figure proposition, and it’s overkill for 98% of blogs. Yet, savvy bloggers realize the value of understanding how their readers navigate their sites. The field of remote usability testing has grown exponentially over the last couple of years. Now you can use professional grade tools to evaluate your site’s usability, and some are either free or offer free trials. Here’s an example of questions that a usability analysis might answer: How far are your readers exploring your site?

Once you view these screen recordings, you’ll be a believer! Clicktale Userfly Chalkmark. Giraffe Forum » Redesign out, continuous improvement in. Big redesigns are a very dangerous strategy. Continuous improvement of your customers’ top tasks is much better. When Gawker Media launched a big redesign in February 2011, its traffic halved. That can happen because even when you do good things, people don’t like change. It can take them a while to adapt to the new environment. So, assuming for a moment the Gawker redesign was a good thing, have things picked up again? “Turns out, according to Gawker’s public statistics, things are much, much worse than was originally reported,” The Atlantic Online states.

Several years ago I wrote an article about the obsession many organizations have with website redesign. We redesign because redesigns are projects. Another reason organizations do redesigns is because they’re fun. Continuous improvement implies lots of testing and observation of customer behaviour. There are three central reasons why we should move to a continuous improvement of top tasks model of management. Resist redesign. Learning to Design: How I Bombed Art Class But Still Designed A Remarkable Website | GiftRocket Blog. In December 2010, I was tasked with designing GiftRocket’s original website. As a former management consultant, my only design credentials were making too many powerpoint slides and getting a C in middle school art class. So I spent a considerable amount of time learning to design things for the web.

What I ended up building for GiftRocket was generally well received, and in one isolated unexplainable incident, praiseworthy. My design wasn’t the prettiest thing, but it was usable and intuitive. But because of my lack of formal background in the topic, I also learned how to learn web design. So, the time has come to document the process by which I learned to design, along with the resources I found most helpful. 1. When I started thinking about design, we only had a general concept for GiftRocket.

User flows are an imagination exercise in how users will interact with your product, put onto paper. Should we have a shopping cart? Should users redeem via native apps or a web app? 2. 3. 4. The pros and cons of developing a complete Javascript UI. If you have been following our blog, it’s easy to tell that we have been developing a single page ticketing app for SupportBee. A lot of my developer friends and I often discuss the pros and cons of doing a complete JS UI. The JS UI ecosystem is still maturing and it’s certainly a lot of work to build one. Nevertheless, I believe that it’s a good idea to consider.

In this article I am going to talk about some of the pros and cons of developing a complete JS UI . I will only be talking of things from a technical/development perspective and not from the usability point of view . Cons Before we talk about the pros, lets get the cons out of the way. Javascript Frameworks are still evolving The javascript and javascript framework ecosystems are still in their infancy. Developing two applications instead of one Building a single page app is like developing two applications instead of one. Pros Well thought out and tested API Your JS UI code as API reference. The Real Problems with Design Thinking « Helen Walters: Writer, Editor. [Latest word works, published over at Fast Company.] Rumors of the failure of design thinking appear to have been somewhat overblown.

At the recent Design Research conference in Seattle, the consensus reportedly held that whether or not you like the term, design thinking is here to stay. At a recent panel discussion in New York, “Design Thinking: Dead or Alive?” It was hard to find any of the speakers (of which I was one) quibbling with more than the fact that it wasn’t a very interesting question. Nonetheless, it’s also somewhat hard to find many fervent supporters of design thinking. Designers I’ve talked to still bristle at a phrase they see as subtly maligning the validity of the rest of their work. The latest book on the topic is Designing for Growth, a “design thinking toolkit for managers” and it provides a pretty good snapshot of how people are thinking about the discipline right now. This is all, arguably, fine. Like this: Like Loading... Responsive Web Design Techniques, Tools and Design Strategies - Smashing Magazine.

Winning a User Experience Debate. By Cennydd Bowles Originally published: Jul 12, 2011 The following article is an excerpt from Cennydd Bowles and James Box's new book, Undercover User Experience Design. Although critique should be constructive and impartial, it's inevitable that at times you'll disagree with the feedback you receive. Critique is a crunch moment for the undercover designer—you're sticking your neck out and taking the lead of the design process.

However, stakeholders sometimes see design as a complex, unpredictable subject that can cause havoc in the wrong hands. To bring UX to the heart of the business, you must persuade colleagues to trust your opinion and expertise. If you're skeptical about your stakeholders' requests, try them out anyway, then do it your way too. Nevertheless, sometimes you'll disagree with stakeholder feedback so strongly that you have to take a stand. The Validation Stack provides a three-tiered approach to design validation. "Prove It! " Summary Get more from Cennydd Bowles. » User Experience and the design of news at BBC World Service Johnny Holland. Five Factors for Successful Persona Projects. Using the Black Box Model to Design Better Websites. 50 Free UI and Web Design Wireframing Kits, Resources and Source Files - Smashing Magazine. Inside Out: Interaction Design for Augmented Reality. Top 10 UX Myths.

10 UX Blogs You Should Be Reading. Design with Intent Toolkit. The myth of the page fold: evidence from user testing | cxpartners. Interaction Design Pattern Library - Welie.com. Are Current Web Design Trends Pushing Us Back to 1999? Search. Alla pratar UX, del 2 | Antrops blogg. 25 Resources for Measuring Usability. 4 forgotten principles of usability testing. Mobile UI Patterns › Activity Feeds.

21 Free UI Design Tools, Toolkits and Resources (Part 1) 6 Surprising Bad Practices That Hurt Dyslexic Users. 10 UI Design Patterns You Should Be Paying Attention To - Smashing Magazine. The Daily vs. Flipboard: One of These is The Future of Newspapers... Using the Save as Daisy add-in - Word - Microsoft Office. Vad är interaktionsdesign? | På Kornet. User Interface Design Framework | 260 free vectors icons, GUI graphic library for web design. Applying User Experience Design. Checklista – En perfekt landningssida | Sökmotorkonsult.se. Designing Web Registration Processes for Kids. The 50 best mobile apps. How to Make Websites That People Will Actually Use. How to make your shopping cart suck less. Hacker Web Design: Words of Wisdom for Building Great Apps.