20200410-20200419

首先說明一下我記周記的目的碑幅，一共有有三個(gè)彰触，1.記錄實(shí)習(xí)生活梯投，2.總結(jié)學(xué)習(xí)到的經(jīng)驗(yàn)，3.反思和作進(jìn)一步的計(jì)劃况毅。

第一周就去了兩天分蓖，去到見到了自己的導(dǎo)師，熟悉了公司的規(guī)章制度和大樓的情況尔许，迷了無數(shù)次的路才熟悉從公司回家的路么鹤。導(dǎo)師很好，方方面面都很細(xì)心指導(dǎo)味廊，也把需要了解到的資料都發(fā)給我看蒸甜。從師傅那邊了解到公司的加班文化比較嚴(yán)重，我剛?cè)ゲ]有接項(xiàng)目并沒有感覺余佛，但是第二周開始就有了切身的體會柠新。

第二周前幾天就一直在看公司的設(shè)計(jì)規(guī)范，對于產(chǎn)品比較多的公司辉巡，保持產(chǎn)品風(fēng)格的一致性至關(guān)重要恨憎，所以設(shè)計(jì)規(guī)范十分重要，對于公司產(chǎn)品的設(shè)計(jì)控件是必須都要很了解的郊楣。我就渾渾噩噩的看控件看了兩天憔恳，還反復(fù)看公司的設(shè)計(jì)成果物規(guī)范瓤荔，規(guī)范不難，都是格式的要求喇嘱。后面接到一個(gè)設(shè)計(jì)任務(wù)茉贡，一個(gè)是考試培訓(xùn)系統(tǒng)加上一個(gè)考題難度選項(xiàng)，這個(gè)任務(wù)難度很低者铜，就是加個(gè)選項(xiàng)和在字段上加上考題難度的字段。在這個(gè)小的項(xiàng)目中放椰，我好像沒學(xué)到啥作烟，就是根據(jù)任務(wù)加個(gè)字段和加個(gè)框一類的。這種任務(wù)比較低級砾医，不需要怎么溝通拿撩。大概就是排版的問題啊，有些加的內(nèi)容在內(nèi)容排版上也會影響用戶體驗(yàn)如蚜。在第二個(gè)項(xiàng)目中压恒，我做的是一個(gè)煙草的電子記錄系統(tǒng)的改造，主要是優(yōu)化頁面排版错邦，將表格的查看方式轉(zhuǎn)化為卡片的形式展現(xiàn)給用戶探赫，其實(shí)好處就是將信息輕化處理，并凸顯出信息的優(yōu)先層級撬呢，展示給用戶伦吠，其中遇到的困難就是如何將表格的信息一卡片的形式展現(xiàn)給用戶？怎么排列信息層級魂拦，以及如何排版展現(xiàn)毛仪，讓用戶很快的獲得他想要的信息。在這個(gè)過程中印象比較深刻芯勘。

待改進(jìn)的點(diǎn)

一箱靴，自己有些自以為是，會不經(jīng)意的思維發(fā)散荷愕，將用戶體驗(yàn)的問題歸結(jié)在項(xiàng)目方案的問題上衡怀，從而會有一些新奇的想法穿插在里面，這些想法也沒有進(jìn)行用戶需求的確認(rèn)路翻。師傅說一句：你這老是憑空創(chuàng)造需求狈癞，也是很困擾。二茂契，在設(shè)計(jì)頁面的時(shí)候有一些需求不太明確的情況下就開始設(shè)計(jì)頁面布局蝶桶，導(dǎo)致在設(shè)計(jì)的時(shí)候很多問題，所以導(dǎo)致返工和思維混亂的現(xiàn)象掉冶，導(dǎo)致設(shè)計(jì)的界面證據(jù)說服力不強(qiáng)真竖。三脐雪，界面的排版在用戶體驗(yàn)問題上思考較少，靜態(tài)的界面也會有用戶體驗(yàn)的恢共，要突出信息的層級战秋，讓用戶能迅速，不費(fèi)力氣的獲取需要的信息讨韭，這個(gè)也是用戶體驗(yàn)的部分脂信。比如卡片中，照片和文字的排列透硝，橫排和豎排狰闪，在不同場景下就有不同的使用，在寬屏狀態(tài)佳濒生，橫排就比較符合人眼的運(yùn)行規(guī)律埋泵，豎排就不行。另外卡片上展示的信息元素的處理罪治，字號大小丽声，顏色深淺都是在引導(dǎo)用戶的注意力順序，這都是影響用戶體驗(yàn)的因素觉义。四雁社，對信息歸類能力比較差，頁面展示的信息都是分模塊的谁撼，如何雜亂繁多的信息歸類歧胁，并以合適的展現(xiàn)方式展示給用戶，使用列表厉碟，卡片喊巍，還是圖標(biāo)等？這都需要思考箍鼓，如何讓用戶更容易的理解和獲取想要的信息崭参。頁面上的每個(gè)元素的位置，大小和形狀都是有理由的款咖，有理論作支撐的何暮，別人會問：你為什么這樣設(shè)計(jì)？你不能說：這樣就是為了好看吧铐殃？而是從用戶體驗(yàn)角度解答海洼，記住你是用戶體驗(yàn)設(shè)計(jì)師。

總結(jié)：如何做一個(gè)頁面的修改富腊？

第一步：跟項(xiàng)目經(jīng)理要產(chǎn)品的業(yè)務(wù)說明文檔坏逢，需求文檔，了解業(yè)務(wù)流程和用戶主要需求。第二步：仔細(xì)研究自己負(fù)責(zé)修改頁面的原來的用戶需求和用戶目標(biāo)是整，以及和在業(yè)務(wù)中所處的模塊肖揣，在梳理頁面的時(shí)候，不懂的地方浮入，及時(shí)找項(xiàng)目經(jīng)理溝通龙优。第三步：明確為什么要修改這個(gè)頁面，用戶的痛點(diǎn)在哪里事秀？用戶使用這個(gè)頁面的目的是什么彤断？在哪些場景下使用？用戶的操作路徑是什么樣的易迹？原來的頁面哪一點(diǎn)沒有滿足用戶瓦糟？這一步要十分明確用戶的真實(shí)需求，和用戶反饋的痛點(diǎn)赴蝇，使用場景以及操作路徑，這位后面的信息架構(gòu)的改進(jìn)作為證據(jù)支持巢掺。第四步句伶，信息架構(gòu)的設(shè)計(jì)，整理出原本的頁面的信息架構(gòu)陆淀，根據(jù)前面的業(yè)務(wù)研究和用戶研究考余，找到現(xiàn)有信息架構(gòu)的問題，進(jìn)行修改轧苫。從而根據(jù)信息架構(gòu)設(shè)計(jì)用戶的操作流程楚堤。第五步，根據(jù)信息架構(gòu)和操作流程含懊，確認(rèn)頁面元素身冬，以及頁面元素的優(yōu)先級，這一點(diǎn)要和項(xiàng)目經(jīng)理溝通確認(rèn)岔乔。第六步酥筝，頁面元素的排版。第七步雏门，頁面元素的優(yōu)化和標(biāo)注規(guī)范嘿歌。

下一步計(jì)劃：

首先，在工作順序上我要清晰茁影，在接到一個(gè)任務(wù)之后宙帝，要經(jīng)歷哪些步驟，每個(gè)步驟的目的是什么募闲？做好溝通的歸檔步脓。其次，在一個(gè)頁面排版之前要梳理清楚業(yè)務(wù)邏輯，頁面的信息架構(gòu)沪编，用戶的痛點(diǎn)呼盆，以及用戶的使用場景，最終產(chǎn)出自己的解決方案和項(xiàng)目經(jīng)理溝通蚁廓，確認(rèn)方案的可行性访圃。最后，產(chǎn)出頁面元素的大概布局和項(xiàng)目經(jīng)理溝通相嵌，確認(rèn)布局的合理性腿时，并確認(rèn)頁面信息元素的優(yōu)先級。產(chǎn)出頁面高質(zhì)量交互稿并完善標(biāo)注饭宾。

計(jì)劃不如變化而昨，時(shí)郴菸簦回來看看。

20200419-202000430

這11天過的異常的快

這個(gè)期間做了一個(gè)金融類產(chǎn)品的兩個(gè)需求，一個(gè)是刷臉登錄准谚，另外一個(gè)是水印管理。水印管理比較好理解霎挟，就是管理員可以設(shè)置水印在員工終端上喉恋，目的是為了防止其界面被偷拍。這個(gè)水印管理就是讓管理員設(shè)置水印樣式的地方棠隐。在確定水印管理的具體參數(shù)后石抡，我就是排版。排版是參考網(wǎng)站上在線水印的交互設(shè)計(jì)助泽，本來以為就可以了啰扛，結(jié)果師傅一看，就說嗡贺，水印怎么沒有個(gè)開關(guān)隐解，加入管理員不想加水印了怎么關(guān)閉它呀？這一問我就懵了暑刃，是啊厢漩，萬一用戶想關(guān)閉怎么關(guān)閉呀？我只是看需求文檔沒有寫這個(gè)功能岩臣，自己也就沒有做溜嗜。后來我跟產(chǎn)品確認(rèn)一下，他不加思索的就說架谎，肯定要加開關(guān)啊炸宵。所以需求文檔只是參考，并不是全部谷扣，里面很多細(xì)節(jié)用戶體驗(yàn)需要自己去推敲土全，然后和產(chǎn)品確定捎琐。另外界面的排布，確定取消按鈕按照以往的刻板印象放置在左上角裹匙，增加了用戶的移動距離瑞凑，其實(shí)應(yīng)該放在設(shè)置下面，用戶在設(shè)置完順勢點(diǎn)擊確定就好了概页。還有里面有些標(biāo)題指意不明籽御，其實(shí)這些都是我直接從別人那搬過來的，并沒有做一個(gè)思考惰匙，考慮它的合理性技掏。以后就是抄也要考慮場景，一種好的交互并不是都適合所有的應(yīng)用場景的项鬼。刷臉登錄模塊哑梳，我首先想到的難題是，刷臉登錄的入口放在哪里绘盟？以及識別的窗口應(yīng)該怎么呈現(xiàn)鸠真？糾結(jié)了半天，還是想著把識別窗口還是放在登錄區(qū)域中龄毡，刷臉登錄做一個(gè)右滑的操作弧哎。經(jīng)驗(yàn)來自于之前手機(jī)登錄的賬號登錄和注冊的經(jīng)驗(yàn)。師傅看一下就提出一個(gè)問題：識別的窗口只是限制于賬號登錄的區(qū)域稚虎，那么小的區(qū)域怎么看清人的臉部呢？為何不跳出一個(gè)彈窗呢偎捎？我傻了蠢终，我怎么都沒想到可以跳出彈窗呢？那么刷臉登錄按鈕放哪呢茴她？它跟賬號登錄一個(gè)等級寻拂，所以也應(yīng)該放在賬號登錄的旁邊。然后我又開始糾結(jié)識別的輪廓線應(yīng)該是怎么樣的丈牢。等我把大概的識別界面做了祭钉，師傅一看，你這個(gè)業(yè)務(wù)流程知道嗎己沛？加入這個(gè)識別的過程中某一個(gè)流程被打斷慌核，你應(yīng)該怎么做，用戶才能接受申尼。這個(gè)識別過程都必須很清楚才行垮卓，這樣在應(yīng)對各種情況下都能給予用戶提示，而不是單純的想著师幕，一個(gè)識別框粟按，識別完成或失敗就完事了。中間的所以關(guān)于用戶體驗(yàn)的問題都要了解清楚，甚至要了解人臉識別的技術(shù)流程灭将。經(jīng)過兩天的產(chǎn)品技術(shù)的溝通疼鸟，對于識別過程比較了解，也了解到外接的相機(jī)的識別效果庙曙，識別算法的運(yùn)行規(guī)則空镜。最后我總結(jié)出整個(gè)識別的流程，應(yīng)對每個(gè)重要的節(jié)點(diǎn)做用戶提示和界面交互處理矾利。這樣我設(shè)計(jì)的每項(xiàng)都有依據(jù)姑裂，具有說服力。這個(gè)項(xiàng)目總結(jié)：1.做界面之前先了解需求背后的邏輯男旗，邏輯一定梳理清楚舶斧，用戶的目的和先有技術(shù)可以實(shí)現(xiàn)什么程度？這都是在做界面之前溝通清楚點(diǎn)的察皇。2.做界面的時(shí)候信息層級要展示清楚茴厉，用戶操作方不方便。

做了一個(gè)凱迪拉克的新員工人員錄入功能什荣，這個(gè)也是比較曲折矾缓，從產(chǎn)品那里一點(diǎn)點(diǎn)的明晰用戶真正的需求和背后的技術(shù)支持，感覺真的挺難的稻爬。經(jīng)過好幾次溝通才能一點(diǎn)點(diǎn)明確用戶真正的需求嗜闻。用戶是不想采集新員工照片，想通過抓拍次數(shù)的排列做一個(gè)基本的篩選桅锄，然后對抓拍次數(shù)較多的訪客作為新員工建檔琉雳，選擇抓拍的一張照片作為員工照片。另外一個(gè)客流同環(huán)比統(tǒng)計(jì)則是統(tǒng)計(jì)客流和=人次和客流批次的統(tǒng)計(jì)圖友瘤，是公司固有的統(tǒng)計(jì)組件翠肘。當(dāng)然針對業(yè)務(wù)場景的不同做改進(jìn)”柩恚總結(jié)：抄可以束倍，結(jié)合業(yè)務(wù)場景來。

來到這20天了盟戏，都是很小的項(xiàng)目修改绪妹，修改了幾個(gè)頁面，做了4個(gè)需求柿究。比較曲折喂急，也要收獲。在項(xiàng)目溝通上和頁面排版上還要有進(jìn)步笛求，期待下一個(gè)工作周廊移。

20200430-20200517

20200430-20200507 鹽城城南數(shù)據(jù)看板和后臺配置頁面糕簿。

是什么項(xiàng)目？鹽城城南項(xiàng)目的數(shù)據(jù)看板是引入的景區(qū)看板的基線項(xiàng)目狡孔，那邊的領(lǐng)導(dǎo)看著不滿意懂诗，建議加強(qiáng)安保信息。

有哪些需求苗膝？聽取客戶需求之后殃恒，將看板分為實(shí)時(shí)入園人數(shù)，入員車輛辱揭，入院物品的抓拍圖并配有抓拍地點(diǎn)和時(shí)間等重要信息离唐。其外還要有景區(qū)的客流量信息。

我做了什么问窃？我做這個(gè)數(shù)據(jù)看板的排版工作亥鬓。首先跟產(chǎn)品經(jīng)理確認(rèn)完需求后開始著手排版。在排版的時(shí)候會有一些不確定的細(xì)節(jié)也會和產(chǎn)品溝通域庇。

在這個(gè)期間遇到什么問題嵌戈？主要在景區(qū)的統(tǒng)計(jì)上遇到一些困難。困難在于景區(qū)統(tǒng)計(jì)模塊听皿，在做的時(shí)候覺得產(chǎn)品給的方案不是很合理熟呛，他是建議統(tǒng)計(jì)過去七天進(jìn)入體育館的人數(shù)和離開體育館的人數(shù)，參考公司基線項(xiàng)目尉姨。但是實(shí)際在做的時(shí)候庵朝，就很疑惑體育館在每天的進(jìn)入和出去的人數(shù)都應(yīng)該差不多，統(tǒng)計(jì)的意義何在又厉？于是我就跟產(chǎn)品那邊溝通后偿短，就改變方案對于用戶來說，他可能只關(guān)心目前體育館人數(shù)的情況馋没，所以怎么呈現(xiàn)實(shí)時(shí)他們關(guān)心的數(shù)據(jù)，無非是目前體育館進(jìn)入的人數(shù)降传，離開的人數(shù)篷朵，以及體育館內(nèi)現(xiàn)在還有多少人。過去七天的總的人流量的趨勢變化婆排。在明確客戶的真實(shí)需求后声旺，我就將這一板塊的數(shù)據(jù)呈現(xiàn)改為統(tǒng)計(jì)當(dāng)天的實(shí)時(shí)離開和進(jìn)入的人數(shù)以及人數(shù)保有量，但是過去七天只統(tǒng)計(jì)進(jìn)入的人數(shù)段只，離開的人數(shù)不做統(tǒng)計(jì)腮猖。當(dāng)然在數(shù)據(jù)呈現(xiàn)的排版上還要有一定的章法，在排版上分為兩大塊赞枕，一個(gè)模塊展示今日的數(shù)據(jù)統(tǒng)計(jì)澈缺，另一個(gè)模塊展示過去七天人數(shù)變化的柱狀圖坪创，可以清楚的看到過去七天的額人流量變化。對于目前體育館內(nèi)人數(shù)的數(shù)量做突出顯示姐赡。

收獲莱预？首先，在做交互時(shí)不要完全聽產(chǎn)品經(jīng)理的项滑，特別是對于技術(shù)型的產(chǎn)品依沮，他一般會在溝通需求時(shí)會告訴你怎么怎么展示，甚至有些模塊直接告訴你參考基線項(xiàng)目樣式枪狂。對于他來說危喉，交互設(shè)計(jì)可能是一個(gè)排樣式就好了。但是對于交互來說州疾，做的原型以后是要展示的辜限，所以原型上的每天信息都是要對未來客戶體驗(yàn)直接負(fù)責(zé)的。頁面上的每個(gè)功能孝治，元素的排版列粪，甚至是字段都是要有足夠的真實(shí)度的需求做支撐的。在每次做交互不明白的地方或者是覺得方案不合理的地方就及時(shí)找產(chǎn)品溝通清楚谈飒，確定需求和解決方案之后在畫交互稿岂座，這樣效率高而且做出來的東西也有強(qiáng)有力的說服力。我在這個(gè)項(xiàng)目學(xué)到這些東西杭措。

20200508-20200511 智慧教育項(xiàng)目登錄流程設(shè)計(jì)

什么項(xiàng)目费什？智慧教育的H5項(xiàng)目，一個(gè)用于學(xué)校管理的軟件手素，包括老師鸳址，班主任，巡課員和校領(lǐng)導(dǎo)可以通過該軟件查看學(xué)校的數(shù)據(jù)泉懦，這些數(shù)據(jù)都是基于公司的視頻技術(shù)得到的稿黍。比如，巡課老師隨時(shí)在APP中看到各個(gè)課堂的實(shí)時(shí)畫面崩哩，包括學(xué)生趴桌子的次數(shù)巡球，和左顧右盼等小動作的次數(shù)等，還可以遠(yuǎn)程控制攝像頭的角度邓嘹。這種模式也適用于考試中酣栈。

做什么？做一個(gè)登錄的流程的頁面

遇到什么困難汹押？每個(gè)平臺的登錄場景不一樣矿筝，所以對應(yīng)的頁面也會有所不同。登錄的目的都是一樣的棚贾，驗(yàn)證身份進(jìn)入系統(tǒng)窖维。這個(gè)平臺的登錄的場景是在一個(gè)局域網(wǎng)中榆综，即不能用手機(jī)登錄.這個(gè)最后輸出的成果物也是跟

2020511-20200529

越實(shí)習(xí)到后面，越覺得收獲的少陈辱，因?yàn)樵诤竺孀龅捻?xiàng)目奖年，在溝通方面會少一些困難，之前可能會以為用戶需求理解不到位引起一定時(shí)間的浪費(fèi)沛贪，后來我自己也會主動收集問題找產(chǎn)品去確定這些問題陋守。在問題確定后，交互方案自然就水到渠成利赋。在后面交互的問題還是會出現(xiàn)水评，第一，細(xì)節(jié)的把控不到位媚送，總是會出現(xiàn)細(xì)節(jié)上的錯誤中燥，字段，選項(xiàng)字段塘偎，以及一些組件直接復(fù)用沒有考慮實(shí)際場景疗涉。師傅看到這些都無語了。組織樹的使用上也有問題吟秩，一直沒有想到解決辦法咱扣，但是最后和產(chǎn)品確認(rèn)后，發(fā)現(xiàn)想的都是多余的涵防，白白浪費(fèi)了很長時(shí)間闹伪。交互稿也是要美感的，所以信息需要有層次清晰的傳達(dá)給用戶的同時(shí)壮池，也需要有一定的組織美感偏瓤，這是我?guī)煾附唤o我的。這個(gè)稿件改兩版就定稿了椰憋，比之前倒是快了不少厅克，我覺得其中有一個(gè)比較重要的原因是我知道主動及時(shí)溝通反饋意見了。溝通也需要技巧的橙依，在反饋問題的同時(shí)要提出自己解決方案和想法证舟，每次討論都有確定的東西落實(shí)，這樣再復(fù)雜的問題也會迎刃而解票编。

參加設(shè)計(jì)評審，設(shè)計(jì)評審卵渴，大家都是站在自己的角度來說設(shè)計(jì)稿中不確定的問題慧域，實(shí)在不好說哪個(gè)說的有道理，不確定的問題還是產(chǎn)品經(jīng)理做拍板浪读。很多問題都是設(shè)計(jì)師站在用戶角度來想的昔榴，并不具備真實(shí)性辛藻，需要進(jìn)行用戶測試才能真正確定。但是有時(shí)候沒辦法做用戶驗(yàn)證互订，只能設(shè)計(jì)吱肌，開發(fā)，產(chǎn)品一起想解決方案了仰禽。初級版本就是這樣誕生的氮墨，后續(xù)的在出現(xiàn)問題一點(diǎn)點(diǎn)迭代，直到比較接地氣吐葵。

在實(shí)踐中思考交互設(shè)計(jì)规揪，多多思考自己的交互稿，自己到底解決一個(gè)什么問題温峭，解決方案是最優(yōu)的嗎?這些都需要我們?nèi)ニ伎嫉摹?/p>

這份實(shí)習(xí)結(jié)束了猛铅，一共上班36天，期間做完8項(xiàng)目凤藏。8各項(xiàng)目基本都是設(shè)計(jì)支持奸忽，做需求的補(bǔ)充。中間也有迷茫揖庄，其中有兩天一直思考栗菜，干什么能賺錢，甚至執(zhí)迷于怎么才能年入百萬抠艾】廖回想起來，覺得年入百萬真的距離挺遠(yuǎn)的检号。在自己水平?jīng)]達(dá)到之前腌歉，產(chǎn)生不了那么大的價(jià)值之前是拿不到那么多錢的。所以應(yīng)該想著怎么提升價(jià)值齐苛，要加強(qiáng)學(xué)習(xí)翘盖，多多思考，多多總結(jié)凹蜂，進(jìn)步馍驯，這樣才能進(jìn)步，接近所謂的年薪百萬玛痊，覺得沒有所謂的捷徑汰瘫，沒有那么好的運(yùn)氣的。我一直堅(jiān)信擂煞，世間所有一切都是設(shè)計(jì)出來的混弥，沒有理所當(dāng)然的東西，都是有前因后果对省，過程的蝗拿。

加油晾捏！設(shè)計(jì)你的未來！加油慢慢實(shí)現(xiàn)它哀托！