專利名稱:基于企業(yè)內(nèi)容管理平臺的軟件界面布局及人機交互設(shè)計的制作方法
技術(shù)領(lǐng)域:
本發(fā)明涉及大型平臺軟件的人機交互設(shè)計及布局方式。
背景技術(shù):
隨著計算機領(lǐng)域HCI (Human-Computer Interaction)技術(shù)的飛速發(fā)展,已經(jīng)形成 了包括從前期用戶研究、競品分析、角色設(shè)定等,到中期信息架構(gòu)、原型及交互邏輯設(shè)計,再 到后期的視覺設(shè)計及開發(fā)、可用性測試等環(huán)節(jié)的相對完整的以用戶為中心的設(shè)計流程。針 對大型平臺軟件,由于要面對大量不同角色的用戶群體和操作行為方式,這種技術(shù)和設(shè)計 流程顯得尤為重要。
發(fā)明內(nèi)容
本發(fā)明的目的是提供一種面向企業(yè)內(nèi)容管理平臺軟件的布局和交 互方式,它是通 過對相對成熟的人機交互設(shè)計方法和以用戶為中心的設(shè)計流程在企業(yè)內(nèi)容管理領(lǐng)域中的 引用,創(chuàng)造了一種全新的軟件布局和交互方式,大大提高了產(chǎn)品的易用性,使用戶的體驗程 度得到大幅度提升。這其中主要包括兩個部分主頁和站點配置。在主頁頁面,主要包含了搜索、導航、 工具索引和工具及工具箱的布局及交互方式。用戶可以針對全局的內(nèi)容、人員和站點進行 快捷搜索和高級搜索,可以方便靈活的控制導航標簽、工具索引、工具和工具箱的添加、刪 除、改變順序等操作。在站點配置頁面中,主要分三步讓用戶快速方便的對站點中所要應用 的工具和應用程序進行靈活的定制。通過這種布局和交互方式的設(shè)定,可以讓產(chǎn)品更加人 性化,更加貼近人的使用習慣和操作方式,從而大幅提升產(chǎn)品的用戶體驗度。
附圖為本發(fā)明的軟件布局方式和交互行為示意圖。
具體實施例方式下面結(jié)合附圖對本發(fā)明所述的技術(shù)方案做進一步詳細描述。登錄系統(tǒng)后點擊主頁標簽,將看到主頁頁面的布局(圖1)。在最頂部的一欄中, 左側(cè)可放置公司的口號等,而右側(cè)則放置用戶最常用的操作配置、個人信息、登出、幫助和 RSS(圖2)。其下是Banner條,包含了公司的Logo和統(tǒng)一搜索功能(可針對內(nèi)容、用戶、站 點等分別搜索)(圖3)。再往下是導航欄,其中包含了歡迎頁面(圖4)、主頁和常用的站點 等,更多的站點和關(guān)閉的站點被隱藏在下拉箭頭的菜單中,以節(jié)省空間;還可通過加號圖標 來創(chuàng)建新的站點。其最右側(cè)是站點收藏和站點操作選項,可完成對站點的配置、重命名、刪 除等操作(圖5)。隨著導航欄標簽的切換,其下的內(nèi)容可以是歡迎頁面(快速導航頁面,提 供個人信息配置、主頁和幫助向?qū)У娜肟?(圖4)、主頁和各個站點頁面。主頁中包含了許 多很實用的小工具,如活動記錄、常用標簽、最近瀏覽的文檔、詞典等,多達近30個;其左側(cè)欄中包含了已打開的工具目錄和工具箱(圖6),通過工具箱控件可以方便靈活的從中拖動圖標來創(chuàng)建相應的工具面板(圖9),而每一個工具面板又可以隨意拖動以改變其位置,并 可以實現(xiàn)最大化、最小化等多個狀態(tài)的切換(圖7)(圖8);右側(cè)則是不同的小工具窗口,其 默認狀態(tài)下分為三欄,也可通過配置工具將其改為兩欄或一欄。站點頁面中則包含了站點 歡迎頁(提供站點配置、應用工具和匯總視圖的入口)、應用工具頁和匯總視圖(站點的工 具面板集合),可通過最左側(cè)豎向的Tab欄切換(圖10)。其中應用工具頁中包含了產(chǎn)品最 核心的功能,包括文檔庫、工作流、任務管理等,可通過左側(cè)的目錄欄進行切換,而右側(cè)則是 相應的打開的應用工具的詳細操作頁面(圖11)。在整個產(chǎn)品界面的最底部是頁腳信息,包 含了登錄時間、訪問IP等,并可通過配置面板進行靈活的定制。 在創(chuàng)建站點的過程中,首先會彈出對話窗口要求輸入站點名稱和鏈接地址(圖 12)。之后進入站點配置頁面,配置過程共分三步站點信息、應用配置和工具配置(圖13)。 頂部的配置向?qū)Ыo出了配置的流程和進度,符合用戶的心理預期,能夠?qū)崿F(xiàn)操作前有預知、 操作中有反饋、操作后可容錯的交互原則。在應用配置和工具配置的過程中,用戶可通過拖 放的操作完成對應用和工具選項的添加、刪除等(圖14)(圖15)。配置完成后,進度剛好到 頭,同時會彈出窗口給出提示(圖16)。
權(quán)利要求
一種平臺軟件的布局方式,包括搜索、導航、主頁、工具及工具箱、站點及其配置等多個部分。其特征在于對界面空間的充分利用、界面元素的靈活組合、以及整體布局合理協(xié)調(diào)。其特征不僅適用于平臺軟件每一部分布局,而且適用于平臺軟件的整體布局。
2.一種平臺軟件的交互邏輯和人機對話方式,同樣包括搜索、導航、主頁、工具及工具 箱、站點及其配置等多個部分。其特征在于交互邏輯和人機交互過程的直觀性、人性化、簡 潔高效。其特征不僅適用于平臺軟件每一部分的交互邏輯和人機交互過程,而且適用于平 臺軟件整體的交互邏輯和人機交互過程。
全文摘要
本發(fā)明的目的是提供一種面向企業(yè)內(nèi)容管理平臺軟件的布局和人機交互方式,它是通過對成熟的人機交互設(shè)計方法和以用戶為中心的設(shè)計流程在平臺軟件中的運用,創(chuàng)造了一種全新的軟件布局和交互方式,大大提高了產(chǎn)品的易用性,使用戶的體驗程度得到大幅度提升。其中主要包括兩個部分主頁和站點配置。在主頁頁面,主要包含了搜索、導航、工具索引和工具及工具箱的布局及交互方式。用戶可以針對全局的內(nèi)容、人員和站點進行快捷搜索和高級搜索,可以方便靈活的控制導航標簽、工具索引、工具和工具箱的添加、刪除、改變順序等操作。在站點配置頁面中,主要分三步讓用戶快速方便的對站點中所需的工具和應用程序進行靈活的定制。通過這種布局和交互方式的設(shè)定,可以讓產(chǎn)品更加人性化,更加貼近人的使用習慣和操作方式,從而大幅提升產(chǎn)品的用戶體驗度。
文檔編號G06F9/44GK101819528SQ201010113129
公開日2010年9月1日 申請日期2010年2月24日 優(yōu)先權(quán)日2010年2月24日
發(fā)明者不公告發(fā)明人 申請人:上海引跑信息科技有限公司