<pre id="xxxvx"><pre id="xxxvx"></pre></pre>

      <address id="xxxvx"></address>
      <address id="xxxvx"><pre id="xxxvx"><span id="xxxvx"></span></pre></address>

      <address id="xxxvx"></address>

      <p id="xxxvx"><pre id="xxxvx"></pre></p>

      小螞蟻站長吧-互聯網運營、增長黑客學習交流平臺

      您好,歡迎訪問小螞蟻站長吧!

      文檔類產品的解題寶典!16個體驗細節拆解「C

      2022-11-23 00:00分類:產品設計 閱讀:

       

      在設計創作中,如何高效的對信息進展整合、梳理?對此,白文分享了對Confluence 的制品體驗設計拆解,從日常利用場景、體驗亮點、體驗槽點仨個上頭分析并點題了文檔類成品的解題寶典,一起來瞧瞅吧。

      一、前言

      Confluence 是一個由 Atlassian 公司所開發的專業的集團公司知識管管與協同軟硬件,堪好用以構建集團公司 Wiki。它可以援手團隊成員之間共享信息、文檔協作、集體座談,信息推送等。

      如何高效地對信息開展整合、梳理, 是設計創作很重要性的一環?;诖?,此間給大家分享一下 Confluence 的制品體驗設計拆解。通過對 Confluence 的體驗設計拆解,為你提供一份文檔類成品的解題寶典!

      Ps:筆者之前寫筆札主要是采用語雀或 Notion,這次為了拆解「Confluence」,就絕無僅有用 Confluence 寫成文來拆解 Confluence ~(套娃行政處分 )

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      1. 先前聲明

      • 強烈決議案用到電腦查瞅,用戶體驗更佳;
      • 為了讓設計底細更俯拾皆是被瞧到,用 Gif 來呈展示;
      • Gif 體積較大,請耐性查瞅。

      2. 適合人潮

      首批類,UI/UX設計師,堪好跳出執行層,去默想 Confluence 的制品設遠謀略,提升成品分析力量;老二類,成品總經理/運營,通過周至的制品設計拆解、策略推導,獲取成品設計參考;老三類,文檔制品在業者,通過尺幅千里的制品設機關略推導、用戶需求分析,獲取競品分析參考。

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      倆、日常應用場景

      1. Confluence 根底概念

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      首先冷暖自知一下這幾個 Confluence 中的基本概念,印張都是以樹狀組織碼放與空間之中,印張之間也可足互相鏈接和走訪。創建印張時除了采用空白文檔,也有何不可選擇沙盤。權限掌握分了 3 個維度,分別是團隊、個人和匿名用戶,按照權限最小化原則,分空間和分印張理問。

      2. 印張沙盤

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      點擊「+」號在建印張后,這邊并沒有像飛書一樣把援引采取哪些沙盤作為一個彈窗打斷用戶,而是直接進來到新印張的名編輯流程,光標縮聚到題目,整個進程更加自然。給用戶的預期還是直接重建印張,當用戶在右側采風到有很多豐美的模版時,如果有需求便會主動地去觸發用到。

      Confluence Cloud 附帶了 100+個沙盤,覆蓋了非常多的本題,如人工資源、軟硬件開發、團隊協作、項目規劃等。該署沙盤扶持可以用戶制作精美有效的印張情節。并且沙盤預覽的交互也非常輕計量,不需求再次跳轉或者張開彈窗去半途而廢用戶的操作行事,而是直接狗標懸停便能預覽沙盤的詳情。

      3. 讀寫分離

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      關于讀寫分離,瞅起來是和語雀類似的,把讀和寫有別于為兩種場景。語雀考慮的更多的是矚望對編著者來說,他的寫可以在一種平靜又沉浸的一個創作條件中,他可以無所顧慮的寫。而讀者群他可以想得開的去讀看。然后在這兩個體驗之間,用一個“發布/翻新”的手腳來兌現銜接。這此發布讓編著者更加有儀式感,這此手腳報告起草人,你的始末將交給讀者群,由觀眾群來開卷。

      而 Confluence 的考慮更多的該當是基于團隊協同的開會場景。期望團隊中被大家瞅到的的文檔也應有是一個相對穩定或者是被審閱過后的本子,即通過「發布」本條行止來開展確認。

      在編輯者印張時,展開的更改會機動封存并同步,以便編寫者這此印張的所有人都能瞧到。不過,只有在您發布后,查瞧印張的人才會瞧到那些更改。您每次發布更改時,Confluence 會啟動印張的一個新本子,并將它存儲在本子浪漫史紀要中。這樣,用戶得以釘住不同流年的更改,并在要求時逍遙自在恢復到早先的本版。

      4. 插入區塊

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      Confluence 幫腔非??刹迦氲膮^塊,點擊「+」或者進口「/」,通過下拉菜單何嘗不可展示一些常用的區塊,在「查瞧更多」內,堪好顯示所有幫腔插入的區塊,并且還有一個絕無僅有的應用市場得以去安設更多的應用,例如可足裝置 Mind Maps ,在 Confluence 中就得以直接繪制思維導圖。

      5. 草稿和已發布印張

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      基于讀寫分離的設計理念。Confluence 也組別草稿和已發布的印張。創建了新印張后,在未發布之前它會以草稿形式存在,直到發布截止。草稿不會出現在時其余成員的印張樹、動態郵購源或搜索分曉中(一經發布,印張便會出今天所有那幅坐席,除非它帶有加密的標識)。發布、關門、更多組成了一個按鈕組,在「更多」內也有何不可對拓展另一個的發布操作,例如發布但不通牒關注者、安列發布的歲時等。

      6. 印張權限

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      每個印張都有何不可設置單獨的印張權限,例如容許所有人都方可查瞧和編寫者、只有某些人方可查瞅或名編輯等。全體權限配置的交互操作也是可比符合由大到小的權限配置原則,先配置總的叁大權限類型,再在小的權限類型中何嘗不可細化,例如邀請不同的人,給予不同的查瞅或編輯者權限。

      叁、體驗亮點

      1. 頂部器具欄

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      Confluence 的頂部器具欄和右側的發布、查找、協同功能是放在同一溜兒功能海域里,同時也得以瞧到并沒有把太多的器具都平鋪出去,而是把一些相對常用的器具平鋪出去,不常用的器具則隱藏到「更多」里。相對騰訊文檔、語雀、石墨這類型的制品,頂部可以省掉一條龍空間,在保留器具欄常顯的基本功上,全體顯得更加簡潔。

      2. 圖片縮放柵格

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      圖片的縮放不像常見的文檔器具那樣隨意縮放,簡易縮放出各族大小不一的圖片,Confluence 的圖片縮放會基于一定的柵格參考線,羊標在參考線的一帶放飛會自行吸附,并縮放至相應的大小,這樣就可以在一定程度下限制整篇文檔的圖片大小的品種,使圖片的進版也更加精美。

      3. 印張層級市略

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      左上角的面包屑層級不易公認顯示上上下下出去,而是會公認將當中示范區略,優先顯示首先個和最后一個層級節點。其一底細足以體今日制品設計的策略,并不會一股腦的把所有信息都展示給用戶,而是優先展示相對性命交關的信息,隱藏會自治區略此藥的信息,當用戶想要關注的辰光,也可以很方便的開展觸發。

      4. 增加表情符號

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      猴標懸停至 Confluence 的題目出,會顯示可足添增表情符號。通過不違農時隱藏的方式,當狗標途經時才出現,避免常駐顯示給用戶帶來的干擾。內置了很多表情,團隊內部得以確認表情行使的章法,便有何不可增援用戶更高速地對文檔的類型做出識別和斷定。

      5. 印張勢態

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      Confluence 撐腰給印張增加自概念的勢態,例如方略中、草稿、正在進展、隨時何嘗不可查瞧等,同時勢態的設置除了基本的文本外,還幫腔用戶自概念勢態的色澤,讓另外成員在翻閱文檔的時際,得以很直觀地未卜先知到當前這篇文檔的勢態,便于團隊協同和治理。

      6. 報表題目行機動固定

      ??「Confluence」產品體驗設計拆解|16個優秀體驗細節?

      Confluence 的報表敲邊鼓設置題目行,當印張骨碌至表頭不在正規可視規模時,會鍵鈕將表頭拓展固定懸浮,讓用戶可以瞧清楚下頭的情節和題目的對應干涉,體驗非常自然順暢。除了設置題目行,也幫腔設置編號列,同理也是有何不可在橫向輪轉報表的時光,可以便捷的覽勝對應的編號。

      7. 報表單元格的設置

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      在報表中框選單元格后,會在右上角出現對于單元格的更多操作設置,例如設置單元格背景色、拼制/拆分單元格等。將那些對于單元格的設置直接外露出去,其余的一些文檔器具有的是需求右鍵才觸發,略顯隱蔽,有的雖然也是浮動器具欄的形式,但是框選文本和框選單元格的觸發組別不明確,操作體驗上欠佳。Confluence 中這種報表交互的方式很好的解決了一些報表中的交互問題,用以體驗上也非常流暢。

      8. 權宜的分欄設置

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      Confluence 中的分欄設置也是內置了幾種固定的欄數和布置佰分比,基本上可以兼容絕大有的場景,同時做出限制也可以讓全體印張的分欄效果不會緣以參差不齊不齊而顯得凌亂。調節的方式也非常便捷,所有關于區塊的調整方式都是位于區塊的下方調整。

      9. 從動封存提示

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      眼底下市場上干流的在線文檔器具絕大部份都是暫時封存的,不過難免會有一些用戶會有數據丟失的焦慮。為解決這種用戶焦慮,Confluence 會在印張的頂部出現封存的勢態提示,告知用戶剛剛編者的數據正在封存、已封存等,避免用戶挑心名編輯的情節沒有封存而引發的焦慮景象。

      10. 無障礙設計

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      關于無障礙設計的一個小亮點,對于因視覺障礙而使喚屏幕誦讀起的用戶,如果遇到圖片,便舉鼎絕臏被讀誦器識別,這此辰光就足以采取替代文本的功能,當宣讀器宣讀到某張圖片時,得以將圖片變更為編者者所設置好的替代文本,這樣就可以通過替代文本的方式聲援有視覺障礙的用戶理解情節。

      肆、體驗槽點

      1. 入庫彈窗按鈕功過

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      在點擊印張庫存時彈出去的彈窗,發現右上角的「關掉」功過到彈窗戶外部了,一個非常有目共睹的線上 BUG 。

      2. 區塊拖動沒有交互反饋

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      一有些區塊在拖拽的天時,只會講區塊的稱號帶上,短少即將挪窩到的目標坐席的交互反饋。

      3. 一些視覺樣式不統一

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      創建空間的時刻,堪好發現創建空間的彈窗與外頭的其它印張的視覺樣式差異很多,大庭廣眾瞧起來就不是一套設計樣式。推論是歸因于有相形之下久遠的羅曼史設計底賬問題,導致此時此刻通體成品硬盤在一些印張的視覺樣式格格不入。

      4. 印張引得

      「Confluence」產品體驗設計拆解|16個優秀體驗細節

      在體驗 Confluence 的歷程中,不知道是否緣以筆者沒有找到功能的緣由,發現 Confluence 沒有境內一些文檔器具都有的索引錨點功能(如果大家有發現的話,得以告知我 ),雖然足以通過插入引得索引入兌現,但是其一目次只是兌現一個跳轉,并無從將目次固定在印張的左側或右側顯示。并且以此引得只能在印張的查瞧態才干瞅到,在編者態的當兒獨木不成林預覽目次,導致在摒擋這篇篇章的時分,經常要優劣骨碌翻瞧,略顯枝節。

      伍、點題

      總體來講,Confluence 是是非非常一往無前的團隊知識管事器具,它覆蓋了非常周全的團隊協同場景,境內很多文檔成品的設計都會家訓 Confluence 中的一些設機謀略和設計理念。正文只是依據日常使動場景測試出的一些小分組,功能體驗也還有非常多的可取之處。

      鑒于流光和篇幅有限,正文關于 Confluence 的設計拆解中存在的疏誤之處還望大家給與雅正,歡迎大家一起習修和議事。

      參考鏈接:

      https://www.woshipm.com/pd/4836001.html

      https://z?huanlan.zhihu.com/p/105877523

      上一篇: 怎么謹慎地評估一個數據源

      下一篇: 再談“斷直連”——政策、方案與不確定問題

      相關推薦
      ?
      返回頂部
      AAAAAA大片免费看最大的

      <pre id="xxxvx"><pre id="xxxvx"></pre></pre>

          <address id="xxxvx"></address>
          <address id="xxxvx"><pre id="xxxvx"><span id="xxxvx"></span></pre></address>

          <address id="xxxvx"></address>

          <p id="xxxvx"><pre id="xxxvx"></pre></p>