中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

當(dāng)我拿到產(chǎn)品或者界面功能結(jié)構(gòu)圖時(shí)，我首先會(huì)做以下三點(diǎn)考慮：

1. 該產(chǎn)品定位是什么，我希望用戶擁有什么樣的體驗(yàn)【至關(guān)重要，考慮到每一個(gè)細(xì)節(jié)問(wèn)題】
2. 對(duì)界面邏輯功能分析，我需要和那些功能打交道
3. 競(jìng)品分析，或者相似功能界面設(shè)計(jì)、交互分析

三點(diǎn)思考內(nèi)容，不分順序，在思考的過(guò)程中，很多時(shí)候三點(diǎn)是相互影響、相互滲透的

說(shuō)一下自己的拿到功能結(jié)構(gòu)圖的整個(gè)思考過(guò)程，主要從以下幾個(gè)方面思考。

Part? ?one

產(chǎn)品定位分析：

No.1 ?微記，通過(guò)圖片和文字為家庭成員記錄他們每一刻、每一天的生活點(diǎn)滴，創(chuàng)造全家人的共享記憶；

Part? ?two

界面功能結(jié)構(gòu)分析：

1. 四個(gè)常規(guī)tab（家庭微記、家人、家書(shū)、我的），和添加微記botton；
2. 用于用戶及時(shí)發(fā)布動(dòng)態(tài)消息，包括用戶頭像，發(fā)布時(shí)間，動(dòng)態(tài)內(nèi)容（圖片、文字）；
3. 更加注重用戶隱私，只有點(diǎn)贊，不包含評(píng)論、轉(zhuǎn)發(fā)等分享行為；
4. 加入日歷功能，方便用戶及時(shí)查看當(dāng)天動(dòng)態(tài)；

Part three

相似功能分析界面分析

No.1 ?朋友圈、qq空間

A、相同點(diǎn)：及時(shí)發(fā)布動(dòng)態(tài)消息，包含用戶頭像，發(fā)布時(shí)間，動(dòng)態(tài)內(nèi)容（圖片、文字）；

B、不同點(diǎn)：

• 沒(méi)有評(píng)論、轉(zhuǎn)發(fā)的分享功能；
• 朋友圈和qq空間更在于分享，微記更在于記錄微記對(duì)于用戶的每一條狀態(tài)

更加重視，不是單純的下拉刷新，一條條動(dòng)態(tài)簡(jiǎn)單粗暴的刷過(guò)去；

No.2 ?日記類功能app

A、相同點(diǎn)：真正的回歸記錄，把重點(diǎn)放在用戶的每一篇、每一天生活記錄，記錄方式、

記錄目的更加明確，使用戶感受到自己每天的生活都在被記錄；

B、不同點(diǎn)：

• 日記大多在于記錄自己個(gè)人生活，微記在于記錄家庭每一個(gè)成員的生活，
• 使他們之間達(dá)到共享的家庭狀態(tài)。關(guān)于自己的記錄內(nèi)容，對(duì)于家庭成員，
• 可以選擇公開(kāi)或不公開(kāi)的方式；

綜上，對(duì)于微記的原型界面設(shè)計(jì)有了明確的方案

記錄方式

No.1 ?每一條微記內(nèi)容

A、微記更靠近日記的記錄的方式,每一條微記以塊狀形式，獨(dú)立呈現(xiàn)，包含用戶頭像、用戶昵稱、發(fā)表時(shí)間、發(fā)表內(nèi)容

針對(duì)發(fā)表內(nèi)容，說(shuō)明一下，根據(jù)功能要求，用戶最后呈現(xiàn)發(fā)表狀態(tài)，共有三種

a、圖片+文字

b、純圖片

c、純文字

所以要出三種狀態(tài)原型。

No.2 ?多條微記的呈現(xiàn)形式：

• 上下滑動(dòng)同一天不同時(shí)刻的所有家庭成員所發(fā)表的微記
• 向左滑動(dòng)，后一天不同時(shí)刻的所有家庭成員所發(fā)表的微記
• 向右滑動(dòng)，前一天不同時(shí)刻的所有家庭成員所發(fā)表的微記

四個(gè)常規(guī)tab（第一本版本中，“我的”因當(dāng)時(shí)特殊考慮，沒(méi)有放上去，不影響整體交互體驗(yàn)效果）

之所以選擇將4個(gè)tab包括添加微記botton放在頁(yè)面的頂部，是因?yàn)椋喝绻?個(gè)tab放在界面底部，當(dāng)用戶上滑查看一天家庭成員的動(dòng)態(tài)，用戶手指的滑動(dòng)與界面的交互位置和4個(gè)tab放在底部的位置，會(huì)有一些重合，引發(fā)用戶誤點(diǎn)，影響用戶體驗(yàn)。

好吧，這個(gè)想法，自己現(xiàn)在看起來(lái)，確實(shí)是有點(diǎn)“想多了”。

不過(guò)，在這里，我要說(shuō)明一下我這里所犯的錯(cuò)誤–作為交互設(shè)計(jì)師，自己在空想用戶使用產(chǎn)品的過(guò)程，雖然很多時(shí)候我們需要模擬用戶使用產(chǎn)品的場(chǎng)景，也許用戶的大多使用習(xí)慣，是我們?cè)谶^(guò)去的經(jīng)驗(yàn)中、在自己的使用場(chǎng)景中、在書(shū)本中，是可預(yù)見(jiàn)的，但是有時(shí)候自信的一味的空想模擬，就會(huì)忽視很多的用戶細(xì)節(jié)，如果被忽視的細(xì)節(jié)一旦多了，那差距想必會(huì)影響整個(gè)產(chǎn)品的用戶體驗(yàn)。

后話，自己找到幾款需要下滑查看動(dòng)態(tài)，并且tab在界面底部的app，推薦自己的一些不同年齡、不同性別的朋友使用，并悄悄觀察他們的交互狀態(tài)、體驗(yàn)效果，事實(shí)上，大部分的用戶，當(dāng)他們手指準(zhǔn)備點(diǎn)擊屏幕上滑時(shí)，大家會(huì)刻意回避這個(gè)區(qū)域，只要標(biāo)簽欄高度合理，界面交互范圍符合用戶手勢(shì)舒服的合理區(qū)域，由于上滑，造成誤點(diǎn)的情況幾乎沒(méi)有

關(guān)于添加微記的botton

由于把四個(gè)tab放在了頂部的最上面，考慮到視覺(jué)平衡，一開(kāi)始準(zhǔn)備將botton放在最中間，但是如果將botton放在中間，用戶點(diǎn)擊起來(lái)相對(duì)比較麻煩，所以，綜合考慮來(lái)看，決定將botton放在最右邊，一方面，方便用戶點(diǎn)擊。另一方面，微記上面需要加上當(dāng)天的日期，避免整個(gè)微記界面中間擁擠的情況。

日歷botton

因?yàn)閷?dāng)天日期放在了每天最新微記的上面，所以，便將日歷放在了其旁邊，同一性質(zhì)，都在于根據(jù)時(shí)間查看當(dāng)天微記內(nèi)容

上述一段，就是我對(duì)微記第一版本的考慮。

無(wú)論是移動(dòng)端界面、還是PC端界面，都需要對(duì)什么是簡(jiǎn)單的體驗(yàn)有一個(gè)明確認(rèn)識(shí)。

關(guān)于建立這種認(rèn)識(shí)，我很喜歡Gildes Colborne在《簡(jiǎn)約至上–交互設(shè)計(jì)四策略》提到的的方法，在這里復(fù)述一下，和大家共勉，希望能給讀者帶來(lái)啟發(fā)和幫助！

我有兩種方式 來(lái)建立這種認(rèn)識(shí)。

簡(jiǎn)單而迅速的方式是用一句話把它寫(xiě)出來(lái)，包括我要設(shè)計(jì)什么，要遵循哪幾條設(shè)計(jì)規(guī)則，盡量使用最簡(jiǎn)單的術(shù)語(yǔ)。然后，在面對(duì)設(shè)計(jì)功能對(duì)照表而猶豫不決時(shí)，我就會(huì)暫時(shí)停下來(lái)，問(wèn)我自己：“做這個(gè)表是為了什么？”這個(gè)描述是我判斷設(shè)計(jì)是否簡(jiǎn)單的基準(zhǔn)。在做一些比較小的設(shè)計(jì)（大型網(wǎng)絡(luò)中的一個(gè)頁(yè)面）或者在我多多少少了解到設(shè)計(jì)背景的情況下，這種方式都是很奏效的。

更好而花費(fèi)時(shí)間更長(zhǎng)的方式是描述我希望用戶擁有什么樣的體驗(yàn)。具體一點(diǎn)說(shuō)，就是描述用戶的使用背景，以及我的設(shè)計(jì)怎么滿足用戶在該情下的需求。在設(shè)計(jì)一些大型啊項(xiàng)目時(shí)（比如整個(gè)網(wǎng)站或者移動(dòng)設(shè)備），這種方式很適合，因?yàn)槲疫@種方式可以讓我深入透徹地考慮到每一個(gè)細(xì)節(jié)。

下面就是微記第一稿的原型圖設(shè)計(jì)以及基本的交互效果動(dòng)圖

• 上下滑動(dòng)，查看同一天不同時(shí)刻的所有家庭成員所發(fā)表的微記
• 向左滑動(dòng)，查看后一天不同時(shí)刻的所有家庭成員所發(fā)表的微記
• 向右滑動(dòng)，查看前一天不同時(shí)刻的所有家庭成員所發(fā)表的微記

微記原型圖效果（第一稿）

微記原型圖交互效果動(dòng)圖（第一稿）

如果大家想看動(dòng)圖的話，可以到behance看我的原稿：鏈接：https://www.behance.net/portfolio/editor?project_id=33050391

現(xiàn)在看來(lái)，很多交互上的錯(cuò)誤都顯而易見(jiàn)。

記得，當(dāng)時(shí)第一稿完成的時(shí)候，自己興致勃勃拿給公司同事“欣賞”，我原以為大家會(huì)很流暢的滑動(dòng)起來(lái)，好吧，并沒(méi)有，他們中幾大部分人只是停在界面上，或者亂點(diǎn)一通，并沒(méi)有滑動(dòng)的意思，我有問(wèn)過(guò)他們，為什么不嘗試著上下或者左右滑動(dòng)一下呢？他們的回答是：

• 我并沒(méi)有看懂界面到底在表達(dá)什么；
• 我怎么知道上下左右有內(nèi)容呢；
• 額，我應(yīng)該要這么做嗎，但是你沒(méi)有提示啊；

說(shuō)實(shí)話，當(dāng)時(shí)的確有很深的挫敗感，然并卵，及早發(fā)現(xiàn)問(wèn)題，那就開(kāi)始解決問(wèn)題。從大家給我的反饋意見(jiàn)和我對(duì)他們的觀察中，我做了以下總結(jié)：

第一稿錯(cuò)誤的原因：

• 這個(gè)原因前面也有提到過(guò)，就是太盲目按照自己的想法，沒(méi)有切身從用戶體驗(yàn)角度出發(fā)，先是體驗(yàn)，再是設(shè)計(jì)，應(yīng)該時(shí)刻放在心上，應(yīng)該時(shí)刻使用戶感受到產(chǎn)品簡(jiǎn)單之美；
• 形式大于體驗(yàn)，過(guò)分將重點(diǎn)放在自以為“與眾不同”的設(shè)計(jì)，違背了一些交互設(shè)計(jì)最基本的準(zhǔn)則，“可見(jiàn)性”、“自解釋”等都沒(méi)有很好的遵守。

第一稿錯(cuò)誤的設(shè)計(jì)方法：

• 將微記狀態(tài)的塊狀結(jié)構(gòu)過(guò)于大，非常不方便用戶瀏覽，用戶第一眼需要的信息量遠(yuǎn)遠(yuǎn)超過(guò)我給予他們的信息量；
• 微記發(fā)表及時(shí)的時(shí)間，屬于用戶當(dāng)前最需要知道的信息，卻沒(méi)有明確展示，而是放在了每篇微記的最底部；
• 沒(méi)有足夠的提示設(shè)計(jì)，需要用戶思考；

在這里說(shuō)明一下，在第二版的設(shè)計(jì)之前，期間也有無(wú)數(shù)的小版本，小想法，但大多不成熟，會(huì)很快被自己否決。

第二稿將做以下調(diào)整：

1、塊狀縮小，一屏，可以正常顯示1到3個(gè)微記內(nèi)容；

關(guān)于微記內(nèi)容的設(shè)計(jì)：

• 此前設(shè)計(jì)樣式只符合一張圖片，再多發(fā)表一張，用戶是看不到的。這里的做法應(yīng)該是讓用戶看的到，但是看不清，觸發(fā)用戶點(diǎn)擊；
• 將發(fā)表時(shí)間提到微記內(nèi)容的上面，增加點(diǎn)贊botton；

2、4個(gè)tab依然放在界面頂部；

3、添加微記botton放在最右手邊，方便用戶點(diǎn)擊，觸發(fā)用戶點(diǎn)擊；

4、因?yàn)槲⒂泬K狀的縮小，所以取消左右滑屏，改為左右有一個(gè)時(shí)間導(dǎo)航（前一天，后一天），用于用戶點(diǎn)擊；

下面就是我第二版改版的設(shè)計(jì)原型圖

第二版針對(duì)第一版出現(xiàn)的嚴(yán)重問(wèn)題，做了很多的而改進(jìn)，但依然存在或多或少的問(wèn)題，仍然需要不斷懷疑和提高，針對(duì)第二版的改進(jìn)，我會(huì)在《產(chǎn)品原型設(shè)計(jì)之交互體驗(yàn)的思考過(guò)程（二）》中繼續(xù)更新說(shuō)明。

作者：大圣（微信號(hào)wzydml），交互設(shè)計(jì)師。

本文由 @大圣 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。