亚洲ⅴ国产v天堂a无码二区,无码人妻一区二区三区免费视频,新婚少妇浑圆雪白的臀,午夜男女很黄的视频,亚洲,国产成人av

上一期講述了遠(yuǎn)光今年商旅項(xiàng)目的設(shè)計(jì)任務(wù)，目前已經(jīng)完成了V2.2版本的設(shè)計(jì)改版，并且上線。產(chǎn)品迭代應(yīng)該是與時(shí)俱進(jìn)的，當(dāng)完成V2.2版本改版之后，解決了舊版商旅的幾大痛點(diǎn)的同時(shí)，也會(huì)產(chǎn)生新的問(wèn)題。下面就讓我們來(lái)進(jìn)入正題。

1.新增功能——首頁(yè)頭輕腳重

隨著業(yè)務(wù)增多，商旅承載著越來(lái)越多的重要信息，例如在V2.2版本之前，商旅只有預(yù)訂機(jī)票、酒店，記賬，報(bào)銷(xiāo)幾大業(yè)務(wù)功能，在首頁(yè)的頂部剛剛擺滿一排功能入口。后來(lái)多了預(yù)訂火車(chē)票、用車(chē)打車(chē)業(yè)務(wù)功能，以后還會(huì)增加更多的功能。在V2.2版本的基礎(chǔ)上直接添加更改，頂部一共6個(gè)功能入口，一排放不下的情況下，分別改為一排3個(gè)和一排4個(gè)兩種效果。如果下面出現(xiàn)卡片式申請(qǐng)單，頁(yè)面整體就會(huì)覺(jué)得下沉，頭輕腳重。很顯然，現(xiàn)在這個(gè)視覺(jué)風(fēng)格的擴(kuò)展性很低。并且當(dāng)用戶有很多個(gè)申請(qǐng)單時(shí)，滑到最底部，在想去使用頂部的功能入口，還需要再滑回頂部。

2.為多人預(yù)訂——卡片過(guò)長(zhǎng)，沒(méi)有重點(diǎn)

如果企業(yè)有一個(gè)角色，是專(zhuān)門(mén)幫助同事來(lái)申請(qǐng)出差和預(yù)訂機(jī)票的，那么他的首頁(yè)可能會(huì)出現(xiàn)多個(gè)申請(qǐng)單，每個(gè)申請(qǐng)單有可能會(huì)出現(xiàn)多人多個(gè)訂單，一個(gè)卡片會(huì)使得頁(yè)面變得很長(zhǎng)，每個(gè)人對(duì)應(yīng)的預(yù)訂按鈕也會(huì)變多，本想突出預(yù)訂按鈕的初衷就會(huì)因數(shù)量過(guò)多而變得沒(méi)有意義。

3.功能性差——機(jī)票訂單狀態(tài)繁雜

當(dāng)員工預(yù)訂機(jī)票去機(jī)場(chǎng)前，需要關(guān)注機(jī)票的實(shí)時(shí)狀態(tài)，甚至機(jī)場(chǎng)航班的實(shí)時(shí)動(dòng)態(tài)。在V2.2版本的設(shè)計(jì)中，我們過(guò)分強(qiáng)調(diào)了機(jī)票狀態(tài)的顯示，將其設(shè)計(jì)成一個(gè)郵戳狀樣式壓在航班信息卡片上，在小屏幕手機(jī)上，郵戳的位置占據(jù)了左右屏幕的二分之一的位置，甚至遮蓋住重要的航班信息文字。這并不是用戶點(diǎn)擊機(jī)票訂單界面想要看到的景象。

改進(jìn)

1.有效利用空間

先來(lái)看看首頁(yè)的功能入口，我們將功能分為兩類(lèi)：

①預(yù)訂功能

②報(bào)銷(xiāo)功能

兩類(lèi)區(qū)分后，就可以對(duì)其分別進(jìn)行設(shè)計(jì)，分析幾個(gè)功能的使用頻率，決定將其預(yù)訂功能視覺(jué)強(qiáng)化，繼續(xù)采用V2.2版本的圓形彩色風(fēng)格。其他功能則采用方塊布局，利用基礎(chǔ)形狀表現(xiàn)不同功能。

（從左到右依次為）V2.2首頁(yè)、V3.0首頁(yè)

當(dāng)上滑查看申請(qǐng)單時(shí)，功能入口并不會(huì)消失，將圖標(biāo)收納固定在界面頂部，不僅可以方便隨時(shí)使用功能，而且不占用空間。就好像大家都在使用的支付寶，滑動(dòng)窗口的淡入淡出效果，也是使得空間利用最大化。

（效果圖）支付寶窗口動(dòng)效

2.沉浸式體驗(yàn)——讓卡片更像卡片

我們改變策略，只保留每個(gè)卡片中申請(qǐng)單的信息，讓卡片不再拉長(zhǎng)。卡片的長(zhǎng)寬比采用當(dāng)前主流屏幕尺寸16：9的比例，現(xiàn)在的主流屏幕皆是圓角屏，卡片的設(shè)計(jì)采用圓角化，使內(nèi)容規(guī)整統(tǒng)一，與屏幕更好的融合。

我們通過(guò)卡片展開(kāi)為全屏界面的動(dòng)效，來(lái)擴(kuò)展被收藏起來(lái)的任務(wù)。為每一個(gè)出行人的行程單帶來(lái)沉浸式體驗(yàn)，即使預(yù)訂按鈕再多，也可以解決擺放問(wèn)題。通過(guò)手勢(shì)的左右滑動(dòng)，來(lái)切換不同人的行程訂單頁(yè)面。

（效果圖）卡片展開(kāi)

3.增強(qiáng)對(duì)比——強(qiáng)化頁(yè)面功能性

讓我們來(lái)分析一下用戶在什么情況下會(huì)點(diǎn)擊機(jī)票訂單頁(yè)面。

（V3.0改版）查看機(jī)票訂單需求分析

我們將操作頻率從高到低排列如下：

查看審批軌跡 – 查看航班動(dòng)態(tài)、機(jī)票信息 – 退票、改期 – 查看機(jī)票出票狀態(tài)、申請(qǐng)單信息 – 填單

員工的每一個(gè)訂單，只要超標(biāo)、退票、改期，都要經(jīng)過(guò)領(lǐng)導(dǎo)審批，對(duì)于這個(gè)訂單中的航班動(dòng)態(tài)、機(jī)票信息，也是這個(gè)訂單界面被查看的重要因素，相對(duì)來(lái)說(shuō)，申請(qǐng)單信息被查看的頻率會(huì)弱很多。

結(jié)合V2.2版本訂單狀態(tài)戳?xí)趽跷淖趾晚?yè)面的痛點(diǎn)，我們給出了新的視覺(jué)解決方案。我們將頭部的藍(lán)色整體色塊讓出，留給最重要的幾大信息：訂單信息、航班動(dòng)態(tài)、退改按鈕；將原有的頭部機(jī)票信息下移并與申請(qǐng)單信息一致設(shè)計(jì)為白色卡片，并將超標(biāo)原因、退改原因等收集在上方。在保證手機(jī)屏幕一屏之內(nèi)，將審批軌跡從底部移至機(jī)票信息下方，一屏即可完成最頻繁的狀態(tài)查看與功能操作。將文字字號(hào)差距拉大，使其階梯性更強(qiáng)。

總結(jié)

每一個(gè)成功的產(chǎn)品，都是向著更好的體驗(yàn)去做每一次的更新迭代，比如大家都會(huì)用的騰訊QQ，也是從一個(gè)簡(jiǎn)單的網(wǎng)絡(luò)聊天室，一步一步進(jìn)化為現(xiàn)在龐大功能的QQ，匯集了文字對(duì)話、可以互動(dòng)的語(yǔ)音視頻聊天、看定位與天氣、QQ秀、QQ空間、QQ郵箱提醒、服務(wù)號(hào)推送、微視、實(shí)時(shí)演示PPT、演示白板、等等。它的客戶端界面也從以前的windows窗口樣式變?yōu)楹髞?lái)的扁平化視覺(jué)，并配合動(dòng)效，使其更加靈動(dòng)。

（從左到右分別為）OICQ2010登錄框、QQ2011登錄框、QQ2018登錄框

商旅的V3.0還在持續(xù)迭代中，在業(yè)務(wù)功能日趨完善的未來(lái)，我們也會(huì)增加恰到好處的動(dòng)效，來(lái)提升視覺(jué)感受與體驗(yàn)。希望這個(gè)產(chǎn)品可以一直更新下去，順應(yīng)每個(gè)時(shí)代的目標(biāo)用戶的需求，做出更好的產(chǎn)品。