折疊屏手機(jī)如何設(shè)計(jì)APP應(yīng)用及網(wǎng)站

2021-06-09    分類: 網(wǎng)站建設(shè)

智能手機(jī)發(fā)展的十年,是屏幕尺寸不斷變大的十年,Steve Jobs 在發(fā)布初代 iPhone 時(shí),或許不會(huì)想到不久將來的手機(jī)會(huì)大到塞不進(jìn)牛仔褲口袋。
從曲面屏再到全面屏,技術(shù)不斷挑戰(zhàn)屏幕尺寸邊界,最終折疊屏巧妙地解決收納和尺寸的博弈來到消費(fèi)者眼前。2019年伊始,多個(gè)品牌先后發(fā)布折疊屏手機(jī),其中三星和華為已明確上市計(jì)劃,蘋果也按捺不住申請(qǐng)了專利。
折疊屏已從概念來到現(xiàn)實(shí),那么折疊屏上的APP應(yīng)用應(yīng)該如何來設(shè)計(jì)呢?
設(shè)計(jì)變化:新增第二屏
折疊屏不管是「外翻」還是「內(nèi)折」的折疊方式,對(duì)用戶來說是新增了一塊屏幕,而這新增的屏幕使得1+1大于2,手機(jī)能變換為平板。設(shè)計(jì)師首當(dāng)其沖需要思考如何更好地設(shè)計(jì)這塊屏幕(以下我們稱之為折疊屏“第二屏”)的內(nèi)容。下面我們針對(duì)折疊屏的兩大特性具體展開設(shè)計(jì):
特性一:大屏內(nèi)容更豐富
手機(jī)的滑屏瀏覽方式使得頁面不斷往縱向設(shè)計(jì)加高,同時(shí)客觀造成頁面模塊點(diǎn)擊量是縱向衰減的。當(dāng)用戶想滑到感興趣的模塊時(shí)(比如淘寶首頁的猜你喜歡模塊)每次刷新頁面后都需要重新滑屏。這類低曝光但又是用戶想瀏覽的內(nèi)容便很適合放在折疊屏的“第二屏”。
在折疊屏中,頂部和底部導(dǎo)航性質(zhì)的組件屬于頁面的公用功能,采取直觀的橫向拉伸適配方式;而當(dāng)中頁面可以采用內(nèi)容填充適配方式,將次級(jí)重要內(nèi)容展示在第二屏。
折疊屏APP設(shè)計(jì)
▲ 長頁面的折疊屏適配方式:內(nèi)容適配
例如在淘寶的設(shè)計(jì)場(chǎng)景中,首頁的第二屏內(nèi)容是猜你喜歡內(nèi)容模塊,以后進(jìn)入淘寶便能直接逛起猜你喜歡的商品。
折疊屏APP設(shè)計(jì)
▲ 折疊屏版的淘寶首頁演示
微淘的第二屏內(nèi)容是推薦內(nèi)容卡片,能即時(shí)獲取到商家的推薦信息。
折疊屏APP設(shè)計(jì)
▲ 折疊屏上的淘寶微淘頁
消息的第二屏內(nèi)容是聊天窗口,能快速預(yù)覽消息里的最新內(nèi)容,提升聊天切換的效率。
折疊屏APP設(shè)計(jì)
▲ 折疊屏上的淘寶消息頁
寶貝詳情頁的第二屏內(nèi)容是圖文詳情,優(yōu)惠信息和圖文內(nèi)容能同時(shí)進(jìn)行參考比較。
折疊屏APP設(shè)計(jì)
▲ 折疊屏版的淘寶詳情頁
性二:多任務(wù)效率提升
在日常使用手機(jī)處理主任務(wù)時(shí),經(jīng)常會(huì)碰到臨時(shí)通知消息等分支任務(wù)處理,主任務(wù)與分支任務(wù)場(chǎng)景的頻繁切換給用戶帶來很高的操作成本。
折疊屏的「第二屏」可以讓用戶可以不離開當(dāng)前場(chǎng)景即可便捷的處理子任務(wù),提升多任務(wù)的處理效率。下面舉例淘寶上的案例幫助大家體會(huì)多任務(wù)帶來的種種便捷。
折疊屏APP設(shè)計(jì)
▲ 折疊屏第二屏的多任務(wù)模式
邊看直播邊逛
看淘寶直播可以保證直播畫面始終完整顯示,還可以讓寶貝列表呈現(xiàn)出更大更多的圖片以及簡(jiǎn)要的信息幫助用戶做初步的判斷,邊看邊逛互不干擾。
折疊屏APP設(shè)計(jì)
▲ 邊看直播邊逛
邊看詳情邊看評(píng)價(jià)
商品評(píng)價(jià)會(huì)直接陳列在右側(cè)“第二屏”,讓用戶第一眼就能概覽較全面的信息,減少不必要的操作成本。
折疊屏APP設(shè)計(jì)
▲ 邊看寶貝詳情邊看評(píng)價(jià)
寶貝信息對(duì)比
用戶可以直接從足跡中拖拽出備選寶貝進(jìn)行同時(shí)展示,在同一個(gè)屏幕中同時(shí)瀏覽對(duì)比寶貝就顯得非常直觀便捷。
折疊屏APP設(shè)計(jì)
▲ 寶貝信息對(duì)比
邊逛邊聊天
逛商品過程中喚起的聊天窗口可以常駐第二屏,不僅不會(huì)打斷用戶瀏覽詳情的任務(wù),還能一邊逛一遍聊,讓買賣雙方交流更容易。當(dāng)商家推薦的其他寶貝時(shí)還可以保持聊天窗口常駐情況下在左側(cè)屏幕直接查看。這樣就降低了邊逛邊聊場(chǎng)景的切換成本。
折疊屏APP設(shè)計(jì)
▲ 邊逛邊聊天
(鄭重聲明:本文版權(quán)歸原作者淘寶設(shè)計(jì)所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如有侵權(quán),請(qǐng)聯(lián)系我們刪除;如作者信息標(biāo)記有誤,請(qǐng)聯(lián)系我們修改。)

文章題目:折疊屏手機(jī)如何設(shè)計(jì)APP應(yīng)用及網(wǎng)站
文章路徑:http://m.kartarina.com/news/116938.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供做網(wǎng)站企業(yè)建站手機(jī)網(wǎng)站建設(shè)品牌網(wǎng)站設(shè)計(jì)網(wǎng)站維護(hù)網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化
主站蜘蛛池模板: 色欲A∨无码蜜臀AV免费播| 无码一区二区三区AV免费| 精品少妇人妻av无码专区| 熟妇人妻中文av无码| 无码精品视频一区二区三区| 免费无码精品黄AV电影| 伊人久久无码中文字幕| 亚洲乱人伦中文字幕无码| 中日精品无码一本二本三本| 无码射肉在线播放视频| 亚洲国产精品无码AAA片| 国产日产欧洲无码视频| 无码久久精品国产亚洲Av影片| 人妻少妇无码视频在线| 亚洲av成本人无码网站| 精品成在人线AV无码免费看 | 中文无码字幕中文有码字幕| 国产强伦姧在线观看无码| 性饥渴少妇AV无码毛片| 精品无码国产自产在线观看水浒传 | 久久久久亚洲AV无码观看| 精品人妻无码专区中文字幕| 亚洲AV无码国产精品永久一区| 久久精品aⅴ无码中文字字幕| 国产又爽又黄无码无遮挡在线观看 | 日韩视频无码日韩视频又2021| 亚洲午夜成人精品无码色欲| 麻豆国产精品无码视频| 91精品无码久久久久久五月天| 玖玖资源站无码专区| 蜜桃AV无码免费看永久| 久久人妻无码中文字幕| 亚洲日韩av无码中文| 亚洲爆乳大丰满无码专区| 亚洲av纯肉无码精品动漫| 亚洲成a人无码亚洲成av无码 | 亚洲av永久无码| 中文字幕无码精品亚洲资源网久久 | 精品亚洲AV无码一区二区三区| 无码人妻丰满熟妇区免费| 日韩AV无码中文无码不卡电影|