30 個基本的用戶體驗開發工具和服務

2021-01-09 開源中國

當我們在構思一個網站時,經常關注的是布局和技術特點,但忽視其中一個非常重要的方面——用戶如何訪問這個網站。如果用戶難以搞清楚如何完成他們的目標,他們就會轉身離去,不再回來。因此良好的用戶體驗是區別於競爭對手一個極為重要的因素(政府網站除外)。

而藉助一些工具,可以讓我們真正從訪客的角度出發去全局的分析網站的結構、流程。本文向你推薦 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 是一款開源的原型圖繪製工具,手繪風格的,就像自己在紙上畫的那樣。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.

 

via webdesignerdepot

相關焦點

  • 服務超過1000萬用戶 夸克搜索AI工具成志願填報神器
    面向未來定義智能搜索,夸克提出的「搜索框+AI工具」模式,在高考這個試煉場,為搜尋引擎從內容到服務,開拓新場景,煥發新價值。AI工具成為新智囊 300萬考生使用夸克志願單「七分考,三分報」,面對全國3000多所高校,10幾個學科門類,成百上千個專業方向,考生與家長的抉擇困境和掉坑風險,絲毫不亞於又一場大考。「河北的考生怎麼報?
  • 2020年十大物聯網開發工具
    它是與小工具相關聯的龐大網絡。它們都受到插入電子小工具中的傳感器的約束。物聯網提供了一個典型的平臺來轉儲其信息,並提供了一種通用語言來相互通信。它提供了一種完成項目的有效方法,並且還有助於節省資金。一種報告研究聲稱2015年有154.1億個IoT小工具,現在已擴展到266.6億。預計到2025年將超過750億。隨著物聯網開發工具範圍的擴大,正在開發許多基於物聯網的應用程式和解決方案。
  • 淺談用戶體驗的 4 個維度
    本文深入分析了用戶體驗的四個維度在不同產品中的體驗以及背後的原理。通常而言,用戶體驗越多,產品能量越大;不過也要考慮例外的存在,依據產品特性而言。個人認為,依然有,只是體驗中規中矩。如果你的標準是好或者優秀,也可以認為沒有。如果換成淘寶心選或者網易嚴選(兩個平臺我都買過,我還是嚴選的會員),就跟剛才那家精品小店一樣了:具有不錯的 CX 體驗。至此,我們基本可以總結出 CX 的標準和規律。擁有內容(實物或書影音等虛擬物品),就擁有 CX 屬性。
  • 百度網盤11.0服務體驗升級
    隨著時代的發展,網盤用戶的需求也逐步呈現多樣性和差異性,如何滿足不同用戶的個性化訴求,提升服務工具的使用效率以及付費用戶的尊享感,從而打造更具服務化意識的百度網盤,是本次百度網盤11.0改版的主要目標。在本次網盤體驗升級項目中,設計師從「多元化服務」、「專屬個性化定製」和「全新視覺設計語言」三個方面開展具體的體驗設計工作。
  • 用戶驅動:用戶體驗中的「動機理論」
    當然要達到這種」未卜先知「的境界,我們要做到對用戶足夠了解,知道如何驅動用戶使用你的產品。接下來我們將從用戶體驗的角度來闡述動機對設計的影響。什麼是動機?動機是一個心理學術語,這個概念解釋了人類在特定環境下做出特定行為的原因。 簡單來說,動機是人類行為的內在動力。動機的產生和生理、心理、社會關係以及認知水平都有著極大的聯繫。
  • 用戶旅程圖與服務藍圖:到底有什麼區別?
    導語:本文的原作者Megan Erin Miller一直在史丹福大學從事服務設計工作,她致力於在商業管理中探索創新和以人為本的設計實踐。作者深入淺出地分析了用戶旅程圖以及服務藍圖的共性和差異,讓我們一起來看看這兩個人人都能學的服務設計工具!
  • 數字金融體驗(1): 深度剖析主流金融App的服務定位
    課題研究的目的與價值MOMOUX希望藉助金融類App服務能力的系列研究,從體驗設計諮詢公司的角度深度剖析金融類企業數位化轉型的現狀與未來趨勢,洞察用戶需求。通過我們的研究沉澱,持續為金融機構的數位化轉型成功提供新見解和新策略。
  • 平安知鳥獲評「體驗創新傑出企業」,為用戶帶來更好的學習體驗
    近日,一年一度的體驗設計界「奧斯卡盛典」IXDC2020國際體驗設計大會在北京舉行。平安智慧城市打造的平安知鳥作為企業代表受邀參加本次設計盛會,並憑藉優秀的產品力和出色的用戶體驗被評為「體驗創新傑出企業」,再次獲得業內高度認可。  IXDC國際設計體驗大會是全球矚目的設計創新盛會,致力於探索和分享設計界最前沿的思想和技術,是中國連接世界的跨界創新平臺。
  • 公眾號用戶體驗的三大因子:瀏覽體驗、情感體驗、信任體驗
    換句話說,成功的微信公眾號一定是在瀏覽體驗、情感體驗及信任體驗上做到了超出用戶基本的期望,甚至達到了令人興奮及驚喜的期望,才會讓其喜歡、愛上、甚至完全信任的境界。圖二:公眾號的用戶體驗要素–三大關鍵因子1、把握用戶的閱讀心理—瀏覽體驗對一個公眾號來說,吸引眼球是訂閱號要做的第一步。
  • HMS為全球HUAWEI P40系列用戶帶來超凡體驗
    華為音樂已在100多個國家和地區上線,為包括中國和歐洲、拉美、中東、非洲等區域的30多個國家和地區的用戶提供高品質、一站式的音樂訂閱服務,並攜手華納、環球、索尼音樂等全球夥伴打造千萬級曲庫同時,會員中心為26個國家和地區的用戶推出「Rewards」特別福利計劃,用戶在華為應用市場下載指定應用即可獲得相應福利,享受高品質會員權益。
  • SpreadJS:一款類Excel的開發工具,功能涵蓋Excel的 95% 以上
    目前為止,能做到完全兼容 Excel 450 多種公式函數、具備高度類似Excel的功能和UI布局、支持純前端導入導出Excel文件的前端開發工具中,SpreadJS是嵌入Web系統,實現Excel全部功能的不二選擇。
  • 2020 vivo開發者大會應用服務分會,一站式連接用戶與服務
    2020年11月19日,2020 vivo開發者大會應用服務分會在深圳成功舉辦。此次應用服務分會圍繞著「能力創新,一站式應用開發服務平臺」為中心,向開發者、合作夥伴們公布了Jovi服務平臺、vivo應用商店、出海計劃、快應用和技能平臺等方面的相關能力。
  • 產品體驗報告|力扣,從刷題工具到極客平臺
    力扣是一個為全球程式設計師提供IT技術職業化提升的平臺,被譽為編程「刷題神器」,近年來它正努力從一個刷題工具轉向極客平臺。本文是力扣的體驗報告,從七個方面進行全面分析,重點關注力扣現有功能的體驗與對其未來發展的建議。
  • 敏捷開發過程剖析及工具推薦
    敏捷開發,要求在開發過程中不斷增強,從而提高軟體質量,以達到提高商業收入的目的。它是一個迭代的過程,一個不斷提高企業投資回報率和服務質量的過程。值得注意的是,成功的敏捷開發,單純依附於活躍的開發過程和理解敏捷所帶來的效益並對此有濃厚興趣的企業用戶。本文將介紹敏捷開發的五大過程及這些過程中所要用到的工具。
  • 華為提供的「無感體驗」將逐步滲透進用戶生活的每一個角落
    可以看到,華為錢包等創新服務正在詮釋一種新的理念:智慧型手機已經不單單是通信工具和娛樂工具,還是用戶連接數據世界與物理世界的工具。 只是對傳統錢包等物理功能的替代,還僅僅是智慧型手機創新的第一步。 02 從工具到服務載體 智慧型手機的所有創新,都要回到用戶體驗上。
  • 2020-2021 設計趨勢ISUX報告 · 用戶體驗篇
    編輯導讀:隨著時代不斷變化和人們審美的不斷提高,對於用戶體驗的設計也提出了更高的要求。2020年已經過半,用戶體驗設計出現了什麼樣的趨勢呢?本文總結了11個用戶體驗設計趨勢,希望對你有幫助。
  • 手機沒有谷歌服務?華為用戶:問題不大,這個方法輕鬆解決
    摘要:大家都知道最近發布的華為mate30系列並沒有搭載谷歌服務,雖然華為mate30內沒有谷歌服務,但對國內的用戶並沒有什麼大影響,可是對國外用戶就不一樣了,他們沒有了谷歌服務就像我們沒有了QQ、微信、支付寶一樣,但這個問題真的無法解決嗎?下面一起來看看吧。
  • 6種轉化率分析模型,提高產品轉化率、用戶體驗
    高增長的平臺基本也是高轉化率的平臺,而增長水平影響了企業的市場佔有率和價值,對於在企業中工作的從業人員來說,高增長的企業也會更快促進個人的成長,獲得更豐厚的回報。通過思考WHY,讓產品具備了⼈格化屬性,也形成了⼀個⽤戶天然的篩選器,與用戶精神⾼度共鳴,讓用戶發⾃內⼼認同你的產品或服務,佔據⼼智⾼地,建立持久的用戶忠誠度。
  • 基於用戶體驗的百度學術應用研究
    [結果/結論]研究發現:①百度學術可以滿足用戶基本的學術信息檢索需求;②百度學術為用戶提供了較為豐富的篩選功能,便於用戶從檢索結果中查找所需要的學術信息,同時為用戶提供了與檢索結果相關的推薦信息;③百度學術的個性化服務可以滿足用戶對檢索結果的管理需求,並為用戶提供學術信息的推薦服務。
  • 拒絕與世隔絕,關於數字時代的數據轉移和服務更換,這裡有 10 個...
    套餐有 3 種,我們以中國香港地區為例,基本、標準和高級帳戶每個月的定價分別是 63、78 和 93 元港幣,大約是 51 元、63 元 和 75 元,比愛奇藝優酷騰訊的會員要貴不少。3 種套餐對應不同的權限,基本款只能同時在線 1 個設備,沒有高清畫質。最貴的版本可以同時在線 4 個設備,可以觀看超高清畫質。