專利名稱:一種文件管理系統用戶界面的設計方法
技術領域:
本發明涉及一種文件管理系統的設計方法,尤其涉及一種文件管理系統用戶界面的設計方法。
背景技術:
用戶在使用個人計算機、智能手機時會保存許多各種類型的文件,可能有電子書、音樂、視頻、office文檔、電子便箋等。這些文件作為個人文件不僅因為它們是用戶自己保存或者收集的,更因為用戶以后可以檢索并使用它們,使用它們是用戶的最終目的。文件管理系統用戶界面的作用是提供一個方便用戶管理和使用個人文件的方式,使用戶可以有效、高效、滿意地管理使用個人文件。
如同其它用戶界面的發展一樣,文件管理系統用戶界面的發展主要經歷了三個階段批處理界面、命令行界面、圖形用戶界面。以直接操縱為主要特點的WMP(Windows,Icons,Menus, Pointer)界面是PC上圖形化界面的主要表現形式,對于移動設備,雖然鼠標的點擊操作被手指的觸摸操作代替,但是并沒有發生質的變化,只能說是WMP針對移動設備特制的微縮版本或改進版本。以技術為中心的設計方法產生了低可用性,當前用戶界面設計方法的發展趨勢是以人為中心的設計方法。以人為中心的設計過程要求設計者首先理解特定的使用上下文,然后再去規約用戶需求。現有的文件管理系統用戶界面雖然可以滿足用戶功能上的需求,完成用戶的各種任務,但無法使用戶高效地管理文件,也無法向用戶提供更好的使用體驗。現有方法設計的各種文件管理系統用戶界面如windows下的explorer, android下的ES文件管理系統,其共有的主要缺點是一、使用線性管理的方式。用戶要定位到某一文件,就從根目錄開始一層層進入到目標文件所在的文件夾,從上自下定位到目標文件。想要進入深一層的文件夾,就切換了一次界面;想要進入上級文件夾下的其它文件夾,需要進行兩次界面切換,先返回上級目錄,然后再進入目標文件夾。由于切換不是用戶的目標,但在傳統方式下進行復制、粘貼等又不得不做,因此每一次切換都會帶來心理上的不適;二、用戶與系統交互的帶寬較窄,系統提供給用戶的只有某級目錄下的文件列表,未提供其父目錄、子目錄的信息,也未提供靈活的分類方式。用戶無法使用無意識記憶信息。
發明內容
本發明的目的是克服現有用戶界面設計方法產生的使用線性管理方式和用戶與系統交互帶寬較窄的問題,以實現非線性的文件管理,并增加用戶與系統交互的帶寬,提高用戶與系統交互的效率。為達上述目的,本發明提供了一種文件管理系統用戶界面的設計方法,包括三個步驟步驟I、獲取物理存儲上的文件列表。可使用各種語言提供的庫函數,包括其集成開發環境IDE提供的相關接口,也可使用操作系統提供的API函數或使用系統自帶的工具程序。步驟2、將文件、文件夾以節點表示,使用此發明方法生成的用戶界面主要由節點、節點之間的連接圖形組成。步驟3、通過連接圖形將非根節點在根節點四周層次連接為呈放射狀的文件圖。文件圖中將界面中沒有前驅節點的節點稱為根節點,與之對應,其它有前驅節點的節點稱為非根節點;不再作為其它節點前驅節點的節點稱為葉節點;每個節點有零個或多個子節點;節點A為節點B的前驅節點,則稱節點A為節點B的父節點,節點B為節點A的子節點。這里將節點分為根節點和非根節點、葉節點和非葉節點、父節點和子節點都只是為了方便說明。整個文件管理系統用戶界面就是一個節點圖,或稱文件圖,文件圖看起來像一顆向四周生長的樹。上述文件管理系統用戶界面的設計方法,在步驟3通過連接圖形將非根節點在根 節點四周層次連接為呈放射狀的文件圖時,首先將根節點定位于屏幕中央。上述文件管理系統用戶界面的設計方法,步驟I可以是在android系統使用File類,將Path作為參數構造File類的對象以獲得該Path的所有屬性,通過遞歸遍歷獲得所需文件列表;步驟2可以是將步驟I獲得的文件列表中的每一項,以文件名或文件夾名作為標識,以文件或文件夾的完整路徑、類型、大小、創建日期、讀寫權限作為屬性,在內存中創建節點;步驟3可以是依照文件列表的層次結構,將對應的頂層節點作為根節點放置在屏幕中央,其子節點均勻分布在根節點周圍,根節點子節點的子節點均勻地分布在根節點子節點的周圍,如此遞歸形成文件圖。上述文件管理系統用戶界面的設計方法,在步驟3之后還包括在節點之間添加鏈接的步驟。上述文件管理系統用戶界面的設計方法,在步驟3之后還包括,將節點按照其屬性分類,給不同屬性的節點使用不同樣式表示的步驟。使用分類的思想所依照的屬性有文件種類(是文件夾還是文件)、創建日期、文件格式(avi、pdf、txt、bat、doc)、修改日期、是否隱藏、文件作者、文件大小、修改日期以及由這些單一屬性組合而成的復合屬性。可以使用文件或文件夾節點名稱的顏色、字體、底紋、背景或者其節點圖形表示的顏色、形狀、填充顏色,以及由這些單一樣式組合而形成的復合樣式來表示不同類的節點。同時包括在包含子節點的父節點旁添加打開指示或折疊指示的步驟。打開指示可以是加號、帶圓圈的加號、也可以是使用文字“展開”、“打開”形成的對用戶的操作指示;折疊指示可以是減號、帶圓圈的減號、也可以是使用文字“關閉”、“折疊”、“合起”形成的對用戶的操作指示。用戶使用鼠標點擊打開指示,或者使用觸摸操作范式點擊打開指示時,顯示此打開指示所在節點下未顯示的子節點,并自動將打開指示變換為折疊指示。反之,用戶使用鼠標點擊折疊指示,或者使用觸摸操作范式點擊折疊指示時,取消對此折疊指示所在節點下子節點的顯示,并自動將折疊指示變換為打開指示。上述文件管理系統用戶界面的設計方法,在步驟3之后,還包括由用戶從文件圖上將自己不關心的、不希望顯示的節點刪除的步驟。物理存儲中的文件可以分為兩類,一類是用戶關心的,一類是用戶不關心的,用戶不關心的文件不應該在文件管理系統中直接暴露給用戶,此步驟由用戶決定哪些文件是其關心的,哪些是其不關心的。之后便將用戶不關心的文件(如系統文件)去除,這里不是刪除移動設備的物理存儲,只是在文件圖用戶界面的顯示中將其去除。上述節點本身可以用文字表示或用長方形、圓形、多邊形或帶陰影的圖形結合文字或用文件縮略圖、文件縮略圖結合文字表示。上述節點之間的連接圖形可以是直線、曲線或不規則的幾何圖形。上述文件管理系統用戶界面的設計方法,還包括允許用戶對文件圖進行各種個性化設置,如節點背景圖片、文件圖或節點背景音樂、節點動畫,因為圖像、聲音等信息對用戶認知也有積極意義,使用它們使用戶定制自己的文件圖樣式可以提高系統的可用性。本發明的主要優點是一、采用非線性組織結構文件圖文件管理系統用戶界面的最大特點是使用非線性的文件組織結構,首先,它避免了線性組織文件需要頻繁切換界面所帶來的時間延遲以及由此造成的用戶不滿。例 如移動操作,在現有文件系統用戶界面下,需要多步來完成進入要移動的文件所在的文件夾;剪切文件;進入要移動至的目的文件夾;粘貼文件。但對于文件圖用戶界面,只需拖動文件一個步驟。這也減少了在文件圖上操作的差錯率。同時將線性結構改為非線性只體現在用戶界面上,并不要求改變文件的物理存儲;其次,它克服了原有文件管理系統用戶界面某一時刻主要顯示特定路徑下某一層次文件信息(也就是只顯示某一文件夾下所有文件夾及文件)的缺點,增大了用戶和系統交互的帶寬,一方面,系統給用戶呈現信息的帶寬增加了。在用戶使用文件系統的過程中,這些信息在不加重用戶認知負擔的前提下(用戶并沒有有意去記憶)不斷強化用戶對現有文件及其屬性的認知,主要包括文件的名稱、位置、顏色、字體、形狀及周邊的父節點、子節點、兄弟節點等相關信息,這些都為日后用戶的再次查找使用提供信息;另一方面,用戶可以操作和選擇的空間變大,輸入信息的帶寬也增加了。二、使用隱喻通過使用隱喻,可以使用戶把在現實生活中的操作技能自然地映射到人機對話中,降低了學習門檻。人們在使用筆時不會注意到筆的存在,使用小推車時也不會注意小推車本身的存在,因為人類使用筆和小推車好多個世紀了,相關的操作已融入到他們的生活中,滲透在他們的血液中。所以需要將文件管理系統的用戶界面通過使用隱喻和現實中人們經常使用的物品結合起來,文件圖用戶界面,正是使用地圖的隱喻。現在人們能找到的最早的地圖實物是刻在陶片上的古巴比倫地圖,據考這是4500多年前地圖,可見地圖也如筆、小車一樣早已融入人們的生活中,當前廣泛應用并深受用戶喜愛的電子地圖就是使用地圖的隱喻。文件圖上的表現形式和操作形式和地圖及電子地圖的極大相似性提高了系統的易學習性。三、直接操縱直接操縱的方法要求系統提供對象表示,使得用戶對對象表示的操作像是在操作對象自己,這提供給用戶直接操作的感覺;同時直接操縱縮小了用戶意圖和系統提供的實現機制之間的信息處理距離,減少了用戶完成目標所需的努力。采用直接操縱的用戶界面已被用戶廣泛接受并喜愛。在文件圖用戶界面上,所有對象的圖形表示都在同一個文件圖上,直接操縱變得很自然。例如,我們可以拖動一個節點到文件圖的另一個節點表示移動,將一個節點拖到垃圾筐表示刪除。
下面結合附圖和實施方式對本發明作進一步詳細的說明。圖I為本發明實施例I最終得到的用戶界面的結構示意圖。圖2為本發明實施例I完成步驟3后所生成的文件圖的結構示意圖,同時為本發明實施例2最終得到的用戶界面的結構示意圖。圖3為本發明實施例I完成步驟4后所生成的文件圖的結構示意圖。圖4為本發明實施例I完成步驟5后所生成的文件圖的結構示意圖。圖5為本發明實施例I完成步驟6后所生成的文件圖的結構示意圖。圖6為本發明實施例3和實施例4最終得到的用戶界面的結構示意圖。
具體實施例方式實施例I :使用本發明方法生成一個管理android系統智能手機SD卡文件的文件管理系統用戶界面。SD 卡包含文件 fll、sl2、fl3、f21、f22、s31、s32、f33、f41、f521、f522、s523,包含文件夾Fl、F2、F3、F4、Hl、F5、F51、H52以及SD,這里根路徑自身作為特殊文件夾對待。在本實施例中,用戶不關心文件f522,其它文件和文件夾都是用戶關心的;文件fll、fl3、m、f22、f33、f41、f521、f522 為只讀文件和文件 sl2、s31、s32、s523 為讀寫文件,文件夾H1、H52具有隱藏屬性,而文件夾?1、?243、?4、?5、?51、30不具有隱藏屬性;用戶只希望F2的子節點折疊;文件f33與Π3關聯。步驟I :獲取SD卡上的文件列表從物理存儲讀取的文件列表為SD/Fl/fll;SD/Fl/sl2 ;SD/Fl/fl3 ;SD/F2/f21 ;SD/F2/f22 ;SD/F3/s31 ;SD/F3/s32 ;SD/F3/f33 ;SD/F4/f41 ;SD/H1 ;SD/F5/F51 ;SD/F5/H52/f521 ;SD/F5/H52/f522 ;SD/F5/H52/s523。步驟2 :將文件、文件夾以節點I表示從步驟I獲得的文件列表,我們可以得到節點fll、sl2、fl3、f21、f22、s31、s32、f33、f41、f521、f522、s523、FI、F2、F3、F4、HI、F5、F51、H52、SD。這里節點SD為根節點,其它節點為非根節點。步驟3 :通過連接圖形2將非根節點12在根節點11四周層次連接為呈放射狀的文件圖。這里形成文件圖的具體過程可以使用遞歸法,即在根文件節點11下添加子節點,再在子節點上添加子子節點,如此遞歸,直至將第二步得到的非根節點12全部添加到文件圖。得到的文件圖如圖2所示。步驟4 :由用戶從文件圖上將自己不關心的、不希望顯示的節點f522刪除。得到的文件圖如圖3所示。步驟5 :將節點按照其屬性分類,給不同屬性的節點使用不同樣式表示。文件fll、f33、f41、f521、f522和文件s523、sl2、s31、s32擁有不用的屬性,因此其對應的節點使用的表示圖形屬性不同;文件同文件夾也屬于不同的節點,其對應的節點也使用不同的圖形表示;根節點使用不同于非根節點的圖形表示;文件夾H1、H52具有隱藏屬性,而文件F1、F2、F3、F4、F5、F51、SD不具有隱藏屬性,因此其對應的節點使用不同的圖形屬性表示。得到的文件圖如圖4所示。步驟6 :在包含子節點的父節點旁添加打開指示31或折疊指示32。本實施例中,使F2的子節點處于不顯示狀態并在F2左側添加帶加號的圓的圖形;在節點F1、F3、F4、F5及H52旁添加中間帶有減號的圓的圖形;節點H1、F51沒有子節點,即表示其對應的文件夾中沒有文件和文件夾,旁邊不顯示圖形。得到的結果如圖5所示。步驟7 :文件f33與f 13存在關聯,其對應的節點使用鏈接線4連接,通過節點f33可以訪問Π3。這樣得到實施例一生成的最終用戶界面如圖I所示。下邊進一步說明在使用本發明的方法生成的用戶界面上的具體操作一、管理文件圖對文件圖來說,節點是具體文件、文件夾對象的圖形化表示,對文件圖的編輯操作 主要有刪除節點、消隱節點、復制節點、移動節點。這里以其操作方式之一進行簡要介紹當用戶使用點擊操作選擇單個或多個節點時,界面旁邊出現垃圾筐、消隱筐、中轉筐等圖形,此時用戶可以使用拖動操作將選中節點及其子節點拖到垃圾筐、消隱筐、中轉筐上來實現刪除節點、消隱節點、復制節點。直接拖動節點到其它節點下即可實現移動操作。對于用戶來說,這種直接操縱的方式有利于其達到自己的目標。當用戶選中任一節點時,采用廣泛使用的觸覺反饋技術,使手機輕微震動,作為對手指阻擋了部分屏幕而降低了界面可視反饋的補償。這使得用戶可以確定自己的操作,如果用戶是誤選,則可以通過再次選擇該節點而取消選擇。這樣可以防止用戶在誤操作后,因為缺乏足夠反饋而導致用戶并未發現此誤操作,而引起的后續錯誤發生。二、使用文件圖用戶使用文件圖的主要操作有手動查找節點、操作節點。通過移動文件圖和縮放文件圖來定位目標文件。在文件圖空白處拖動即可移動文件圖。縮小操作的一個作用是減小用戶定位目標文件所需的對文件圖的拖動距離,另一個作用是使用戶掌握文件圖的整體情況。放大操作的一個作用使用戶可以輕松看清文件圖局部細節,另一個作用是方便用戶對文件進行相關操作。在節點上使用連擊可以設定此文件夾節點顯示在設備的中心,它提供了一個和拖動操作功能作用相同的操作方式。用戶通過手動查找或者搜索找到需要的文件后即可進行相應的進一步操作,例如通過在音頻文件上點擊來使用相關聯的程序進行播放。實施例2 :使用本發明方法生成一個android系統平板電腦文件的文件管理系統用戶界面。此平板電腦包含文件 fll、sl2、fl3、m、f22、s31、s32、f33、f41、f521、f522、8523,包含文件夾卩1、卩2、卩3、卩4、!11、卩5、卩51、!152以及SD。步驟I、步驟2、步驟3同實施例1,完成步驟3后得到的文件圖,如圖2所示即為最終的用戶界面。使用本實施例用戶界面時的具體操作與實施例I同。實施例3 :使用本發明方法生成一個管理windows系統PC —文件夾下文件的文件管理系統用戶界面。要管理的文件夾名稱為30,此文件夾中含文件€11、812413421422、s31、s32、f33、f41、f521、f522、s523,包含文件夾 FI、F2、F3、F4、HI、F5、F51、H52。在本實施例中,文件fll、fl3、f21、f22、f33、f41、f521、f522為只讀文件和文件sl2、s31、s32、s523為讀寫文件,文件夾H1、H52具有隱藏屬性,而文件夾F1、F2、F3、F4、F5、F51、SD不具有隱藏屬性;用戶只希望F2的子節點折疊。步驟I、步驟2、步驟3同實施例I ;步驟4同實施例I的步驟5 ;步驟5同實施例I的步驟6。得到的最終用戶界面如圖6所示。使用本實施例用戶界面時的具體操作與實施例I同。實施例4 實現場景同實施例3。步驟I、步驟2、步驟3同實施例I ;步驟4同實施例3的步驟5 ;步驟5同實施例3的步驟4,但由于在步驟4加入了可折疊包含子節點的文件夾節點的操作,對于已折疊的節點,其子節點仍按其屬性確定其顯示樣式,但不在界面顯示。用戶使用鼠標點擊打開指示,或者使用觸摸操作范式點擊打開指示時,則將其顯示。
得到的最終用戶界面如圖6所示。使用本實施例用戶界面時的具體操作與實施例I同。實施例5 :使用本發明方法生成一個管理塞班系統智能手機SD卡文件的文件管理系統用戶界面。SD 卡包含文件 fll、sl2、fl3、f21、f22、s31、s32、f33、f41、f521、f522、s523,包含文件夾Fl、F2、F3、F4、Hl、F5、F51、H52以及SD,這里根路徑自身作為特殊文件夾對待。在本實施例中,用戶不關心文件f522,其它文件和文件夾都是用戶關心的;文件fll、fl3、f21、f22、f33、f41、f521、f522 為只讀文件和文件 sl2、s31、s32、s523 為讀寫文件,文件夾H1、H52具有隱藏屬性,而文件夾?1、?243、?4、?5、?51、30不具有隱藏屬性;用戶只希望F2的子節點折疊;文件f33與Π3關聯;用戶希望文件圖以一張草地的照片作為文件圖背景。步驟I至步驟7同實施例I ;步驟8 :用戶對文件圖進行個性化設置,將草地的照片作為文件圖的背景,即得到最終的用戶界面。使用本實施例用戶界面時的具體操作與實施例I同。
權利要求
1.一種文件管理系統用戶界面的設計方法,其特征在于包括以下步驟步驟I、獲取物理存儲上的文件列表;步驟2、將文件列表中的文件、文件夾以節點(I)表示,其中節點(I)包括根節點(11)和非根節點(12);步驟3、通過連接圖形(2)將非根節點(12)在根節點(11)四周層次連接為呈放射狀的文件圖。
2.根據權利要求I所述文件管理系統用戶界面的設計方法,其特征在于在步驟3通過連接圖形(2)將非根節點(12)在根節點(11)四周層次連接為呈放射狀的文件圖時,首先將根節點(11)定位于屏幕中央。
3.根據權利要求I所述文件管理系統用戶界面的設計方法,其特征在于 所述步驟I的具體步驟為在android系統使用File類,將Path作為參數構造File類的對象以獲得該Path的所有屬性,通過遞歸遍歷獲得所需文件列表; 所述步驟2的具體步驟為將步驟I獲得的文件列表中的每一項,以文件名或文件夾名作為標識,以文件或文件夾的完整路徑、類型、大小、創建日期、讀寫權限作為屬性,在內存中創建節點⑴; 所述步驟3的具體步驟為依照文件列表的層次結構,將對應的頂層節點作為根節點(II)放置在屏幕中央,其子節點均勻分布在根節點(11)周圍,根節點子節點的子節點均勻地分布在根節點子節點的周圍,如此遞歸形成文件圖。
4.根據權利要求I所述文件管理系統用戶界面的設計方法,其特征在于在步驟3之后還包括在節點(I)之間添加鏈接(4)的步驟。
5.根據權利要求I所述文件管理系統用戶界面的設計方法,其特征在于在步驟3之后還包括將節點(I)按照其屬性分類,給不同屬性的節點(I)使用不同樣式表示的步驟,以及在包含子節點的父節點旁添加打開指示(31)或折疊指示(32)的步驟。
6.根據權利要求I所述文件管理系統用戶界面的設計方法,其特征在于在步驟3之后還包括由用戶從文件圖刪除節點(I)的步驟。
7.根據權利要求1、2、3、4、5或6所述文件管理系統用戶界面的設計方法,其特征在于節點(I)本身以文字表示或用長方形、圓形、多邊形或帶陰影的圖形結合文字或用文件縮略圖、文件縮略圖結合文字表示,節點(I)之間的連接圖形(2)可以是直線、曲線或不規則的幾何圖形。
8.根據權利要求7所述文件管理系統用戶界面的設計方法,其特征在于在步驟3之后還包括允許用戶對文件圖進行個性化設置,以定制自己的文件圖樣式的步驟。
全文摘要
一種文件管理系統用戶界面的設計方法,包括三個步驟,步驟一為獲取物理存儲上的文件列表;步驟二為將文件、文件夾以節點表示;步驟三為通過連接圖形將非根節點在根節點四周層次連接為呈放射狀的文件圖。使用本發明的方法克服了現有文件管理系統使用線性管理及交互帶寬窄的問題,使文件管理系統用戶界面形成了一種非線性組織結構,在其上更適合直接操縱交互方式,由于其符合人的認知特性,因此大大提高了系統和用戶之間的交互帶寬,減少了用戶的認知荷載,提高了用戶與系統交互的效率。
文檔編號G06F17/30GK102819541SQ20111036263
公開日2012年12月12日 申請日期2011年11月15日 優先權日2011年11月15日
發明者常言說, 華慶一 申請人:常言說