亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

背景

17TRACK，全球跨境包裹查詢工具，App 于2015年發(fā)布，在沒有任何推廣的前提下自然增長，目前全球用戶(iOS/Android/UWP)累計(jì)接近300萬。

下圖為現(xiàn)階段的APP 首頁：

本文章僅針對項(xiàng)目不同階段，基于個(gè)人的經(jīng)驗(yàn)分享。

需求確認(rèn)階段

不管如何，在接到需求的時(shí)候，切忌不要著急就去開展具體事務(wù)，先自己好好思考一下，基于現(xiàn)狀，自己有什么思路。 

做事情切忌毫無方向就去沖闖，不然最后出來的東西難以說服別人，甚至還有返工的危險(xiǎn)，前面多思考，多討論，避開一些坑，后期的工作自然要順利許多。 

在自己有一些比較具體的思路之后，再和需求方(BOSS)好好聊聊關(guān)于本次改版的一些想法，發(fā)掘真實(shí)需求，并且初步確認(rèn)改版的方向。 

如本次項(xiàng)目，在與BOSS 初步溝通之后，明確了幾點(diǎn)： 
1. 沒有新功能的添加，純粹地為體驗(yàn)、架構(gòu)、視覺作優(yōu)化；

2. 設(shè)計(jì)周期控制在3個(gè)月內(nèi)，完成iPhone、iPad、Android(Phone & Pad)共4個(gè)平        臺的設(shè)計(jì)；

3. 技術(shù)層面也要配合好，有“組件”的概念；

然后提煉具體問題，如：
1. 純粹的UI改版，設(shè)計(jì)方向是什么？要解決什么問題？

2. 新的改版思路，4個(gè)平臺的信息架構(gòu)要梳理，工作節(jié)奏該如何安排？

3. 設(shè)計(jì)組件需要和技術(shù)端嚴(yán)密配合，如何安排？

在需求確認(rèn)階段會有很多坑，需要去深挖，并不斷溝通，盡量信息同步。

項(xiàng)目啟動階段

明確需求，初步確立方向后，就需要具體地把思路和想法具象出來，制作一個(gè)可視化的PPT（我用的Keynote），把相關(guān)的人員都拉過來開個(gè)啟動會議，會議目的很簡單：1. 讓參與者明確要做什么；2. 收集大家的意見；

PPT的思路： 
1. 把APP的主要問題提煉出來，建議不超過5條；

2. 針對問題的思路及解決的方向；

3. 以要解決問題的類型為基礎(chǔ)，為大家普及一些理論知識，為后面具體要實(shí)現(xiàn)的模式 鋪墊以更容易理解和接受，這個(gè)很關(guān)鍵；

4. 把自己的解決思路以關(guān)鍵字的模式提煉，2～3個(gè)點(diǎn)，并作出說明；

△ 上圖為本人的簡單演示稿，下文是制作的思考過程

App 端主要的服務(wù)對象是Buyer，本次改版的核心目標(biāo)是以WEB端項(xiàng)目Buyer 為基礎(chǔ)，從業(yè)務(wù)層、體驗(yàn)、視覺各個(gè)維度全面升級改造。

對現(xiàn)階段App 提煉的3個(gè)主要問題： 

1. 新增用戶系統(tǒng)后，信息架構(gòu)及UI展示對用戶的概念不夠突出；

2. 對于產(chǎn)品的形態(tài)，還是以17TRACK查詢主站的業(yè)務(wù)模式和架構(gòu)在思考產(chǎn)品的形態(tài)；

3. 整體視覺體驗(yàn)感沉重，應(yīng)盡可能以內(nèi)容為主進(jìn)行減負(fù)；

然后再針對問題梳理出設(shè)計(jì)目標(biāo)：

1. 突出用戶概念，同時(shí)輸出吸引注冊的方案；

2. 使用體驗(yàn)轉(zhuǎn)換，與PC端Buyer 保持同步；

3. 為視覺“減肥”；

歸根結(jié)底，主要目標(biāo)就是“提升體驗(yàn)”，而如果達(dá)到這一點(diǎn)，對于一個(gè)工具型App 而言，在深思過后，在情感化和美感方面提升是比較容易有效果的。于是乎，PPT加上關(guān)于情感化和用戶認(rèn)知方面的理論知識。（向項(xiàng)目成員普及相關(guān)理論能對決策的設(shè)計(jì)目標(biāo)更容易理解）

在最后提出了兩個(gè)目標(biāo)關(guān)鍵字：1. 快；2. 準(zhǔn) ；

然后簡單歸納幾點(diǎn)關(guān)鍵字的達(dá)成條件： 

所謂快，這里指使用App 的感知體驗(yàn)： 動效的設(shè)計(jì)，要讓用戶感知到快的節(jié)奏； 功能的安排，操作頻率高的操作更容易被發(fā)現(xiàn)； 提升用戶對產(chǎn)品的認(rèn)知體驗(yàn)，減少焦慮；

所謂準(zhǔn)，這里代表的是符合用戶期待，界面干凈整潔：優(yōu)化信息架構(gòu)； 簡潔的UI界面，減少視覺負(fù)擔(dān)； 統(tǒng)一嚴(yán)謹(jǐn)?shù)脑O(shè)計(jì)規(guī)范，遵循4/8原則；

通過一場會議讓項(xiàng)目成員都明白要做什么，怎么做，具體實(shí)施的方法等，同時(shí)也認(rèn)可設(shè)計(jì)方向，后面事情就好安排了。

基礎(chǔ)框架的探索及確認(rèn)

由于App 主要的功能都體現(xiàn)在首頁，信息架構(gòu)并不復(fù)雜，所以，在信息架構(gòu)方案的推導(dǎo)過程中，同時(shí)完成視覺效果，同步檢驗(yàn)。

小團(tuán)隊(duì)，節(jié)奏比較靈活，加上自己對項(xiàng)目業(yè)務(wù)的理解也很了解，很快 4 個(gè)方案就出爐。這個(gè)時(shí)候，千萬記住不要馬上就進(jìn)行審核，先穩(wěn)下來，好好寫一個(gè)方案的PPT演示，把自己的思考過程都寫上去，這樣有兩個(gè)好處：

1. 自己能再次梳理整個(gè)方案的合理性；

2. 參與審核的成員更容易接受方案，給出針對性的建議。 

△ 上圖為方案審核演示稿

主要說明 3 個(gè)要點(diǎn)：
1. 設(shè)計(jì)風(fēng)格的方向是什么？

2. 為什么這樣設(shè)計(jì)？即，基于用戶數(shù)據(jù)得出的結(jié)論等；

3. 最終基于設(shè)計(jì)思考得出的幾個(gè)方案演示，及針對性討論；

在此給個(gè)小建議，每個(gè)方案都盡量往某個(gè)極端去設(shè)計(jì)，各有各的明顯優(yōu)勢，這樣的好處是：

1. 能讓每個(gè)參與成員更容易發(fā)表意見；

2. 能較為順利地得出大家認(rèn)可的最終方案。

下圖為 4 個(gè)概念Demo方案:

△ 方案一

△ 方案二

△ 方案三

△ 方案四

會議之后，再進(jìn)行一些小的探討，很快，大家的意見就達(dá)成一致了，最終如下圖：

△ 最終方案

同時(shí)，這次的改版也下了個(gè)大決定，iOS的設(shè)計(jì)也會依據(jù)Material Design 的版式來做。

設(shè)計(jì)工作節(jié)奏安排

終于可以正式開展設(shè)計(jì)了，但也不要興沖沖就啟動設(shè)計(jì)，要優(yōu)先規(guī)劃整個(gè)設(shè)計(jì)節(jié)奏如何安排。即使項(xiàng)目時(shí)間比較充足，但沒考慮清楚就開展工作，后面出現(xiàn)問題是很頭疼的。

因?yàn)槭且淮屋^為重大的改版，負(fù)責(zé)App 端的小伙伴(coco)經(jīng)驗(yàn)尚淺，為了保證質(zhì)量和效率，作出了以下安排：

1. 本人負(fù)責(zé)完成Android Phone 的設(shè)計(jì)，并以此驗(yàn)證App 的信息架構(gòu)、交互、視覺；

2. 每驗(yàn)證并確認(rèn)一個(gè)模塊，小伙伴同步設(shè)計(jì)對應(yīng)的iPhone 版本；
3. 在設(shè)計(jì)驗(yàn)證階段，一些創(chuàng)意性的工作可同步進(jìn)行，如下拉Loading動畫、小插圖；

部分成果的展示：

△ 注冊引導(dǎo)小插圖 - 注冊前 (By coco)

△ 注冊引導(dǎo)小插圖 - 注冊后 (By coco)

△ 首頁的部分界面動畫

界面動效的設(shè)計(jì)執(zhí)行，從項(xiàng)目周期計(jì)劃來說，如果時(shí)間上比較充足，那就盡可能完善，否則，就挑選重要、頻繁的交互進(jìn)行動效的具象設(shè)計(jì)執(zhí)行，關(guān)于界面動效設(shè)計(jì)我這里用的是Origami Studio ，這里就不展開對Origami Studio 的介紹了，有興趣的童鞋可以看這里學(xué)習(xí)，鄙人寫的一些教程。

工作上的幾個(gè)小建議： 
1. 項(xiàng)目關(guān)鍵問題一點(diǎn)要想清楚，因?yàn)橼s時(shí)間就盲目讓小組成員開展工作，這叫作死；

2. 項(xiàng)目成員提問題，不確定的先記錄，統(tǒng)一處理，然后一一答復(fù)；

3. 過程中極有可能出現(xiàn)一些小意外，保持警惕性，對進(jìn)度要心中有數(shù)；

4. 設(shè)計(jì)細(xì)節(jié)要嚴(yán)謹(jǐn)，特別是團(tuán)隊(duì)成員能力并不是太強(qiáng)的時(shí)候；

5. 保持階段性項(xiàng)目成員的進(jìn)度溝通，維持信息同步；

關(guān)于協(xié)同工作

今年圍繞Sketch 對設(shè)計(jì)工作進(jìn)行了很多的調(diào)整。PS用于純粹的視覺設(shè)計(jì)工具，運(yùn)營設(shè)計(jì)、廣告等；AI用于圖形塑造，如圖標(biāo)、LOGO等；Sketch 用于UI界面的搭建，同時(shí)也用于交互線框的概念設(shè)計(jì)。

靈活運(yùn)用Sketch 的Symbol 功能，設(shè)計(jì)規(guī)范的維護(hù)和管理變得輕松了，加上Sketch 新版本發(fā)布的Library 功能，基本滿足了設(shè)計(jì)規(guī)范的整體維護(hù)流程，非常贊！

△ APP端

△ WEB端

然后，Sketch 配合Zeplin (國內(nèi)也有不少人用藍(lán)湖)，更是不用像以前那樣弄標(biāo)注稿了，甚至切圖也不用自己動手，基本上開發(fā)完全自理即可，而設(shè)計(jì)師只要按新的設(shè)計(jì)方法執(zhí)行到實(shí)際的工作中。這樣一來，又是極大地釋放了設(shè)計(jì)師的時(shí)間，可以有更多的時(shí)間思考和完善設(shè)計(jì)稿。

△ Zeplin 的項(xiàng)目管理，利用好分組和標(biāo)簽

Sketch 插件相信大家應(yīng)該都有自己的需求，在這里著重介紹AutoLayout ，讓實(shí)際的設(shè)計(jì)工作能擺脫更多的繁瑣操作。最新版更是能實(shí)現(xiàn)一些Flexbox 的概念，個(gè)人測試之后，已經(jīng)可以看到未來UI設(shè)計(jì)師們的工作方法要來一個(gè)大革新了。下面是個(gè)人基于新版Auto Layout的一些小嘗試：

從上面兩個(gè)例子大家可以看到，界面元素版式發(fā)生變化，不用再繁瑣地去改變布局了，AutoLayout 插件能自動完成布局。有興趣的童鞋能看看以下相關(guān)資料：

自動布局插件下載：Auto Layout for Sketch
指南與文檔：Stacks (Flexbox) — Anima

成布局。當(dāng)然，目前Sketch 版本在自適應(yīng)方面的功能也做得不錯(cuò)

1. Resizing 就是定義圖層的響應(yīng)屬性；

2. 這個(gè)是定義整個(gè)畫板的；

具體的操作體現(xiàn)大家可以在Sketch 多嘗試，并不復(fù)雜

在這個(gè)工具泛濫的年代，大家不要切記盲目跟風(fēng)，根據(jù)實(shí)際的團(tuán)隊(duì)模式選擇好工具才好。

一不小心就寫了一大堆，本文主要是工作思路方面的分享，對于上面的內(nèi)容有任何問題請留言，本人會抽空一一回答，辛苦你們耐心的閱讀。