應(yīng)用交互界面信息展示方法及裝置制造方法
【專利摘要】本發(fā)明涉及一種應(yīng)用交互界面信息展示方法及裝置，其方法包括接收用戶在初始應(yīng)用交互界面向上滑動的滑動指令；根據(jù)滑動指令將交互內(nèi)容信息連同個人信息欄向上滑動；當(dāng)個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū)域的頂部時，將個人信息欄固定顯示在當(dāng)前位置；并可在當(dāng)前位置將個人信息欄按照預(yù)定比例縮小并進(jìn)行固定顯示，從而提高用戶個人信息與交互內(nèi)容信息的協(xié)調(diào)性，節(jié)省應(yīng)用界面顯示資源；當(dāng)應(yīng)用交互界面具有背景圖片時，將背景圖片連同交互內(nèi)容信息及個人信息欄向上滑動，在滑動過程中使背景圖片在其顯示區(qū)域逐漸減小直至消失，由此既保持現(xiàn)有視覺圖片，又能展示更多的內(nèi)容信息，使視覺設(shè)計的美觀性和信息內(nèi)容的完整性達(dá)到很好的平衡性。
【專利說明】應(yīng)用交互界面信息展示方法及裝置
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及移動互聯(lián)網(wǎng)【技術(shù)領(lǐng)域】，尤其涉及一種應(yīng)用交互界面信息展示方法及裝 置。
【背景技術(shù)】
[0002] 目前在移動互聯(lián)網(wǎng)中，對于各種社交平臺（如Qzone、facebook、微博、朋友網(wǎng)以及 通訊錄等）中的網(wǎng)頁應(yīng)用（app)界面，常常以漂亮的大圖片作為背景，同時在背景圖片上加 上個人的頭像照片，作為用戶標(biāo)識，如圖la所示。
[0003] 現(xiàn)有的這種應(yīng)用界面設(shè)計特點(diǎn)雖然可以為用戶提供精美的視覺感受，但是，在用 戶向上滑動界面以便向下瀏覽更多信息內(nèi)容的時候，背景圖片和頭像信息也會跟著向上滑 動直至消失，如圖lb所示，信息內(nèi)容代替背景圖片，這不僅降低了應(yīng)用界面顯示效果，而且 造成用戶標(biāo)識信息的缺失，給了用戶不明的指向性，因此，這種方式無法實現(xiàn)用戶個人信息 和內(nèi)容信息在應(yīng)用界面的共存，從而降低了用戶個人信息和內(nèi)容信息的協(xié)調(diào)性。
[0004] 另外，現(xiàn)有技術(shù)還有一種應(yīng)用界面沒有設(shè)計背景圖片，而是只顯示一個固定的用 戶頭像，例如有些微博類的app，為了表明當(dāng)前用戶的一些個人信息和頭像，把用戶頭像及 名字等固定在應(yīng)用界面的頂部，如圖2a所示；在滑動瀏覽信息內(nèi)容時，應(yīng)用界面頂部的頭 像和名字依然存在，如圖2b所示。但是這種方式中，固定顯示在應(yīng)用界頂部的頭像和名字 等信息對界面顯示區(qū)域遮擋面積較大，因此會減少正常交互信內(nèi)容息的顯示區(qū)域。
【發(fā)明內(nèi)容】
[0005] 本發(fā)明實施例的主要目的在于提供一種應(yīng)用交互界面信息展示方法及裝置，旨在 提高用戶個人信息與交互內(nèi)容信息的協(xié)調(diào)性，并節(jié)省應(yīng)用界面顯示資源。
[0006] 為了達(dá)到上述目的，本發(fā)明實施例提出一種應(yīng)用交互界面信息展示方法，包括：
[0007] 接收用戶在初始應(yīng)用交互界面向上滑動的滑動指令；所述初始應(yīng)用交互界面至少 包括個人信息欄及位于所述個人信息欄下方的交互內(nèi)容信息；
[0008] 根據(jù)所述滑動指令將所述交互內(nèi)容信息連同所述個人信息欄向上滑動；
[0009] 當(dāng)所述個人信息欄的頂部到達(dá)所述初始應(yīng)用交互界面的顯示區(qū)域的頂部時，將所 述個人信息欄固定顯示在當(dāng)前位置。
[0010] 本發(fā)明實施例還提出一種應(yīng)用交互界面信息展示裝置，包括：
[0011] 接收模塊，用于接收用戶在初始應(yīng)用交互界面向上滑動的滑動指令；所述初始應(yīng) 用交互界面至少包括個人信息欄及位于所述個人信息欄下方的交互內(nèi)容信息；
[0012] 滑動模塊，用于根據(jù)所述滑動指令將所述交互內(nèi)容信息連同所述個人信息欄向上 滑動；
[0013] 顯示模塊，用于當(dāng)所述個人信息欄的頂部到達(dá)所述初始應(yīng)用交互界面的顯示區(qū)域 的頂部時，將所述個人信息欄固定顯示在當(dāng)前位置。
[0014] 本發(fā)明實施例提出的一種應(yīng)用交互界面信息展示方法及裝置，當(dāng)接收到用戶在初 始應(yīng)用交互界面向上滑動的滑動指令時，將初始應(yīng)用交互界面上的交互內(nèi)容信息連同個人 信息欄向上滑動；當(dāng)個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū)域的頂部時，將個 人信息欄固定顯示在當(dāng)前位置，從而保持用戶頭像識別性的存在，提高了用戶個人信息與 交互內(nèi)容信息的協(xié)調(diào)性，并節(jié)省應(yīng)用界面顯示資源；此外，當(dāng)初始應(yīng)用交互界面還包括背景 圖片時，將背景圖片連同交互內(nèi)容信息及個人信息欄向上滑動，在滑動過程中使背景圖片 在其顯示區(qū)域逐漸減小直至消失，由此，解決了用戶在閱讀個人相關(guān)社交信息時，在視覺設(shè) 計的美觀性和信息內(nèi)容的完整性上達(dá)到一個很好的平衡性，并可使用現(xiàn)有的具有視覺沖擊 的背景大圖，既保持現(xiàn)有的視覺方案，又能展示更多的內(nèi)容信息。
【專利附圖】
【附圖說明】
[0015] 圖la是現(xiàn)有技術(shù)中一種網(wǎng)頁應(yīng)用界面的示意圖；
[0016] 圖lb是用戶向上滑動圖la中界面后的示意圖；
[0017] 圖2a是現(xiàn)有技術(shù)中另一種網(wǎng)頁應(yīng)用界面的不意圖；
[0018] 圖2b是用戶向上滑動圖2a中界面后的示意圖；
[0019] 圖3是本發(fā)明應(yīng)用交互界面信息展示方法第一實施例的流程示意圖；
[0020] 圖4a是本發(fā)明實施例中一種應(yīng)用的初始應(yīng)用交互界面示意圖；
[0021] 圖4b是本發(fā)明實施例中將圖4a所示的界面進(jìn)行滑動操作后的一種示意圖；
[0022] 圖5a是本發(fā)明應(yīng)用交互界面信息展示方法第二實施例的流程示意圖；
[0023] 圖5b是本發(fā)明實施例中將圖4a所示的界面進(jìn)行滑動操作后的另一種示意圖；
[0024] 圖6是本發(fā)明應(yīng)用交互界面信息展示方法第三實施例的流程示意圖；
[0025] 圖7a是本發(fā)明實施例中另一種應(yīng)用的初始應(yīng)用交互界面示意圖；
[0026] 圖7b是本發(fā)明實施例中將類似圖7a所示的初始應(yīng)用交互界面進(jìn)行滑動操作后的 一種不意圖；
[0027] 圖8是本發(fā)明應(yīng)用交互界面信息展示方法第四實施例的流程示意圖；
[0028] 圖9是本發(fā)明實施例中將圖5b所示的應(yīng)用交互界面進(jìn)行交互內(nèi)容功能標(biāo)簽切換 后的不意圖；
[0029] 圖10是本發(fā)明應(yīng)用交互界面信息展示裝置第一實施例的結(jié)構(gòu)示意圖；
[0030] 圖11是本發(fā)明應(yīng)用交互界面信息展示裝置第二實施例的結(jié)構(gòu)示意圖。
[0031] 為了使本發(fā)明的技術(shù)方案更加清楚、明了，下面將結(jié)合附圖作進(jìn)一步詳述。
【具體實施方式】
[0032] 本發(fā)明實施例解決方案主要是：當(dāng)接收到用戶在初始應(yīng)用交互界面向上滑動的 滑動指令時，將初始應(yīng)用交互界面上的交互內(nèi)容信息連同個人信息欄向上滑動；當(dāng)個人信 息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū)域的頂部時，將個人信息欄固定顯示在當(dāng)前位 置，以保持用戶頭像識別性的存在，提高用戶個人信息與交互內(nèi)容信息的協(xié)調(diào)性，并節(jié)省應(yīng) 用界面顯示資源；此外還可以在當(dāng)前位置將個人信息欄按照預(yù)定比例縮小并進(jìn)行固定顯 示，進(jìn)一步節(jié)省應(yīng)用界面顯示資源，增加交互內(nèi)容信息的顯示區(qū)域；另外，當(dāng)初始應(yīng)用交互 界面還包括背景圖片時，將背景圖片連同交互內(nèi)容信息及個人信息欄向上滑動，在滑動過 程中使背景圖片在其顯示區(qū)域逐漸減小直至消失，使視覺設(shè)計的美觀性和信息內(nèi)容的完整 性達(dá)到一個很好的平衡性，并可使用現(xiàn)有的具有視覺沖擊的背景大圖，既保持現(xiàn)有的視覺 方案，又能展示更多的內(nèi)容信息。
[0033] 如圖3所示，本發(fā)明第一實施例提出一種應(yīng)用交互界面信息展示方法，包括： [0034] 步驟S101，接收用戶在初始應(yīng)用交互界面向上滑動的滑動指令；所述初始應(yīng)用交 互界面至少包括個人信息欄及位于所述個人信息欄下方的交互內(nèi)容信息；
[0035] 本實施例方法運(yùn)行環(huán)境涉及承載于移動終端的網(wǎng)絡(luò)社交平臺，該移動終端可以為 手機(jī)、平板電腦等。
[0036] 其中，初始應(yīng)用交互界面是指用戶在網(wǎng)絡(luò)社交平臺初始打開的網(wǎng)絡(luò)應(yīng)用交互界 面，比如某個用戶的通信錄(如圖7a所示)、微博、Qzone等應(yīng)用交互界面。
[0037] 通常在初始應(yīng)用交互界面中顯示有個人信息欄及位于所述個人信息欄下方的交 互內(nèi)容信息，個人信息欄通常設(shè)置在交互界面的上部；此外，為了提高用戶使用網(wǎng)頁應(yīng)用的 視覺沖擊效果，還可以在初始應(yīng)用交互界面中配置漂亮的大背景圖片。本實施例中是以初 始應(yīng)用交互界面包括個人信息欄(如圖4a中的陰影部分）及交互內(nèi)容信息(如圖4a中的條 紋框部分）進(jìn)行舉例說明。
[0038] 其中，個人信息欄可以包括具有用戶標(biāo)識作用的用戶個人頭像、姓名以及該用戶 的交互內(nèi)容信息所對應(yīng)的交互內(nèi)容功能標(biāo)簽(如圖4a中的A、B所示)。
[0039] 上述用戶個人頭像可以為操作移動終端的用戶本身，也可以為操作移動終端的用 戶所交互的用戶對象。
[0040] 上述交互內(nèi)容功能標(biāo)簽可以根據(jù)應(yīng)用需要設(shè)計為一個或多個，比如圖4a中的A、 B，其中A功能標(biāo)簽可以表示用戶的個人信息資料，B功能標(biāo)簽可以表示用戶的近況信息，t匕 如發(fā)表了什么微博、說說等；當(dāng)用戶選擇A功能標(biāo)簽時，在個人信息欄下方的交互內(nèi)容信息 的顯示區(qū)域則顯示該A功能標(biāo)簽對應(yīng)的用戶的個人信息資料；當(dāng)用戶選擇B功能標(biāo)簽時，在 個人信息欄下方的交互內(nèi)容信息的顯示區(qū)域則顯示該B功能標(biāo)簽對應(yīng)的用戶的近況信息。
[0041] 當(dāng)用戶進(jìn)入某個應(yīng)用的初始應(yīng)用交互界面時，界面中會顯示個人信息欄以及默認(rèn) 的交互內(nèi)容功能標(biāo)簽對應(yīng)的交互內(nèi)容信息，用戶可以通過向上滑動該交互界面來瀏覽閱讀 更多的交互內(nèi)容信息。
[0042] 步驟S102,根據(jù)所述滑動指令將交互內(nèi)容信息連同個人信息欄向上滑動；
[0043] 當(dāng)移動終端接收到用戶在初始應(yīng)用交互界面向上滑動的滑動指令后，在界面的顯 示區(qū)域中，將交互內(nèi)容信息連同個人信息欄向上滑動。
[0044] 在滑動的過程中，移動終端會判斷個人信息欄的頂部邊緣至初始應(yīng)用交互界面的 顯示區(qū)域的頂部的距離；當(dāng)個人信息欄的頂部邊緣至初始應(yīng)用交互界面的顯示區(qū)域的頂部 的距離達(dá)到預(yù)定值時，判定個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū)域的頂部。 以便后續(xù)將個人信息欄固定顯示在當(dāng)前位置，從而可以在應(yīng)用交互界面中保留具有用戶標(biāo) 識作用的個人信息欄。
[0045] 步驟S103,當(dāng)所述個人信息欄的頂部到達(dá)所述初始應(yīng)用交互界面的顯示區(qū)域的頂 部時，將所述個人信息欄固定顯示在當(dāng)前位置。
[0046] 當(dāng)個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū)域的頂部時，則控制個人信 息欄不再隨著交互內(nèi)容信息向上滑動，而是將個人信息欄固定顯示在當(dāng)前位置，使得個人 信息欄不再向上滑到消失，從而可以在應(yīng)用交互界面中保留具有用戶標(biāo)識作用的個人信息 欄。而交互內(nèi)容信息依然可以隨著用戶的滑動操作而向上瀏覽，由此在保持用戶頭像識別 性的存在的情況下，同時可以展示出更多用戶交互內(nèi)容信息，提高了用戶個人信息與交互 內(nèi)容信息的協(xié)調(diào)性，并節(jié)省了應(yīng)用界面顯示資源。
[0047] 下面以具體實例對本實施例方案進(jìn)行詳細(xì)闡述：
[0048] 如圖4a所示，用戶進(jìn)入某個應(yīng)用的初始應(yīng)用交互界面，該初始應(yīng)用交互界面顯示 有個人信息欄及位于所述個人信息欄下方的交互內(nèi)容信息，其中個人信息欄包括具有用戶 標(biāo)識作用的用戶個人頭像以及該用戶的交互內(nèi)容信息所對應(yīng)的交互內(nèi)容功能標(biāo)簽A和B， 其中，交互內(nèi)容功能標(biāo)簽A為默認(rèn)的交互內(nèi)容功能標(biāo)簽(參見圖4a中箭頭所示)，個人信息 欄下方顯示交互內(nèi)容功能標(biāo)簽A對應(yīng)的交互內(nèi)容信息。
[0049] 如圖4b所示，當(dāng)用戶在圖4a所示的初始應(yīng)用交互界面中按照圖4b中箭頭所示向 上進(jìn)行滑動操作后，在界面的顯示區(qū)域中，交互內(nèi)容信息連同個人信息欄向上滑動，在滑動 的過程中，當(dāng)移動終端識別到個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū)域的頂部 時，則停止向上滑動個人信息欄，而是將個人信息欄固定顯示在當(dāng)前位置，而交互內(nèi)容信息 依然可以隨著用戶的滑動操作而向上瀏覽，從而提高了用戶個人信息與交互內(nèi)容信息的協(xié) 調(diào)性，并節(jié)省了應(yīng)用界面顯示資源。
[0050] 如圖5a所示，本發(fā)明第二實施例提出一種應(yīng)用交互界面信息展示方法，在上述第 一實施例的基礎(chǔ)上，在上述步驟S103之后還包括：
[0051] 步驟S104,在當(dāng)前位置將所述個人信息欄按照預(yù)定比例縮小并進(jìn)行固定顯示。
[0052] 本實施例與上述第一實施例的區(qū)別在于，本實施例在當(dāng)個人信息欄的頂部到達(dá)初 始應(yīng)用交互界面的顯示區(qū)域的頂部，并將個人信息欄固定顯示在當(dāng)前位置時，進(jìn)一步還在 當(dāng)前位置將個人信息欄按照預(yù)定比例縮小并進(jìn)行固定顯示，從而可以在保持用戶頭像識別 性的存在的情況下，同時可以提供更大的顯示區(qū)域來展示出更多用戶交互內(nèi)容信息，進(jìn)一 步節(jié)省了應(yīng)用界面顯示資源，而用戶在瀏覽信息時還可以更專注于交互內(nèi)容，同時又不缺 失交互用戶的標(biāo)識，兩者達(dá)到很好的平衡。
[0053] 如圖5b所示，在圖4b所示的個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū) 域的頂部、個人信息欄被固定顯示在當(dāng)前位置時，將個人信息欄按照預(yù)定比例縮小并進(jìn)行 固定顯示。相比圖4b所示的應(yīng)用界面，由于縮小了個人信息欄的顯示區(qū)域，本實施例可以 提供更大的顯示區(qū)域來展示出更多的用戶交互內(nèi)容信息，同時還可以保持用戶頭像識別性 的存在，為用戶瀏覽交互信息時提供用戶標(biāo)識指向，進(jìn)一步節(jié)省了應(yīng)用界面顯示資源。
[0054] 如圖6所示，本發(fā)明第三實施例提出一種應(yīng)用交互界面信息展示方法，在上述第 二實施例的基礎(chǔ)上，所述初始應(yīng)用交互界面還包括背景圖片，所述背景圖片顯示在所述交 互內(nèi)容信息的上方及所述個人信息欄的底層；上述步驟S102可以具體包括 ：
[0055] 步驟S105,根據(jù)所述滑動指令將背景圖片連同交互內(nèi)容信息及個人信息欄向上滑 動；
[0056] 步驟S106,在滑動過程中使所述背景圖片在其顯示區(qū)域逐漸減小直至消失。
[0057] 本實施例與上述第二實施例的區(qū)別在于，本實施例中初始應(yīng)用交互界面除了包括 個人信息欄及位于個人信息欄下方的交互內(nèi)容信息外，該初始應(yīng)用交互界面還包括背景圖 片，通過在初始應(yīng)用交互界面中配置漂亮的大背景圖片，可以提高用戶使用網(wǎng)頁應(yīng)用的視 覺沖擊效果。
[0058] 具體地，在本實施例中，當(dāng)用戶進(jìn)入上述初始應(yīng)用交互界面向上滑動該交互界面 來瀏覽閱讀更多的交互內(nèi)容信息時，移動終端會根據(jù)用戶的滑動指令將背景圖片連同交互 內(nèi)容信息及個人信息欄向上滑動。
[0059] 同樣，在滑動的過程中，移動終端會判斷個人信息欄的頂部邊緣至初始應(yīng)用交互 界面的顯示區(qū)域的頂部的距離；當(dāng)個人信息欄的頂部邊緣至初始應(yīng)用交互界面的顯示區(qū)域 的頂部的距離達(dá)到預(yù)定值時，判定個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū)域的 頂部。當(dāng)個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū)域的頂部時，個人信息欄不再 隨著交互內(nèi)容信息向上滑動，而是將個人信息欄固定顯示在當(dāng)前位置，并在當(dāng)前位置將個 人信息欄按照預(yù)定比例縮小并進(jìn)行固定顯示，從而可以在應(yīng)用交互界面中保留具有用戶標(biāo) 識作用的個人信息欄；而交互內(nèi)容信息依然可以隨著用戶的滑動操作而向上瀏覽。
[0060] 而對于背景圖片，在滑動過程中，沿著滑動方向，背景圖片的高度會隨著滑動而在 其顯示區(qū)域逐漸減小，直至背景圖片消失，也就是說，背景圖片從上至下隨著滑動操作逐漸 靠近交互界面的顯示區(qū)域的頂部而逐漸消失。
[0061] 由此通過上述方案，解決了人們在閱讀個人相關(guān)社交信息的時候，在視覺設(shè)計的 美觀性和信息內(nèi)容的完整性上達(dá)到一個很好的平衡性，并可使用現(xiàn)有的具有視覺沖擊的背 景大圖，既保持現(xiàn)有的視覺方案，又能展示更多的內(nèi)容信息。
[0062] 下面以具體實例對本實施例方案進(jìn)行詳細(xì)闡述：
[0063] 如圖7a所示，用戶進(jìn)入某個通信錄的初始應(yīng)用交互界面，該初始應(yīng)用交互界面顯 示有個人信息欄、位于所述個人信息欄下方的交互內(nèi)容信息以及顯示在所述交互內(nèi)容信息 的上方及所述個人信息欄的底層的背景圖片。
[0064] 其中個人信息欄包括具有用戶標(biāo)識作用的交互用戶的個人頭像、交互用戶的姓 名，以及交互用戶的個人資料和近況兩個交互內(nèi)容功能標(biāo)簽，個人信息欄下方顯示用戶個 人資料交互內(nèi)容功能標(biāo)簽對應(yīng)的交互內(nèi)容信息，包括該用戶的電話號碼、號碼所在地以及 其他功能選項，比如發(fā)送短信、Q信等功能選項。
[0065] 當(dāng)用戶在圖7a所示的初始應(yīng)用交互界面中向上進(jìn)行滑動操作，以便瀏覽閱讀更 多的交互內(nèi)容信息時，在界面的顯示區(qū)域中，交互內(nèi)容信息連同背景圖片及個人信息欄向 上滑動，在滑動的過程中，背景圖片從上至下隨著滑動操作逐漸靠近交互界面的顯示區(qū)域 的頂部而逐漸消失；當(dāng)移動終端識別到個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū) 域的頂部時，則停止向上滑動個人信息欄，而是將個人信息欄固定顯示在當(dāng)前位置，并在當(dāng) 前位置將個人信息欄按照預(yù)定比例縮小并進(jìn)行固定顯示，而交互內(nèi)容信息依然可以隨著用 戶的滑動操作而向上瀏覽。
[0066] 如圖7b所示，圖7b是與圖7a類似的初始應(yīng)用交互界面向上進(jìn)行滑動操作后背景 圖消失且個人信息欄縮小后固定顯示在交互界面的顯示區(qū)域頂部的示意圖。
[0067] 如圖8所示，本發(fā)明第四實施例提出一種應(yīng)用交互界面信息展示方法，在上述第 二實施例的基礎(chǔ)上，所述個人信息欄至少包括兩個交互內(nèi)容功能標(biāo)簽，在上述步驟S101之 前還包括：
[0068] 步驟S100,當(dāng)用戶點(diǎn)擊進(jìn)入所述初始應(yīng)用交互界面時，在所述初始應(yīng)用交互界面 的交互內(nèi)容信息的顯示區(qū)域顯示所述個人信息欄中默認(rèn)選擇的交互內(nèi)容功能標(biāo)簽對應(yīng)的 交互內(nèi)容信息。
[0069] 以及在上述步驟S103之后還包括：
[0070] 步驟S107,根據(jù)用戶的操作指令，在所述至少兩個交互內(nèi)容功能標(biāo)簽之間進(jìn)行切 換選擇，并顯示用戶選擇的交互內(nèi)容功能標(biāo)簽對應(yīng)的交互內(nèi)容信息。
[0071] 本實施例與上述第二實施例的區(qū)別在于，本實施例還可以實現(xiàn)在用戶頭像保持的 狀態(tài)下方便的切換交互內(nèi)容功能標(biāo)簽。
[0072] 具體地，如圖5a及圖5b所示，當(dāng)用戶進(jìn)入初始應(yīng)用交互界面時，在初始應(yīng)用交互 界面的交互內(nèi)容信息的顯示區(qū)域顯示個人信息欄中默認(rèn)選擇的交互內(nèi)容功能標(biāo)簽A對應(yīng) 的交互內(nèi)容信息；以圖5b為例，當(dāng)用戶需要查看交互內(nèi)容功能標(biāo)簽B對應(yīng)的交互內(nèi)容信息 時，比如需要瀏覽交互用戶的近況時，則通過點(diǎn)擊交互內(nèi)容功能標(biāo)簽B從當(dāng)前默認(rèn)的交互 內(nèi)容功能標(biāo)簽A切換到交互內(nèi)容功能標(biāo)簽B，切換后的交互界面如圖9所示。
[0073] 上述交互內(nèi)容功能標(biāo)簽在交互界面的顯示區(qū)域可以設(shè)計為剛好符合人手指點(diǎn)擊 的區(qū)域，以方便用戶手指操作。
[0074] 本實施例通過上述方案，不僅解決了人們在閱讀個人相關(guān)社交信息時，在視覺設(shè) 計的美觀性和信息內(nèi)容的完整性上達(dá)到一個很好的平衡性，并能展示更多的內(nèi)容信息，而 且在頭像等個人標(biāo)識保持的狀態(tài)下還能更方便的切換功能標(biāo)簽，滿足了用戶在交互界面上 進(jìn)行快捷操作的需求。
[0075] 如圖10所示，本發(fā)明第一實施例提出一種應(yīng)用交互界面信息展示裝置，包括：接 收模塊201、滑動模塊202以及顯示模塊203,其中：
[0076] 接收模塊201，用于接收用戶在初始應(yīng)用交互界面向上滑動的滑動指令；所述初 始應(yīng)用交互界面至少包括個人信息欄及位于所述個人信息欄下方的交互內(nèi)容信息；
[0077] 滑動模塊202,用于根據(jù)所述滑動指令將所述交互內(nèi)容信息連同所述個人信息欄 向上滑動；
[0078] 顯示模塊203,用于當(dāng)所述個人信息欄的頂部到達(dá)所述初始應(yīng)用交互界面的顯示 區(qū)域的頂部時，將所述個人信息欄固定顯示在當(dāng)前位置。
[0079] 本實施例裝置可以內(nèi)置于承載網(wǎng)絡(luò)社交平臺的移動終端，該移動終端可以為手 機(jī)、平板電腦等。
[0080] 其中，初始應(yīng)用交互界面是指用戶在網(wǎng)絡(luò)社交平臺初始打開的網(wǎng)絡(luò)應(yīng)用交互界 面，比如某個用戶的通信錄(如圖7a所示)、微博、Qzone等應(yīng)用交互界面。
[0081] 通常在初始應(yīng)用交互界面中顯示有個人信息欄及位于所述個人信息欄下方的交 互內(nèi)容信息，個人信息欄通常設(shè)置在交互界面的上部；此外，為了提高用戶使用網(wǎng)頁應(yīng)用的 視覺沖擊效果，還可以在初始應(yīng)用交互界面中配置漂亮的大背景圖片。本實施例中是以初 始應(yīng)用交互界面包括個人信息欄(如圖4a中的陰影部分）及交互內(nèi)容信息（如圖4a中的條 紋框部分）進(jìn)行舉例說明。
[0082] 其中，個人信息欄可以包括具有用戶標(biāo)識作用的用戶個人頭像、姓名以及該用戶 的交互內(nèi)容信息所對應(yīng)的交互內(nèi)容功能標(biāo)簽(如圖4a中的A、B所示)。
[0083] 上述用戶個人頭像可以為操作移動終端的用戶本身，也可以為操作移動終端的用 戶所交互的用戶對象。
[0084] 上述交互內(nèi)容功能標(biāo)簽可以根據(jù)應(yīng)用需要設(shè)計為一個或多個，比如圖4a中的A、 B，其中A功能標(biāo)簽可以表示用戶的個人信息資料，B功能標(biāo)簽可以表示用戶的近況信息，t匕 如發(fā)表了什么微博、說說等；當(dāng)用戶選擇A功能標(biāo)簽時，在個人信息欄下方的交互內(nèi)容信息 的顯示區(qū)域則顯示該A功能標(biāo)簽對應(yīng)的用戶的個人信息資料；當(dāng)用戶選擇B功能標(biāo)簽時，在 個人信息欄下方的交互內(nèi)容信息的顯示區(qū)域則顯示該B功能標(biāo)簽對應(yīng)的用戶的近況信息。 [0085] 當(dāng)用戶進(jìn)入某個應(yīng)用的初始應(yīng)用交互界面時，界面中會顯示個人信息欄以及默認(rèn) 的交互內(nèi)容功能標(biāo)簽對應(yīng)的交互內(nèi)容信息，用戶可以通過向上滑動該交互界面來瀏覽閱讀 更多的交互內(nèi)容信息。
[0086] 當(dāng)接收模塊201接收到用戶在初始應(yīng)用交互界面向上滑動的滑動指令后，滑動模 塊202在界面的顯示區(qū)域中，將交互內(nèi)容信息連同個人信息欄向上滑動。
[0087] 在滑動的過程中，移動終端滑動模塊202會判斷個人信息欄的頂部邊緣至初始應(yīng) 用交互界面的顯示區(qū)域的頂部的距離；當(dāng)個人信息欄的頂部邊緣至初始應(yīng)用交互界面的顯 示區(qū)域的頂部的距離達(dá)到預(yù)定值時，判定個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示 區(qū)域的頂部。以便后續(xù)顯示模塊203將個人信息欄固定顯示在當(dāng)前位置，從而可以在應(yīng)用 交互界面中保留具有用戶標(biāo)識作用的個人信息欄。
[0088] 當(dāng)個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū)域的頂部時，滑動模塊202 則控制個人信息欄不再隨著交互內(nèi)容信息向上滑動，而是將個人信息欄通過顯示模塊203 固定顯示在當(dāng)前位置，使得個人信息欄不再向上滑到消失，從而可以在應(yīng)用交互界面中保 留具有用戶標(biāo)識作用的個人信息欄。而交互內(nèi)容信息依然可以隨著用戶的滑動操作而向上 瀏覽，由此在保持用戶頭像識別性的存在的情況下，同時可以展示出更多用戶交互內(nèi)容信 息，提高了用戶個人信息與交互內(nèi)容信息的協(xié)調(diào)性，并節(jié)省了應(yīng)用界面顯示資源。
[0089] 進(jìn)一步地，所述顯示模塊203還用于在當(dāng)前位置將所述個人信息欄按照預(yù)定比例 縮小并進(jìn)行固定顯示。從而可以在保持用戶頭像識別性的存在的情況下，同時可以提供更 大的顯示區(qū)域來展示出更多用戶交互內(nèi)容信息，進(jìn)一步節(jié)省了應(yīng)用界面顯示資源，而用戶 在瀏覽信息時還可以更專注于交互內(nèi)容，同時又不缺失交互用戶的標(biāo)識，兩者達(dá)到很好的 平衡。
[0090] 進(jìn)一步地，對于具有背景圖片的初始應(yīng)用交互界面而言，通常將背景圖片顯示在 交互內(nèi)容信息的上方及個人信息欄的底層，通過在初始應(yīng)用交互界面中配置漂亮的大背景 圖片，可以提高用戶使用網(wǎng)頁應(yīng)用的視覺沖擊效果。其滑動操作后的界面顯示過程如下：
[0091] 當(dāng)用戶進(jìn)入上述初始應(yīng)用交互界面向上滑動該交互界面來瀏覽閱讀更多的交互 內(nèi)容信息時，移動終端會根據(jù)用戶的滑動指令將背景圖片連同交互內(nèi)容信息及個人信息欄 向上滑動。
[0092] 具體地，在滑動的過程中，移動終端會判斷個人信息欄的頂部邊緣至初始應(yīng)用交 互界面的顯示區(qū)域的頂部的距離；當(dāng)個人信息欄的頂部邊緣至初始應(yīng)用交互界面的顯示區(qū) 域的頂部的距離達(dá)到預(yù)定值時，判定個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū)域 的頂部。當(dāng)個人信息欄的頂部到達(dá)初始應(yīng)用交互界面的顯示區(qū)域的頂部時，個人信息欄不 再隨著交互內(nèi)容信息向上滑動，而是將個人信息欄固定顯示在當(dāng)前位置，并在當(dāng)前位置將 個人信息欄按照預(yù)定比例縮小并進(jìn)行固定顯示，從而可以在應(yīng)用交互界面中保留具有用戶 標(biāo)識作用的個人信息欄；而交互內(nèi)容信息依然可以隨著用戶的滑動操作而向上瀏覽。
[0093] 而對于背景圖片，在滑動過程中，沿著滑動方向，背景圖片的高度會隨著滑動而在 其顯示區(qū)域逐漸減小，直至背景圖片消失，也就是說，背景圖片從上至下隨著滑動操作逐漸 靠近交互界面的顯示區(qū)域的頂部而逐漸消失。
[0094] 由此通過上述方案，解決了人們在閱讀個人相關(guān)社交信息的時候，在視覺設(shè)計的 美觀性和信息內(nèi)容的完整性上達(dá)到一個很好的平衡性，并可使用現(xiàn)有的具有視覺沖擊的背 景大圖，既保持現(xiàn)有的視覺方案，又能展示更多的內(nèi)容信息。
[0095] 如圖11所示，本發(fā)明第二實施例提出一種應(yīng)用交互界面信息展示裝置，在上述第 一實施例的基礎(chǔ)上，還包括：
[0096] 切換模塊204,用于根據(jù)用戶的操作指令，在所述至少兩個交互內(nèi)容功能標(biāo)簽之間 進(jìn)行切換選擇；
[0097] 所述顯示模塊203還用于顯示用戶選擇的交互內(nèi)容功能標(biāo)簽對應(yīng)的交互內(nèi)容信 肩、。
[0098] 本實施例與上述第一實施例的區(qū)別在于，本實施例還可以實現(xiàn)在用戶頭像保持的 狀態(tài)下方便的切換交互內(nèi)容功能標(biāo)簽。
[0099] 具體地，對于包括至少兩個交互內(nèi)容功能標(biāo)簽的個人信息欄，在實現(xiàn)個人信息欄 在初始應(yīng)用交互界面的顯示區(qū)域的頂部固定縮小顯示的情況下，還可以根據(jù)用戶需要在不 同的交互內(nèi)容功能標(biāo)簽之間進(jìn)行切換，以方便用戶對不同用戶交互內(nèi)容信息的瀏覽。
[0100] 如圖5a及圖5b所示，當(dāng)用戶進(jìn)入初始應(yīng)用交互界面時，在初始應(yīng)用交互界面的交 互內(nèi)容信息的顯示區(qū)域顯示個人信息欄中默認(rèn)選擇的交互內(nèi)容功能標(biāo)簽A對應(yīng)的交互內(nèi) 容信息；以圖5b為例，當(dāng)用戶需要查看交互內(nèi)容功能標(biāo)簽B對應(yīng)的交互內(nèi)容信息時，比如需 要瀏覽交互用戶的近況時，則通過點(diǎn)擊交互內(nèi)容功能標(biāo)簽B從當(dāng)前默認(rèn)的交互內(nèi)容功能標(biāo) 簽A切換到受互內(nèi)各功能標(biāo)簽B，切換后的受互界面如圖9所不。
[0101] 上述交互內(nèi)容功能標(biāo)簽在交互界面的顯示區(qū)域可以設(shè)計為剛好符合人手指點(diǎn)擊 的區(qū)域，以方便用戶手指操作。
[0102] 本實施例通過上述方案，不僅解決了人們在閱讀個人相關(guān)社交信息時，在視覺設(shè) 計的美觀性和信息內(nèi)容的完整性上達(dá)到一個很好的平衡性，并能展示更多的內(nèi)容信息，而 且在頭像等個人標(biāo)識保持的狀態(tài)下還能更方便的切換功能標(biāo)簽，滿足了用戶在交互界面上 進(jìn)行快捷操作的需求。
[0103] 需要說明的是，在本文中，術(shù)語"包括"、"包含"或者其任何其他變體意在涵蓋非排 他性的包含，從而使得包括一系列要素的過程、方法、物品或者裝置不僅包括那些要素，而 且還包括沒有明確列出的其他要素，或者是還包括為這種過程、方法、物品或者裝置所固有 的要素。在沒有更多限制的情況下，由語句"包括一個……"限定的要素，并不排除在包括 該要素的過程、方法、物品或者裝置中還存在另外的相同要素。
[0104] 上述本發(fā)明實施例序號僅僅為了描述，不代表實施例的優(yōu)劣。
[0105] 通過以上的實施方式的描述，本領(lǐng)域的技術(shù)人員可以清楚地了解到上述實施例方 法可借助軟件加必需的通用硬件平臺的方式來實現(xiàn)，當(dāng)然也可以通過硬件，但很多情況下 前者是更佳的實施方式?；谶@樣的理解，本發(fā)明的技術(shù)方案本質(zhì)上或者說對現(xiàn)有技術(shù)做 出貢獻(xiàn)的部分可以以軟件產(chǎn)品的形式體現(xiàn)出來，該計算機(jī)軟件產(chǎn)品存儲在一個存儲介質(zhì) (如R0M/RAM、磁碟、光盤）中，包括若干指令用以使得一臺終端設(shè)備(可以是手機(jī)，計算機(jī)，月艮 務(wù)器，或者網(wǎng)絡(luò)設(shè)備等）執(zhí)行本發(fā)明各個實施例所述的方法。
[0106] 以上所述僅為本發(fā)明的優(yōu)選實施例，并非因此限制本發(fā)明的專利范圍，凡是利用 本發(fā)明說明書及附圖內(nèi)容所作的等效結(jié)構(gòu)或流程變換，或直接或間接運(yùn)用在其它相關(guān)的技 術(shù)領(lǐng)域，均同理包括在本發(fā)明的專利保護(hù)范圍內(nèi)。
【權(quán)利要求】
1. 一種應(yīng)用交互界面信息展示方法，其特征在于，包括： 接收用戶在初始應(yīng)用交互界面向上滑動的滑動指令；所述初始應(yīng)用交互界面至少包括 個人信息欄及位于所述個人信息欄下方的交互內(nèi)容信息； 根據(jù)所述滑動指令將所述交互內(nèi)容信息連同所述個人信息欄向上滑動； 當(dāng)所述個人信息欄的頂部到達(dá)所述初始應(yīng)用交互界面的顯示區(qū)域的頂部時，將所述個 人信息欄固定顯示在當(dāng)前位置。
2. 根據(jù)權(quán)利要求1所述的方法，其特征在于，還包括： 在當(dāng)前位置將所述個人信息欄按照預(yù)定比例縮小并進(jìn)行固定顯示。
3. 根據(jù)權(quán)利要求1所述的方法，其特征在于，所述根據(jù)滑動指令將所述個人信息欄連 同所述交互內(nèi)容信息向上滑動的步驟之后還包括： 判斷所述個人信息欄的頂部邊緣至所述初始應(yīng)用交互界面的顯示區(qū)域的頂部的距 離； 當(dāng)所述個人信息欄的頂部邊緣至所述初始應(yīng)用交互界面的顯示區(qū)域的頂部的距離達(dá) 到預(yù)定值時，判定所述個人信息欄的頂部到達(dá)所述初始應(yīng)用交互界面的顯示區(qū)域的頂部。
4. 根據(jù)權(quán)利要求1-3中任一項所述的方法，其特征在于，所述初始應(yīng)用交互界面還包 括背景圖片，所述背景圖片顯示在所述交互內(nèi)容信息的上方及所述個人信息欄的底層；所 述根據(jù)滑動指令將所述交互內(nèi)容信息連同所述個人信息欄向上滑動的步驟包括： 根據(jù)所述滑動指令將所述背景圖片連同所述交互內(nèi)容信息及所述個人信息欄向上滑 動； 在滑動過程中使所述背景圖片在其顯示區(qū)域逐漸減小直至消失。
5. 根據(jù)權(quán)利要求4所述的方法，其特征在于，所述個人信息欄至少包括用戶個人頭像 以及該用戶對應(yīng)的至少一交互內(nèi)容功能標(biāo)簽。
6. 根據(jù)權(quán)利要求5所述的方法，其特征在于，所述個人信息欄至少包括兩個交互內(nèi)容 功能標(biāo)簽，所述接收用戶在初始應(yīng)用交互界面向上滑動的滑動指令的步驟之前還包括： 當(dāng)用戶點(diǎn)擊進(jìn)入所述初始應(yīng)用交互界面時，在所述初始應(yīng)用交互界面的交互內(nèi)容信息 的顯示區(qū)域顯示所述個人信息欄中默認(rèn)選擇的交互內(nèi)容功能標(biāo)簽對應(yīng)的交互內(nèi)容信息。
7. 根據(jù)權(quán)利要求6所述的方法，其特征在于，還包括： 根據(jù)用戶的操作指令，在所述至少兩個交互內(nèi)容功能標(biāo)簽之間進(jìn)行切換選擇，并顯示 用戶選擇的交互內(nèi)容功能標(biāo)簽對應(yīng)的交互內(nèi)容信息。
8. -種應(yīng)用交互界面信息展示裝置，其特征在于，包括： 接收模塊，用于接收用戶在初始應(yīng)用交互界面向上滑動的滑動指令；所述初始應(yīng)用交 互界面至少包括個人信息欄及位于所述個人信息欄下方的交互內(nèi)容信息； 滑動模塊，用于根據(jù)所述滑動指令將所述交互內(nèi)容信息連同所述個人信息欄向上滑 動； 顯示模塊，用于當(dāng)所述個人信息欄的頂部到達(dá)所述初始應(yīng)用交互界面的顯示區(qū)域的頂 部時，將所述個人信息欄固定顯示在當(dāng)前位置。
9. 根據(jù)權(quán)利要求8所述的裝置，其特征在于， 所述顯示模塊，還用于在當(dāng)前位置將所述個人信息欄按照預(yù)定比例縮小并進(jìn)行固定顯 /_J、1 〇
10. 根據(jù)權(quán)利要求8所述的裝置，其特征在于， 所述顯示模塊，還用于判斷所述個人信息欄的頂部邊緣至所述初始應(yīng)用交互界面的顯 示區(qū)域的頂部的距離；當(dāng)所述個人信息欄的頂部邊緣至所述初始應(yīng)用交互界面的顯示區(qū)域 的頂部的距離達(dá)到預(yù)定值時，判定所述個人信息欄的頂部到達(dá)所述初始應(yīng)用交互界面的顯 示區(qū)域的頂部。
11. 根據(jù)權(quán)利要求8-10中任一項所述的裝置，其特征在于，所述初始應(yīng)用交互界面還 包括背景圖片，所述背景圖片顯示在所述交互內(nèi)容信息的上方及所述個人信息欄的底層； 所述滑動模塊，還用于根據(jù)所述滑動指令將所述背景圖片連同所述交互內(nèi)容信息及所 述個人信息欄向上滑動； 所述顯示模塊，還用于在滑動過程中使所述背景圖片在其顯示區(qū)域逐漸減小直至消 失。
12. 根據(jù)權(quán)利要求11所述的裝置，其特征在于，所述個人信息欄至少包括用戶個人頭 像以及該用戶對應(yīng)的至少一交互內(nèi)容功能標(biāo)簽。
13. 根據(jù)權(quán)利要求12所述的裝置，其特征在于，所述個人信息欄至少包括兩個交互內(nèi) 容功能標(biāo)簽； 所述顯示模塊，還用于當(dāng)用戶點(diǎn)擊進(jìn)入所述初始應(yīng)用交互界面時，在所述初始應(yīng)用交 互界面的交互內(nèi)容信息的顯示區(qū)域顯示所述個人信息欄中默認(rèn)選擇的交互內(nèi)容功能標(biāo)簽 對應(yīng)的交互內(nèi)容信息。
14. 根據(jù)權(quán)利要求13所述的裝置，其特征在于，還包括： 切換模塊，用于根據(jù)用戶的操作指令，在所述至少兩個交互內(nèi)容功能標(biāo)簽之間進(jìn)行切 換選擇； 所述顯示模塊，還用于顯示用戶選擇的交互內(nèi)容功能標(biāo)簽對應(yīng)的交互內(nèi)容信息。
【文檔編號】G06F3/0485GK104156156SQ201310174913
【公開日】2014年11月19日 申請日期:2013年5月13日 優(yōu)先權(quán)日:2013年5月13日
【發(fā)明者】陳翌, 林陸一 申請人:騰訊科技（深圳）有限公司