周若凡

摘 ? 要：針對(duì)信息系統(tǒng)登錄界面設(shè)計(jì)存在色彩單一、控件呆板等問題，采用加載并不斷變換隨機(jī)選中的精美圖片進(jìn)行視覺優(yōu)化。本文提出了一種信息系統(tǒng)登錄頁中圖片隨機(jī)切換的設(shè)計(jì)方法，實(shí)現(xiàn)了欄目可任意配置、圖片可自主管理、顯示可隨機(jī)切換等功能。實(shí)踐證明本設(shè)計(jì)能夠豐富信息系統(tǒng)登錄頁的內(nèi)涵，增強(qiáng)登錄界面的美觀性、友好性。

關(guān)鍵詞：可配置 ?隨機(jī)切換 ?信息系統(tǒng) ?界面交互設(shè)計(jì)

中圖分類號(hào)：TP311.5 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 文獻(xiàn)標(biāo)識(shí)碼：A ? ? ? ? ? ? ? ? ? ? ? 文章編號(hào)：1674-098X（2020）04（c）-0131-02

隨著信息技術(shù)的發(fā)展以及各類組織（如政府機(jī)構(gòu)、企業(yè)等）管理精細(xì)化需要，各種信息系統(tǒng)不斷投入運(yùn)行。每個(gè)信息系統(tǒng)界面都有不同的視覺表現(xiàn)，形、色、質(zhì)相輔相成。用戶視覺上的體驗(yàn)決定了一個(gè)信息系統(tǒng)的被接受程度，而登錄頁則是用戶體驗(yàn)的第一道“門檻”，因此，必須重視登錄界面的視覺設(shè)計(jì)。另外，一些用戶在使用各專業(yè)信息系統(tǒng)時(shí)間長久后，會(huì)對(duì)信息系統(tǒng)一成不變的登錄頁面出現(xiàn)“審美疲勞”。為了降低用戶的這種疲勞度，提升用戶體驗(yàn)，提出了一種信息系統(tǒng)登錄頁中圖片隨機(jī)切換的設(shè)計(jì)方法，讓用戶每一次登錄時(shí)面對(duì)的頁面都可能不一樣。

1 ?功能設(shè)計(jì)

1.1 欄目設(shè)置

欄目是容器，用于“裝載”圖片?？梢愿鶕?jù)組織的特點(diǎn)和欄目用途設(shè)置各類欄目。欄目設(shè)置包括“欄目編碼、欄目名稱、欄目簡稱、是否為默認(rèn)欄目、是否啟用、啟用開始時(shí)間、啟用結(jié)束時(shí)間、切換圖片數(shù)量”等數(shù)據(jù)項(xiàng)。各數(shù)據(jù)項(xiàng)詳細(xì)說明見表1。

1.2 圖片管理

每張圖片都存放在欄目中。可以根據(jù)已設(shè)置欄目的作用，選擇與欄目作用相符的圖片上傳到對(duì)應(yīng)的欄目中。如與組織特色（組織的職責(zé)、業(yè)務(wù)范圍、業(yè)務(wù)特點(diǎn)、組織文化等）相符的圖片可存放到“常用欄目”中，如與慶賀元宵節(jié)有關(guān)的圖片可選擇存放在“元宵節(jié)欄目”等等。每張圖片至少包含“圖片ID、說明、是否有效”等數(shù)據(jù)項(xiàng)。各數(shù)據(jù)項(xiàng)詳細(xì)說明見表2。

欄目及圖片的概念數(shù)據(jù)模型見圖1，物理數(shù)據(jù)模型見圖2。

1.3 隨機(jī)切換

（1）在“欄目清單”中查找“當(dāng)前日期”在“啟用開始時(shí)間”和“啟用結(jié)束時(shí)間”區(qū)間內(nèi)，且“是否啟用”狀態(tài)為“是”的欄目編碼。若“欄目清單”中沒有滿足條件的欄目，則取“默認(rèn)欄目”。

（2）在“欄目與圖片”和“圖片清單”中，關(guān)聯(lián)“欄目編碼”，聯(lián)合查詢前面符合條件的欄目所對(duì)應(yīng)的“有效”圖片數(shù)量，即“圖片清單”中“是否有效”狀態(tài)為“是”的圖片數(shù)量，隨機(jī)函數(shù)根據(jù)該欄目的有效圖片數(shù)量和該欄目需要“切換圖片數(shù)量”，在“欄目與圖片”中隨機(jī)選擇相應(yīng)張數(shù)的圖片編碼，然后根據(jù)圖片編碼到“圖片清單”中提取圖片并展示。

隨機(jī)切換處理邏輯見圖3。

2 ?功能特點(diǎn)

2.1 靈活配置欄目

可以根據(jù)組織的特點(diǎn)，如企業(yè)用戶可以根據(jù)企業(yè)自身的業(yè)務(wù)開展情況以及企業(yè)文化、政府機(jī)關(guān)用戶可根據(jù)機(jī)關(guān)自身的管理職責(zé)或服務(wù)特點(diǎn)設(shè)置常用欄目，也可以根據(jù)如中國的元宵、端午、中秋、國慶、元旦、春節(jié)等節(jié)假日設(shè)置各種節(jié)假日欄目，還可以根據(jù)所在組織的一些臨時(shí)活動(dòng)設(shè)置活動(dòng)欄目。用戶可以通過“是否啟用”開關(guān)隨時(shí)啟用或停用欄目。

2.2 自主管理圖片

用戶可以根據(jù)欄目的作用，隨時(shí)增加圖片，或通過設(shè)置是否有效讓圖片失效，還可以任意調(diào)整圖片的排序。

2.3 隨機(jī)切換圖片

自動(dòng)找尋符合條件的欄目，隨機(jī)函數(shù)根據(jù)該欄目需要切換的圖片數(shù)量隨機(jī)提取圖片，如果沒有滿足條件的欄目，則由默認(rèn)欄目代替，保證每次都能夠提取到滿足條件的圖片并切換，讓用戶體會(huì)到每次登錄時(shí)的頁面都是“新”的。

3 ?結(jié)語

當(dāng)前，信息技術(shù)的發(fā)展日新月異，在社會(huì)眾多領(lǐng)域有不少成功的應(yīng)用和探索，如何在推出信息系統(tǒng)時(shí)讓用戶有較好的體驗(yàn)，仍將是擺在我們面前的挑戰(zhàn)。只有以用戶體驗(yàn)為中心，用心設(shè)計(jì)出來的信息系統(tǒng)才會(huì)被用戶接受，從而真正地發(fā)揮信息系統(tǒng)的作用。

參考文獻(xiàn)

[1] 劉偉.高校信息管理系統(tǒng)的界面設(shè)計(jì)要素分析[J].工業(yè)設(shè)計(jì)，2018（10）：55-58.

[2] 喬勇，李連，齊玉東.復(fù)雜信息系統(tǒng)中單點(diǎn)登錄的設(shè)計(jì)與實(shí)現(xiàn)[J].海軍航空工程學(xué)院學(xué)報(bào)，2009（11）：33-36.

[3] 朱琳.基于AMFPHP的管理信息系統(tǒng)注冊(cè)與登錄模塊設(shè)計(jì)[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2014（12）：66-69.