基于信息折疊理念的柔性顯示界面設計

郭馨蔚，張少煥，覃京燕

基于信息折疊理念的柔性顯示界面設計

郭馨蔚，張少煥，覃京燕

（北京科技大學，北京 100083）

得益于顯示技術和智能材料的發展，信息傳播的載體越來越豐富。用戶界面的形態從靜止的平面轉向可折疊、可變形等多樣形態。用戶獲取信息的媒介也從二維空間轉向多維空間。上述變化對設計表達和用戶體驗研究提出了新的問題與要求。通過文獻調研、案例研究、比較分析和設計實踐，歸納了柔性顯示技術驅動下用戶界面的形態特征，分析了柔性顯示界面設計中所面臨的問題。從信息維度、界面呈現和交互行為3個方面，通過設計實例論述了設計建議與策略。從信息與物理空間的融合、生態智能反饋等角度討論了未來柔性用戶界面的應用場景和設計可能性。

柔性顯示；交互設計；界面設計；用戶體驗

卡里姆·拉希德（Karim Rashid）在其著作《I Want to Change the World》中提到，所設計的世界應是充滿“Blobjects”[1]的，這是一個由“Blob”和“Object”組合而來的合成詞。該詞語描述的是一種流暢、充滿曲面的形態，是一種沒有尖銳邊緣的產品造型，而在以平面、剛性屏幕為主導的顯示世界中，上述形態是較為少見的。得益于電子墨水、有機發光二極管、有機化合物、電子紡織品等智能材料的發展，創新者們在顯示載體和設計應用場景方面有了新的方向與探索。與此同時，技術的發展也會帶來設計過程中新的需求與挑戰。面向柔性顯示場景中的界面設計策略研究、信息交互行為分析，以及對未來應用場景的展望將是以下討論的重點。

1 柔性顯示界面的形態特征及分類

回顧用戶界面的發展，其過程是從早期的依靠外部設備輸入的命令行語言界面（Command-Line Interface，CLI），到第1臺所見即所得的圖形用戶界面（Graphic User Interface，GUI）[2]，再到現在簡單、易學的自然用戶界面（Nature User Interface，NUI）。科學技術的發展、顯示技術的承載、算法能力的提升、人工智能的賦能、各類傳感器的加持都是用戶界面發展歷程中的重要因素。

柔性顯示界面是一種以非平面顯示作為主要輸入和輸出媒介的用戶界面。其物理形態是柔性、非平面的，并以多種形態而存在，甚至是流體的或由計算控制的。隨著有機發光二極管（Organic Light-Emitting Diode，OLED）的研發與成熟，諾基亞公司于2008年2月首次發布了基于柔性顯示材料的概念設計——“Morph”，見圖1[3]，這創立了在消費電子設備中使用柔性顯示屏幕的概念。

圖1 Morph概念設計

柔性顯示界面根據其不同的形態及狀態，可分為3種類型[4]：柔性顯示界面、形狀顯示界面和動態顯示界面。

1.1 柔性顯示界面

柔性顯示界面的特征為顯示屏幕可變形，比如可折疊、可彎曲、可卷曲等。同時，屏幕變形的過程也是用戶輸入信息的過程。2019年初，小米、華為、三星等手機生產廠家陸續發布了形態各異的折疊手機、雙折疊手機等屏幕可變形的個人通訊設備。此后，越來越多的消費電子產品將柔性顯示技術應用于手機、可穿戴設備及各類智能產品的設計和展示中。

1.2 形狀顯示界面

形狀顯示界面也稱之為非平面顯示界面，界面的形狀可以是球體、錐體、圓柱體等非平面狀態。柔宇科技、維信諾公司已在柔性顯示領域進行了多年的研究，見圖2。家用的智能首飾盒、智能水杯、電子書

圖2 形狀顯示界面

等日常用品及各類非平面的物品都可以被賦予顯示的屬性。汽車駕駛空間內的柔性顯示也是形狀顯示界面的重要領域，其中方向盤上的曲面信息界面、全屏幕的中控操作臺等信息顯示承載媒介，都是基于OLED顯示技術在形狀顯示界面中的典型應用。

1.3 動態顯示界面

動態顯示界面是指顯示界面可根據計算機算法的控制而改變不同的形狀，從而實現多場景的應用。LG公司在2018年國際消費電子展上首次發布了可卷曲的電視機[5]，見圖3。顯示屏幕共有3種狀態，全屏狀態可提供“全視圖（Full View）”體驗；卷曲狀態呈現的是“線視圖（Line View）”體驗；當屏幕全部收起時，為用戶提供的是“零視圖（Zero View）”體驗，此時用戶可使用產品的音頻系統。在2021年深圳未來科技大會上，OPPO公司也推出了X2021，這是一款卷軸屏的概念機[6]，通過動力滾軸（Roll Motor）的物理驅動，可以實現屏幕形態的動態改變。

圖3 LG可卷曲電視

2 柔性顯示界面中所面臨的設計問題

2.1 信息顯示空間與區域發生改變

屏幕顯示區域的演變見圖4，其顯示的是早期的九宮格按鍵手機及全鍵盤設備逐漸發展成人們熟知并熟練操作的觸摸屏手機，并不斷演變成形態愈發豐富的智能產品的過程。信息顯示的空間和區域，例如屏幕顯示區域、用戶操作區域和產品功能分區等一直在改變。這些改變對設計提出了新的要求，設計師需要根據不同的任務場景和用戶操作情境，并結合目標產品的功能定位及用戶人群需求，對設計任務進行描述與定義。

圖4 屏幕顯示區域的演變

在未來，柔性顯示的界面形態將不再是靜態的。一方面，用戶能夠對柔性界面像對紙張或塑料片一樣進行折疊、彎曲、翻折。同時，顯示界面可由計算機算法控制而發生形態的改變或動態的反饋，甚至可以主動適應用戶的物理環境，因此，設計者需要考慮不同狀態下柔性顯示界面顯示空間、范圍及用戶使用場景。

2.2 用戶交互行為發生改變

交互邏輯涵蓋2個方面的內容：交互行為的設定和交互效率的判斷。不論是基于鼠標鍵盤輸入的圖形用戶界面，或是可直接操作的自然用戶界面，以及多通道用戶界面中的多模態交互，在設計過程中都需要根據硬件設備的不同、操作系統的不同、設計規范的不同來定義與其適配的交互方式。谷歌（Google）公司曾針對安卓（Android）系統中的單點觸摸手勢定義了設計準則，蘋果（Apple）公司也對蘋果（iOS）系統中多點觸摸屏幕的手勢進行了設定。

在面向柔性顯示界面的設計中，如何與各種形狀的界面進行交互，如何輸入信息，系統將如何給用戶反饋，都會影響用戶體驗的質量。顯示技術的發展促使了用戶界面和人機交互的發展，當柔性顯示技術的發展將可變形的、柔性的物理載體作為顯示媒介時，設計的角色愈發重要。設計師在考慮用戶交互行為的同時，還需要考慮用戶手持設備的情境，以便更精準地定義柔性顯示界面中合理的觸控區域和操作區域。

2.3 對交互效率判斷標準的繼續討論

交互效率是設計結果評價的重要指標，也是影響用戶體驗的因素之一。在傳統的基于鼠標點擊的圖形用戶界面和通過觸摸和手勢交互的自然用戶界面中，費茨定律被廣泛應用在人機交互效率評估中。女王大學（Queen's University，QU）的媒體實驗室曾依據費茨定律，對柔性顯示屏幕的操作效率進行了測試和研究，在實驗中以單維度目標為任務，結果表明彎曲輸入在位置和速度控制方面都與費茨定律高度相關[7]。在非平面的用戶界面中，部分輸入方式仍可延續費茨定律的基本規則來評估交互效率，但由于曲率的變化、顯示內容的多樣及交互行為的特性，如何在柔性顯示中建立全面的人機交互效率的評估還需要進一步測試和挖掘。

3 基于信息折疊理念的界面設計策略

通過對柔性顯示界面中的設計問題進行分析，總結了信息顯示和交互行為兩大核心變化。在用戶界面的設計流程中，銜接設計原型與實踐量產的重要環節是設計標準和設計規范的建立。不論是工業產品的技術規范、算法程序的開發規范，還是用戶界面的視覺設計規范，不同系統下的用戶界面、不同硬件標準下的服務系統都需要遵循操作系統或運行平臺的設計原則和主旨。主流移動操作系統設計規范見表1。

通過梳理蘋果操作系統（iOS）、谷歌材料設計系統（Google Material Design）和微軟通用設計系統（Universal Windows Design）三大核心移動操作平臺的設計規范，將各平臺的設計重點總結為“信息架構”“界面布局”和“交互邏輯”三大分支。結合團隊前期基于柔性顯示屏幕的設計實踐案例，以這3個方面為切入點，討論將信息折疊的理念加入柔性顯示界面中的設計策略。

3.1 可折疊的信息架構

信息架構是整理和歸納數據的工具，其研究的對象是設計需求與功能數據。通過對各類數據元的整理、分類和組合，將相似的數據元根據設計需求整合為信息組，進而形成信息架構，作為用戶獲取信息時的支撐。將抽象的數據具象化成可讀取的信息，是信息架構在界面設計中的任務。

在柔性顯示界面的設計過程中，信息間的邏輯層級與界面彎折的呼應是設計的重點。柔性顯示界面的可變形屬性，使其具備了多樣的形態特征和信息顯示區域，對比常規的用戶界面設計，信息架構不再是一成不變的常態化的層級表現，用戶需求也會隨著界面形態的變化而改變，見圖5?！俺B信息”即為常規用戶界面里的層級信息架構，當柔性顯示界面發生形變時，用戶的認知會伴隨交互任務的發生而改變。在這個變化過程中，每一個信息元素會依據形態的走向而動態遷移，可將其抽象為“動態信息”。當柔性界面的形變結束后，每一個信息元素的動態遷移結束，“折疊態信息”便應運而生。相反，當柔性顯示界面由彎折形態展開時，信息架構同樣需要從“折疊態信息”經過“動態信息”的演變，最終還原至“常態信息”，因此不論用戶的行為路徑走向如何，對信息架構的分析設計都是與柔性界面的形變相互呼應并動態匹配的。

表1 主流移動操作系統設計規范

Tab.1 Design specification for mainstream mobile operating systems

圖5 多維度信息架構

以筆者團隊的設計課題“FlexPaper——柔性顯示在智能讀寫場景的應用設計”為例，見圖6。該設計課題是從讀寫場景入手，來探索柔性顯示與讀寫的結合，力求還原自然的讀寫體驗，為用戶提供全新的智能讀寫體驗。在定義產品的信息架構時，首先需要對常態信息架構進行分析，并將信息情境細化為折疊態信息與動態信息。例如，當用戶卷曲或翻折閱讀屏幕時，在常態模態下處在第1層級的系統菜單、操作工具欄等界面控件，需要動態地適配到系統“后臺”。當設備相對靜止于卷曲或彎折模態時，信息架構需要經過動態適配過程后轉為折疊狀態，而當前場景不需要的功能信息組件便會智能地“折疊”到最底層。

谷歌（Google）曾在其推出的設計語言“Material Design”中強調了“交互方式趨同于自然、視覺呈現并回歸于生活”的理念。其中，在關于導航（Navigation）的定義中提到了信息層級的三維空間關系，并將紙張疊放和抽取的動態關系直觀地映射到系統的信息架構中。相較于常規界面中靜態的層級結構，在柔性顯示界面設計中，是以三維的層次感來區分操作區域的[8]，通過可折疊的層級結構來架構信息元素，以此實現用戶在不同交互情境下的認知與需求變化，進而營造出更加自然與靈活的交互體驗。

圖6 FlexPaper—柔性顯示在智能讀寫場景的應用設計

3.2 可折疊的界面布局

隱喻表達是用戶界面設計中常用的表現手法之一。隱喻是將受眾的已有認知，通過設計表達轉接到設計目標的表現中。常規的圖形用戶界面，通常是基于桌面的隱喻，將設計目標抽象為桌面，可以幫助用戶降低認知負荷。在面向柔性顯示界面的設計中，不論是屏幕的物理形態，還是界面中內容元素的布局，都應與產品功能緊密相連。當柔性界面的物理形態發生形變時，原有圖形用戶界面的本體和喻體發生了改變，固定的“桌面”轉為可彎折的新形態。這就需要在定義界面布局時，由基于桌面的隱喻轉向基于彎折的隱喻。

安卓（Android）系統曾對部分折疊手機中的布局進行了重新的設計和規范，規范了手機在折疊狀態和展開狀態時界面內容的布局變化。安卓工程副總裁戴夫·伯克（Dave Burke）在描述柔性手機的彎曲功能時曾說：“隨著你的展開，系統應用會無縫地轉移到更大的屏幕上，不會錯過任何一個細節?！?/p>

當把相對靜止的內容遷移到形態可變、曲率可變的柔性屏幕中時，需要定義適配于多樣性的界面展現形式。與物理形態相呼應的界面布局見圖7，其描述的是在“FlexPaper”的設計過程中，對屏幕在不同狀態下對應的界面布局的設定。屏幕在水平狀態時，界面顯示的布局與常規閱讀類產品一致。當用戶對屏幕進行外折操作時，界面元素會向外擴展，閱讀內容放大，系統的信息架構也會發生動態變化。反之，當用戶對屏幕進行內折的交互行為時，操作界面元素向內擠壓，界面內容與其對應的卷曲力度等比例縮小，此時的界面布局是閱讀界面的縮略效果。

圖7 與物理形態相呼應的界面布局

建筑師沙利文曾倡導建筑或物體的形狀應該基于其預期的功能；包豪斯通過廢除日常設計中的裝飾來推廣其理念；美國心理學家詹姆斯?吉布森（James Jerome Gibson）于1977年最早提出了可供性（Affordance）的概念。這些理論都指向了同一個主旨，即不論空間環境還是物體形態，都應面向用戶行為來提供操作。在面向柔性顯示界面的設計時，需要考慮基于彎折隱喻的界面布局設計，使界面布局與產品物理彎折形態相呼應。

3.3 軟件硬件相結合的“所做即所得”

認知心理學家唐納德·諾曼曾提到，設計實際是一種溝通行為，而設計師是在創造“行為”。針對輸入和輸出行為的研究是界面設計中的重要環節，交互行為的設計直接影響產品的用戶體驗?！八娂此谩保╓hat You See is What You Get）是圖形用戶界面的設計理念之一，用戶通過操作界面中的視覺元素來實現與信息的互動。實驗表明，形狀的改變與人類正面或負面的情感表達有一定關系[9]，因此，在柔性顯示界面的應用中，在遵循使用“所見即所得”設計理念的同時，需要將用戶交互行為與產品“柔”的特性相結合，并引入針對柔性界面本身形態的操作，比如折疊、翻轉、彎曲等。軟件與硬件的直觀呼應，在概念上更簡單，對用戶的認知基礎要求更低，因此將其稱之為“所做即所得（What You Do is What You Get）”的交互邏輯。

在面向柔性閱讀場景的交互行為研究中，在真實的柔性屏幕上引入彎曲手勢，對有強烈方向性提示的動作，用戶的交互行為與界面功能的反饋呈現出一致性。在研究過程中，依次通過假設、測試和驗證等環節，最終定義了屏幕形態的10種交互行為，并針對不同的交互手勢提出了對應的產品功能和界面反饋設計建議，見圖8。除了點擊、手勢等操作之外，對柔性屏幕進行的彎折、卷曲等直接操作，都是面向柔性顯示界面的輸入方式。

在圖形用戶界面中，輸入設備與輸出設備是不同的且可以分離的，常表現為鼠標輸入、顯示器輸出，這種分離與實體對象的交互通常是間接的[10]。在柔性顯示界面中，輸入與輸出是密不可分的，用戶可以通過對產品硬件的操作來完成一部分輸入，以此達到與屏幕狀態、界面內容和信息反饋的真實映射。柔性界面狀態的可變性和多樣性極大地豐富了用戶的輸入體驗，同時，屏幕曲率和形態的變化也是探索用戶情感表達的通道之一?！八黾此谩钡慕换ミ壿嬙谧裱褂米匀唤换フZ言的同時，與用戶的心智模型也更加匹配，可以有效實現柔性顯示中輸入與輸出的結合。

圖8 柔性閱讀產品中的交互行為設定

3.4 常規界面與柔性界面設計對比

相比常規的用戶界面的設計原則與規范，在柔性顯示界面的設計過程中，信息架構、界面布局和交互邏輯等方面都有較多改變，見表2。首先，在信息架構的搭建過程中，需要依據產品情境來考量多維的信息架構，在信息傳遞、折疊等不同狀態下設計可折疊的層級結構。其次，在基于桌面隱喻的基礎上，需要更多地圍繞柔性產品的形態特征及變化，引入彎折隱喻的設計表達方法，將設計語義與功能形態相匹配。此外，充分考慮用戶的交互行為也是界面操作的一部分，需要將“所做即所得”的交互邏輯運用到用戶交互行為和產品交互流程的設計中。

表2 常規界面與柔性界面設計要點對比

Tab.2 Comparison between conventional interface and flexible interface design

4 面向柔性顯示的設計應用場景探究

隨著學者在智能顯示材料中的不斷探索，任何一種媒介都有可能成為顯示的載體?？萍继剿髋c設計創新之間始終存在互利共生的關系，從無處不在的計算逐漸發展為無處不在的顯示，萬物互聯（IoT，Internet of Things）與萬物顯示（DoT，Display of Things）的愿景近在眼前。

4.1 將信息柔軟的嵌入物理空間

非剛性、可變形是柔性顯示界面的核心特征。在面向柔性顯示界面的設計中，依托其“柔”的特性，信息可以超越傳統的剛性屏幕，從、軸的二維空間逐漸向、、軸的三維空間發展，為信息的展現提供了更多樣的可能性。

例如在面向智能駕艙的設計探索中，“透明”A柱[11]的設計已經廣泛應用于各廠商中。通過AR技術與柔性屏的結合，利用柔性顯示的特點將A柱進行屏幕包裹，依靠外后視鏡上的攝像頭將A柱擋住的外部景象傳入車載電腦，再投放到A柱內側的柔性顯示屏上，模擬出“透明”A柱的效果，這解決了視覺盲區問題，并大幅提升了駕乘安全性。

1954年建筑師弗蘭克·勞埃德·賴特（Frank Lloyd Wrigh）倡導人類居住與自然世界和諧相處，并強調萬物相互關聯及自然界的共生秩序體系[12]?；谌嵝燥@示場景中可折疊的動態信息架構，在設計中將抽象的信息架構與具象的物理空間相融合，從而為原本無法顯示的物理空間賦予一定的顯示意義。此外，通過物聯網、人工智能算法等技術，將虛擬與現實、信息與空間相融合，可以更加智能地將信息嵌入物理空間。

4.2 更為生態的智能反饋

柔性技術的應用不僅限于迭代已有屏幕的交互體驗[13]，隨著新的驅動裝置和智能材料的增加，信息顯示將從平面、有限、剛性的屏幕，逐漸拓展至靈活、無限、柔性的有機世界。紙、紡織物、木材、玻璃、毛發[14]等任何材質都可以成為顯示的載體，產品能否智能感知情境、解析環境，并通過動態變化來給予反饋，也是未來柔性顯示場景的探索方向之一。2001年布坎南（Richard Buchanan）提出了“設計四階”模型[15]，其是從符號化的圖形設計，到工業設計對物的定義，再到交互設計對行為的研究，最后到對環境的關注、對思維的解析，見表3。這也對應了唐納德·諾曼在情感化設計中提到的設計的3個維度：本能、行為、反思[16]。

學者對智能建筑[17]、動態雕塑[18]、藝術裝置[19]等產品在主動感知、智能反饋等方面的研究已經展開。傳統的圖形用戶界面通常由用戶的“輸入”觸發“輸出”，如滑動手勢解鎖、語音喚醒智能音箱、體感游戲中的揮拍打球等，通常以用戶的行為引發運算并執行預設的任務。在智能感知和生態反饋的場景中，無處不在的計算與顯示使普通大眾可以更自然地體驗智能生活場景，例如，柔性智能產品通過自身的形變來提醒用戶，智能建筑通過主動開合窗扇來調節溫度，動態雕塑通過環境的感知來調節自身的視覺呈現等。

表3 “設計四階”模型

Tab.3 "Fourth order" design model

不論是基于何種載體的顯示媒介，對用戶界面的研究終將超越傳統的屏幕定義，設計對象最終關注的是技術與環境的融合，并以此構建人與自然、人與環境的關系。柔性顯示形態的多樣性、輸入與輸出的融合、交互方式靈活性等特征都會為設計者帶來更多的創新機會。

5 結語

柔性顯示技術的進步為界面設計的研究范圍和應用場景提供了新的方向與構想，同時也充滿了機遇與挑戰。柔性顯示界面的設計表達使傳統用戶界面中的數據信息和產品服務從二維的平面化陳列轉向三維空間的延伸與擴展，信息架構從靜態的層級表現轉向動態的可折疊狀態，柔性形態的多樣性、輸入與輸出的融合、“所做即所得”等設計特征，都為界面設計的探索提供了生動的載體。

用戶界面是信息傳遞的媒介，在設計過程中研究的始終是信息傳遞的路徑和效率，研究的是人與人、人與物、人與系統、人與自然的關系，在柔性顯示界面的設計中亦是如此。用戶的認知習慣、心智模型和交互行為在不同的產品使用場景中具有明顯的差異，而用戶完成任務的時長、系統的可用性、命令的有效性，以及信息的易讀性等指標都將直接影響產品的用戶體驗。設計準則與設計規范是保證產品質量和品牌價值的重要標準之一。在面向柔性顯示的設計研究中，需要鍥而不舍地探索、測試、迭代，從信息、交互、視覺等不同層面來多維度地構建完美的用戶體驗，并充分利用柔性顯示載體所能提供的智能環境，通過智慧的解決方案，將人與數據、智能與情感、自然與社會更加優質地整合起來，以此不斷追求綠色、可持續的設計理想。

[1] RASHID K, LIBESKIND F. Karim Rashid: I Want to Change the World[J]. Space, 2014, (10): 26-27.

[2] SMITH D, IRBY C, KIMBALL R, et al. Designing the Star User Interface[J]. Byte, 1990, 7(4): 653-661.

[3] Nokia Research Center. The Morph Concept[EB/OL]. (2008-02-12)[2021-05-01]. Http://research.nokia.com/morph Nokia's Page Describing the Morph concept.

[4] VERTEGAAL R, POUPYREV I. Session Details: Organic User Interfaces[J]. Communications of the ACM, 2008, 51(6): 48-55.

[5] LG China. LG Flexible TV[EB/OL]. (2019-02-08)[2021- 06-01]. https://www.lg.com/global/lg-signature/rollable- oled-tv-r.

[6] 張千城. OPPO X 2021卷軸屏概念機柔性屏手機新形態[J]. 計算機與網絡, 2020, 46(23): 29.

ZHANG Qian-cheng. Oppo x 2021 Scroll Screen Concept Machine New form of Flexible Screen Mobile Phone[J]. Computer & Network, 2020, 46(23): 29.

[7] BURSTYN J, CARRASCAL J P, VERTEGAAL R. Fitts' Law and the Effects of Input Mapping and Stiffness on Flexible Display Interactions[C]// JOFISH K. CHI '16: Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems. New York: Association for Computing Machinery, 2016.

[8] 席樂, 尤陽. 淺析柔性顯示技術在產品觸摸操作界面設計中的應用[J]. 河南科技, 2013(11): 17-26.

XI Le, YOU Yang. Application of Flexible Display Technology in Product Touch Operation Interface Design[J]. Journal of Henan Science and Technology, 2013(11): 17-26.

[9] VERTEGAAL R. Organic User Interfaces (Oui!): Designing Computers in any Way Shape or Form[C]// AKL S G, CALUDE C S, DINNEEN M J. Unconventional Computation, Lecture Notes in Computer Science. Berlin: Springer, 2007.

[10] STROHMEIER P, CARRASCAL J P, CHENG B, et al. An Evaluation of Shape Changes for Conveying Emotions[C]// JOFISH K. CHI '16: Proceedings of the 2016 CHI Conference on Human Factors in Computing Systems. New York: Association for Computing Machinery, 2016.

[11] Visionox. "Transparent" A-Pillars in Cars[EB/OL]. (2019-04-16) [2020-05-01]. http://www.visionox.com/news/ show-1292.html.

[12] TERRANOVA C, TROMBLE M. The Routledge Companion to Biology in Art and Architecture[M]. London: Routledge, 2016.

[13] 李北辰. 柔性技術將迎來“物種大爆發”[J]. 大數據時代, 2020(10): 52-57.

LI Bei-chen. Flexible Technologies will Usher in a “Big Bang”[J]. Big Data Time, 2020(10): 52-57.

[14] OOIDE Y, KAWAGUCHI H, NOJIMA T. An Assembly of Soft Actuators for an Organic User Interface[M]. User interface software and technology, 2013.

[15] BUCHANAN R. Design Research and the New Learning[J]. Design Issues, 2001, 17(4): 3-23.

[16] 唐納德諾曼. 情感化設計[M]. 北京: 電子工業出版社, 2005.

NORMAN D A. Emotional Design[M]. Beijing, Electronic Industry Press, 2005.

[17] NABIL S, PL?TZ T, KIRK D S. Interactive Architecture: Exploring and Unwrapping the Potentials of Organic User Interfaces[C]//Proceedings of the Eleventh International Conference on Tangible, Embedded, and Embodied Interaction. Yokohama Japan. New York, NY, USA: ACM, 2017.

[18] REICHERT S, MENGES A, CORREA D. Meteorosensitive Architecture: Biomimetic Building Skins Based on Materially Embedded and Hygroscopically Enabled Responsiveness[J]. Computer-Aided Design, 2015, 60: 50-69.

[19] OOSTERHUIS K, BILORIA N. Interactions with Proactive Architectural Spaces[J]. Communications of the ACM, 2008, 51(6): 70-78.

Flexible Display Interface Design Based on Information Folding Concept

GUO Xin-wei, ZHANG Shao-huan, QIN Jing-yan

(University of Science and Technology Beijing, Beijing 100083, China)

Benefiting from the development of display technology and intelligent materials, the carriers of information dissemination are becoming more and more abundant. The form of the user interface is gradually endowed with the possibility of various forms such as folding and deforming from the static plane display. The medium through which users acquire information also extends from two-dimensional space to multidimensional space. The above changes put forward new problems and requirements for design expression and user experience research. Through literature research, case studies, comparative analysis and the method of design practice, this paper summarizes the morphological characteristics of flexible display technology driven by user interface, and analyzes the problems faced in the design of the flexible display interface. Design suggestions and strategies are discussed through design examples from three aspects of information dimension, interface presentation and interaction behavior. Then, the application scenarios and design possibilities of flexible user interface in the future are discussed from the perspectives of the integration of information and physical space and ecological intelligence feedback.

flexible displays; interaction design; user interface design; user experience

TB472

A

1001-3563(2022)06-0143-07

10.19554/j.cnki.1001-3563.2022.06.019

2021-12-06

北京市哲學社科規劃（19YTC042）；中央高?；究蒲袠I務費資助（FRF-BR-18-007A）

郭馨蔚（1986—），女，碩士，講師，主要從事人機交互、用戶界面設計及用戶體驗設計方面的研究和實踐。

覃京燕（1976—），女，博士，教授，主要從事交互設計、信息設計及大數據信息可視化研究。