2023-1-5 資深UI設計者
三星上一版本界面標題選用細體字,頭部區域留白,卡片功能區域小,背景選用寫實簡約照片,體現文藝感。
圓形的場景卡片與矩形的設備卡片形成對比,場景卡片與文字上下排列,更加凸顯場景圖片,但文字存在多行、單行顯示,這種表現方式會顯得凌亂。
設備卡片從上到下依次為圖標、設備名、狀態。
新版本標題選用粗體字,標題區域更加緊湊,功能區域展示空間變大,背景使用抽線雙色漸變,更現代時尚。
功能卡片為統一圓角矩形,場景卡片圖文左右排布,底部白色卡片區域可以很好兼容多行、單行文字的情況。
設備卡片從上到下依次為圖標、房間名、設備名、狀態。
底部新增Tab區域,細分為收藏、設備、生活、自動化、菜單5個模塊。
風格布局總結:新版本屏幕利用率更高,粗體字和抽象背景使得內容更凸顯,底部的Tab提供了更多模塊入口,功能分類更合理。
舊版本只有一個首頁,功能都在此被分發,并且功能較為單一。
新版本增加收藏、設備、生活、自動、更多模塊,對用戶使用場景做了細分。
界面頂部的房屋設置、添加、編輯為全局設計,不過在每個模塊中添加的內容不同。
收藏作為用戶每次進入App的第一屏,說明是用戶常用的重要功能,在收藏模塊中,可以添加的內容最多,用戶在此頁面可以完成大多數常用操作。
設備模塊是全屋設備的合集,自動模塊是場景、自動化的合集。
生活模塊主要提供家庭安全監控信息,還可接入其他服務,例如:智能家電監控、智能烹飪服務。
新版本設備卡片主要由設備圖標、房間名、設備名、狀態、控制區構成;房間名域為預留區,保證在不同頁面下的統一性。
設備在離線狀態下,右上角會顯示離線圖標,代替控制按鈕。
只有我們提前羅列出更多的頁面顯示情況,整合并預留可變區域,才能使頁面更統一。
收藏模塊分為3大區域,區域1為狀態通知區;區域2為收藏的場景區;區域3為收藏的服務或設備。這3個區域展示順序是固定的,可以選擇是否展示,無法改變展示順序。
因為每個區域的卡片尺寸是不一樣的,區域固定的好處是,可以保證顯示的統一性。否則大小卡片穿插顯示,還可能會空缺幾個,很影響美觀。并且操控邏輯也是固定的,用戶更容易理解。
點擊收藏模塊右上角添加,可批量選擇內容快速添加收藏。
在非收藏頁,長按卡片,可單獨添加收藏內容。
在設備、場景等新建或編輯界面,可以選擇添加至收藏的選項。省去了后續的單獨添加動作。
在收藏頁,長按卡片,可以進行單獨移除操作。
在收藏編輯頁面,可以批量快速移除移除。滿足了不同的用戶需求。
首次進入,展示的是某個房間內的設備,通過左右滑動進行切換房間,三星可能想為用戶提供模糊操作來提升效率,在房間少的情況下,這種方式比較好。當房間多了,用戶會滑動多次才能到目標房間;當然三星給出了針對精確選擇的方式,點擊左上角的房間入口,可以選擇、編輯房間。
房間多的情況下這2種方式都不是很好的解決方案。
這里要注意的是,三星把“沒有房間”也放進房間列表,供用戶選擇?,F實中,有好多設備是不屬于任何房間或者用戶暫時不想放到某個房間,增加無房間選擇可以更靈活的滿足實際使用場景。
在房屋編輯頁面,可以添加房間,在這里三星已經為用戶預設了很多房間類型選項,用戶只需要做選擇,很方便,即使沒有要的,還可以在列表底部選擇自定義。
在設備頁面,只能添加設備、燈光組、監控組。
用戶可以通過關鍵詞搜索、掃碼、設備類型篩選、品牌篩選進行設備添加。
很全,幾乎涵蓋了所有的添加方式。
在添加頁面,第一步要先填寫組的名稱、選擇所在房間,第二步選擇要合并的燈,添加完成跳轉至設備組詳情,方便立即調控。
設備控制頁面采用了模塊化的設計方式,控制區域均為列表形式,不同的設備只需要替換圖標和文字及對應的操控列表,降低新設備重新創作新界面的設計成本。
長按設備卡片,選擇目標房間,可完成單個設備轉移。
選擇設備頁面右上角的移動方式,可以批量進行設備的轉移。
自動模塊包含場景、自動化、第三方設備,它們不具備房間屬性;
點擊右上角的箭頭可以展開或收起對應列表,方便查找內容。
第一步,先填寫場景名稱、選擇圖標、是否要添加到收藏;
第二步,選擇執行的設備,可以根據設備名稱、房間名稱進行快速定位,并且可以批量選擇設備;
第三步,設備添加成功后,根據需要,單獨對設備執行狀態設置。
新建場景的邏輯是:先批量選擇要執行的設備,再單獨設置執行內容。
這種方式的好處是,不易打斷用戶的設置思路,還可以減少操作步長。
新建自動化界面分為觸發條件、執行內容兩大塊;
初始狀態會為用戶提供使用描述,便于用戶操作。
可以通過時間的變化、設備狀態變化、位置變化、天氣變化、安防變化來觸發執行命令。
將設備狀態變化作為觸發條件時,設置邏輯是,完成一個設備的設置才能設置下一個,不能批量選擇。為什么和新建場景的流程不一樣?可能是因為在設置執行條件時,用戶心智里認為設備和狀態聯系更緊一些,并且條件種類不會太多。
當添加了一個以上的設備作為觸發條件時,界面會顯示“同時滿足或滿足任何一個”的選項。
執行內容可以是控制設備、通知給用戶、運行場景、改變安防模式。
可以批量選擇設備,并且可以設置執行延遲時間、自動復位,滿足用戶不同需求。
藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務合作,也請與我們聯系。
作者:土木君 來源:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。
藍藍設計( m.91whvog3.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務、UI設計公司、界面設計公司、UI設計服務公司、數據可視化設計公司、UI交互設計公司、高端網站設計公司、UI咨詢、用戶體驗公司、軟件界面設計公司