用戶界面
理解:用戶界面設(shè)計(jì)更多基于交互思維狈邑,遵循8/2原則(即只設(shè)計(jì)最好的20%的功能)碗啄,精簡(jiǎn)功能扒吁,選擇具有視覺美感的顏色和布局淑履。
作用:
它提供輸入機(jī)制告知計(jì)算機(jī)需求然后輸出一定的反饋。通過用戶界面與計(jì)算機(jī)進(jìn)行交互藻雪。
準(zhǔn)則:
1秘噪、輕量化設(shè)計(jì)(8/2原則)
2、簡(jiǎn)潔
3勉耀、可操作(使產(chǎn)品易于操作指煎、保證適用多種設(shè)備、保證所有人都可以操作產(chǎn)品)
4便斥、一致性(視覺風(fēng)格一致至壤、交互一致、體驗(yàn)與應(yīng)用場(chǎng)景一致)
5枢纠、即時(shí)反饋(提供產(chǎn)品當(dāng)前狀態(tài)告知用戶產(chǎn)品目前后臺(tái)運(yùn)行情況)
6像街、容錯(cuò)性(提供撤銷功能、減少自主功能避免用戶可能出現(xiàn)操作失誤)
7晋渺、以用戶為主導(dǎo)(給予用戶完整的控制權(quán)镰绎、允許定制和個(gè)性化設(shè)置)
發(fā)展歷史:
CLI命令行界面——WIMP界面——圖形用戶界面GUI
CLI命令行界面:早期的計(jì)算機(jī)運(yùn)行界面,現(xiàn)在的普通用戶基本用不到木西,多用于軟件開發(fā)畴栖。特點(diǎn)是需要通過鍵盤輸入帶有參數(shù)的指令與計(jì)算機(jī)進(jìn)行交互。
WIMP界面:在計(jì)算機(jī)發(fā)展中期八千,操作系統(tǒng)加入指示器(指針)吗讶,用戶能從視覺上追蹤鼠標(biāo)位置,并且窗口能夠運(yùn)行獨(dú)立程序恋捆。
GUI用戶界面:WIMP的進(jìn)化產(chǎn)物照皆,支持多種移動(dòng)設(shè)備。也就是在輸入機(jī)制的操作系統(tǒng)上加入了更多的“觸感操作系統(tǒng)”鸠信,例如“人臉識(shí)別”“觸摸”“熱控”等等纵寝。
其用戶界面的核心理論依據(jù)為“所見即所得WYSWYG”
思考:將來是否能發(fā)展成“所見即所想WYSWYT?”
問題:操作系統(tǒng)是如何通過指示器(指針)實(shí)現(xiàn)用戶從視覺上追蹤鼠標(biāo)位置的?
界面一:
圖像編輯器:
用來編輯已有的“點(diǎn)陣圖像”爽茴,并且為其添加額外的視覺效果葬凳,是基于GUI的一種應(yīng)用程序。
經(jīng)驗(yàn):
1室奏、為工作區(qū)提供最佳空間火焰。
2、基礎(chǔ)功能使用可浮動(dòng)胧沫、隱藏的部件昌简。
3、常用功能例如“圖像縮放”“圖像變換”提供快捷方式绒怨。
4纯赎、提供一些高級(jí)功能,例如“預(yù)覽”南蹂。
界面二:
圖像管理器:
用于改善和編輯數(shù)字化圖像的圖形化應(yīng)用程序犬金。
經(jīng)驗(yàn):
1、支持多種格式文件預(yù)覽六剥。
2晚顷、針對(duì)選中文件,創(chuàng)建展示區(qū)(列表疗疟、圖標(biāo)该默、詳細(xì)視圖等)。
3策彤、多種顯示尺寸(默認(rèn)栓袖、原始、全屏)锅锨。
4叽赊、提供基本的圖像編輯功能。
界面三:
桌面系統(tǒng)資源管理器:
幫助用戶管理文件和文件夾的應(yīng)用程序必搞。
注解:
資源管理器是采用了分層導(dǎo)航系統(tǒng)的文件瀏覽和管理工具必指,能幫助你瀏覽計(jì)算機(jī)上的文件和文件夾。它為圖片和文件提供了縮略圖恕洲,還能幫助用戶查看文件的元數(shù)據(jù)塔橡。
特征和功能:
1、允許用戶自定義的文件顯示狀態(tài)霜第。
2葛家、針對(duì)文件夾層級(jí)結(jié)構(gòu)和導(dǎo)航的樹狀圖。
3泌类、針對(duì)所選當(dāng)前路徑的面包屑導(dǎo)航設(shè)計(jì)癞谒。
4、針對(duì)已選擇文件元數(shù)據(jù)的信息條。
5弹砚、選項(xiàng)的縮略圖或圖標(biāo)預(yù)覽双仍。
經(jīng)驗(yàn):
1、為文件夾層級(jí)結(jié)構(gòu)選用用戶熟悉的計(jì)算機(jī)圖標(biāo)桌吃。
2朱沃、允許用戶對(duì)文件列表和多個(gè)文件執(zhí)行篩選功能。
3茅诱、采取面包屑導(dǎo)航逗物。
4、支持預(yù)覽和快速瀏覽文件瑟俭。
*用戶對(duì)于資源管理器的期望在于更快的運(yùn)行速度和熟悉的使用體驗(yàn)翎卓。
看完再分享,希望對(duì)還在堅(jiān)持做設(shè)計(jì)的設(shè)計(jì)師們有一些幫助摆寄。