當我們在構思一個網站時,經常關注的是佈局和技術特點,但忽視其中一個非常重要的方面——使用者如何訪問這個網站。如果使用者難以搞清楚如何完成他們的目標,他們就會轉身離去,不再回來。因此良好的使用者體驗是區別於競爭對手一個極為重要的因素(政府網站除外)。
而藉助一些工具,可以讓我們真正從訪客的角度出發去全域性的分析網站的結構、流程。本文向你推薦 30 個可以幫你提升使用者體驗的開發工具,包括思維導圖、流程繪製以及測試和分析工具。
XMind (from free)
XMind 是一個採用 Java 開發的思維導圖程式,支援 Windows, Mac OS X 和 Linux 系統。
ConceptDraw Office (from $199)
A powerful diagramming tool, ConceptDraw Office provides support for flowcharts and mind maps on Windows and Mac.
OmniGraffle ($69.99)
Mac OS X and iPad users can choose OmniGraffle to create flow charts, organizational charts, and many other types of diagrams.
Gliffy (from free)
Gliffy is a web-based diagram application with support for flow charts and sitemaps.
Wireframes and prototypes
Before the actual coding begins, it often makes sense to do some prototyping. Prototypes allow you to play with different ideas and uncover possible issues without investing much time in coding and design. You can start with low-fidelity wireframes in grayscale and later create visual mockups and high-fidelity functional prototypes.
PowerMockup (from $59.99)
Use PowerMockup to create wireframes with PowerPoint.
Pencil (free)
Pencil 是一款開源的原型圖繪製工具,手繪風格的,就像自己在紙上畫的那樣。Pencil 還可以用來繪製各種架構圖和流程圖,同時還提供 Firefox 的外掛
Mogups (from $9/month)
Moqups is an online wireframing and mockup tool.
Justinmind Prototyper (from $19/month)
This application for wireframing web and mobile apps runs on Windows and Mac OS X.
FileSquare (from free)
FileSquare is a web-based tool for creating click-through prototypes by linking together uploaded mockup images.
Handcraft (from $19/month)
Handcraft is a collaborative HTML/CSS/JavaScript prototyping tool.
User testing and feedback
Once you have something concrete to show, you should get it out in front of actual users, gather feedback, and act upon it. The applications and services listed below help you perform usability tests and organize user feedback.
IntuitionHQ (from free)
This remote usability testing service allows you to run various user tests on your designs and get instant feedback.
Verify (from $19/month)
This online application collects and analyzes user feedback on screens and mockups.
Polldaddy (from free)
Polldaddy is a web application for creating and publishing surveys and polls.
Concept Feedback (free)
Visit this online community to exchange feedback on designs.
Fivesecondtest (from free)
This service gathers feedback by asking users to recall the elements of a website after having seen it for only five seconds.
PickFu (from $20)
This crowdsourcing service provides quick feedback via simple A/B polls.
UserTesting (from $49)
UserTesting lets you “look over the shoulders” of people browsing your website.
UsabilityTools (from $39/month)
This collection of tools offers user research including surveys, card sorting, and feedback forms.
Morae (from $402 approx.)
This desktop software records user interactions (keyboard/mouse input, eye-tracking, audio, etc.) and analyzes the results.
BugHerd (from $29/month)
BugHerd is an online bug tracker specially designed for web development projects.
A/B split tests
A/B testing is simple: You create two variations (A and B) of a page and then determine which one produces better results measured in terms of purchases, newsletter sign-ups, or other factors you value, which reflect a better user experience. These two services can help you with that:
Optimizely (from $17/month)
This A/B split testing tool can help you find the most effective way to increase conversions on your website.
Visual Website Optimizer (from free)
Like Optimizely, Visual Website Optimizer provides support for A/B testing, multivariate testing, behavior targeting, and more.
Analytics
Web analytics provide valuable insights into how people use your website. They can tell you how visitors typically navigate through the website, how long they stay on each page, when they leave the site, and much more. This information can be extremely helpful for identifying usability problems and their causes.
Crazy Egg (from $9/month)
This web analytics service visualizes user behavior with heat maps, scroll maps, and confetti reports.
Inspectlet (from free)
Another web analytics tool, Inspectlet provides heat maps, real-time analytics, and screen recordings of visitor behavior.
Mixpanel (from free)
Mixpanel is an analytics platform for tracking custom events in mobile and web applications.
Validation, link checks and speed tests
For a positive user experience it’s also important that the technical side of a website works as intended. Nothing is more frustrating than links pointing to non-existant pages, websites taking forever to load, or broken pages because of HTML and JavaScript errors.
W3C Markup Validation Service (free)
This online service checks to determine whether the code of a web page is valid (X)HTML.
Dr. Link Check (free)
This web app checks a site for broken and blacklisted links.
Pingdom Full Page Test (free)
Use this tool to test and analyze how long it takes your webpage to load.
Google PageSpeed (free)
This Google service analyzes a web page and makes suggestions for how to improve its load time.
CrossBrowserTesting (from $29.95/month)
This service provides virtual machines for testing a website in different browsers on different operating systems.