那些你可能沒(méi)注意到的交互細(xì)節(jié)(二)

1. 一篇文章結(jié)尾的友情鏈接

友情文章鏈接

在一篇文章的結(jié)尾岭埠,我們經(jīng)常可以看到作者或小編將相關(guān)連的文章(比如一個(gè)系列构眯、一個(gè)主題的)附注在文章結(jié)尾(如上圖)寥裂,這樣無(wú)論是對(duì)提升其他文章的閱讀量,還是給讀者更系統(tǒng)的學(xué)習(xí)參考都是大有裨益的赖捌。

總結(jié):我們也可以將該策略運(yùn)用到產(chǎn)品設(shè)計(jì)中祝沸。比如當(dāng)你在搜索搜索A-B地的火車車次時(shí),如果不存在直達(dá)車次越庇,可以給用戶返回A-C-B的路線供用戶參考罩锐,而不是冷冰冰的告訴用戶“對(duì)不起,無(wú)從A-B的車次”卤唉,留下用戶在那里不知所措涩惑。


2. Medium的文章加載機(jī)制

當(dāng)點(diǎn)擊文章標(biāo)題進(jìn)入到具體文章內(nèi)容頁(yè)時(shí),加載分兩步:

a. 文章布局模型展示

加載機(jī)制

b. 圖片由模糊到清晰

總結(jié):類似的設(shè)計(jì)在新版的支付寶等APP上也有體現(xiàn)桑驱。這樣的操作不會(huì)讓頁(yè)面在加載的時(shí)候一直處于空白狀態(tài)竭恬,同時(shí)讓用戶了解加載正在進(jìn)行,并知道頁(yè)面的大概布局形式熬的。


3. 簡(jiǎn)介的個(gè)人網(wǎng)站導(dǎo)航

JULIE ZHUO的個(gè)人網(wǎng)站

最近一直在看產(chǎn)品設(shè)計(jì)師JULIE ZHUO的個(gè)人網(wǎng)站痊硕,每次打開(kāi)網(wǎng)站,發(fā)現(xiàn)頁(yè)面背景圖都不一樣押框,讓本來(lái)簡(jiǎn)單的個(gè)站一下變得不那么單調(diào)起來(lái)岔绸。

JULIE ZHUO個(gè)人網(wǎng)站地址:http://www.juliezhuo.com/

總結(jié):在做一些簡(jiǎn)單的網(wǎng)站(比如個(gè)人網(wǎng)站)的時(shí)候,通常這類網(wǎng)站都會(huì)相對(duì)單薄橡伞、功能偏少盒揉,加之很少進(jìn)行改動(dòng),我們可以在建站初期通過(guò)一些小動(dòng)效兑徘、切換背景圖等方式來(lái)提高網(wǎng)站的調(diào)性刚盈。

對(duì)于酒店、旅游類等通過(guò)氛圍來(lái)調(diào)起用戶情感共鳴的APP道媚,我們也可以通過(guò)定位用戶的地址扁掸,來(lái)顯示當(dāng)?shù)氐囊恍┞糜尉包c(diǎn)或標(biāo)志性建筑翘县,給用戶帶入感。


4.調(diào)查問(wèn)卷標(biāo)題如何寫(xiě)

這是在一個(gè)群里看到的問(wèn)卷連接谴分,點(diǎn)擊打開(kāi)頁(yè)面后锈麸,看到這個(gè)問(wèn)卷的標(biāo)題是“你遇到了什么問(wèn)題”。讓人直接摸不到頭腦牺蹄,不知道這個(gè)具體問(wèn)的是什么忘伞,點(diǎn)擊了下方的“問(wèn)題分類”下拉菜單后,才知道是關(guān)于UX/UE的問(wèn)題沙兰。于是給網(wǎng)主建議了下氓奈,修改了標(biāo)題。

后來(lái)想了想鼎天,雖然這個(gè)網(wǎng)站是關(guān)于UE的舀奶,但不代表大家看到標(biāo)題就能夠直接與UX聯(lián)系到一起,需要一個(gè)思考時(shí)間斋射。一個(gè)好的標(biāo)題育勺,應(yīng)該能讓用戶直接從標(biāo)題上判斷該消息或該文章是否有繼續(xù)讀下去的必要,即應(yīng)該相對(duì)獨(dú)立罗岖。

總結(jié):在寫(xiě)說(shuō)明文字或標(biāo)題時(shí)涧至,在做到言簡(jiǎn)意賅的時(shí)候,也要保證整句文字能表達(dá)到位桑包。該省的文字應(yīng)該省去南蓬,該用文字進(jìn)一步解釋的也應(yīng)加之。否則就有可能出現(xiàn)下面6中所述問(wèn)題哑了。


5. 驗(yàn)證碼問(wèn)題

登錄界面


如上圖所示驗(yàn)證碼赘方,大家看出問(wèn)題了嗎。

a. 我是該輸入“0”呢垒手,還是輸入“零除二等于蒜焊?”這幾個(gè)字符。顯然輸入五個(gè)漢字加一個(gè)符號(hào)不是網(wǎng)站想要的答案科贬。但是在眼里泳梆,一般的驗(yàn)證碼輸入都是輸入右側(cè)數(shù)字或漢字。即使是回答驗(yàn)證問(wèn)題榜掌,也會(huì)在下方特意說(shuō)明优妙。

b. 應(yīng)該是“零除以二”而非“零除二”≡髡耍可能有同學(xué)說(shuō)我有點(diǎn)較真了套硼,但是對(duì)數(shù)學(xué)敏感的人來(lái)說(shuō),面對(duì)這種情況胞皱,他可能真的不知道要輸入什么邪意,或許會(huì)輸入一個(gè)0去猜測(cè)吧九妈。

c. 我們姑且認(rèn)為答案是0,那么我應(yīng)該輸入“0”還是“零”雾鬼。因?yàn)轵?yàn)證碼里面的全是漢字萌朱。

解決方案:

1)將漢字形式改為阿拉伯?dāng)?shù)字形式:0÷ 2 = ?策菜。這能解決問(wèn)題b和c晶疼;

2)加入“請(qǐng)輸入驗(yàn)證碼的計(jì)算結(jié)果”類似提示文字。

總結(jié):相同的表達(dá)方式在不同行業(yè)人眼里得到的答案可能不盡相同又憨。我們要做的是對(duì)產(chǎn)品設(shè)計(jì)中的文案斟酌再三翠霍,并在產(chǎn)品的不同階段進(jìn)行調(diào)整來(lái)符合當(dāng)下的產(chǎn)品場(chǎng)景。


***********分割線來(lái)了***********

上面是最近幾天遇到的幾個(gè)細(xì)節(jié)體驗(yàn)問(wèn)題蠢莺。歡迎大家隨時(shí)過(guò)來(lái)拍磚寒匙。最后附上上次整理的一篇交互細(xì)節(jié)文章。

那些你可能沒(méi)注意到的交互細(xì)節(jié)(一)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末浪秘,一起剝皮案震驚了整個(gè)濱河市蒋情,隨后出現(xiàn)的幾起案子埠况,更是在濱河造成了極大的恐慌耸携,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,546評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件辕翰,死亡現(xiàn)場(chǎng)離奇詭異夺衍,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)喜命,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,224評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門(mén)沟沙,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人壁榕,你說(shuō)我怎么就攤上這事矛紫。” “怎么了牌里?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,911評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵颊咬,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我牡辽,道長(zhǎng)喳篇,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,737評(píng)論 1 294
  • 正文 為了忘掉前任态辛,我火速辦了婚禮麸澜,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘奏黑。我一直安慰自己炊邦,他們只是感情好编矾,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,753評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著馁害,像睡著了一般洽沟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蜗细,一...
    開(kāi)封第一講書(shū)人閱讀 51,598評(píng)論 1 305
  • 那天裆操,我揣著相機(jī)與錄音,去河邊找鬼炉媒。 笑死踪区,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的吊骤。 我是一名探鬼主播缎岗,決...
    沈念sama閱讀 40,338評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼白粉!你這毒婦竟也來(lái)了传泊?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,249評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤鸭巴,失蹤者是張志新(化名)和其女友劉穎眷细,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體鹃祖,經(jīng)...
    沈念sama閱讀 45,696評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡溪椎,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,888評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了恬口。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片校读。...
    茶點(diǎn)故事閱讀 40,013評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖祖能,靈堂內(nèi)的尸體忽然破棺而出歉秫,到底是詐尸還是另有隱情,我是刑警寧澤养铸,帶...
    沈念sama閱讀 35,731評(píng)論 5 346
  • 正文 年R本政府宣布雁芙,位于F島的核電站,受9級(jí)特大地震影響揭厚,放射性物質(zhì)發(fā)生泄漏却特。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,348評(píng)論 3 330
  • 文/蒙蒙 一筛圆、第九天 我趴在偏房一處隱蔽的房頂上張望裂明。 院中可真熱鬧,春花似錦、人聲如沸闽晦。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,929評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)仙蛉。三九已至笋敞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間荠瘪,已是汗流浹背夯巷。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,048評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留哀墓,地道東北人趁餐。 一個(gè)月前我還...
    沈念sama閱讀 48,203評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像篮绰,于是被迫代替她去往敵國(guó)和親后雷。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,960評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,149評(píng)論 25 707
  • 《裕語(yǔ)言》速成開(kāi)發(fā)手冊(cè)3.0 官方用戶交流:iApp開(kāi)發(fā)交流(1) 239547050iApp開(kāi)發(fā)交流(2) 10...
    葉染柒丶閱讀 26,785評(píng)論 5 19
  • Spring Cloud為開(kāi)發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見(jiàn)模式的工具(例如配置管理吠各,服務(wù)發(fā)現(xiàn)臀突,斷路器,智...
    卡卡羅2017閱讀 134,657評(píng)論 18 139
  • 外婆—我們北方人叫姥姥贾漏,我總覺(jué)得外婆這個(gè)書(shū)面用語(yǔ)沒(méi)有姥姥這個(gè)稱謂來(lái)的親切候学。 媽媽說(shuō)我是從三歲開(kāi)始和姥姥一...
    茜茜百味閱讀 2,019評(píng)論 5 3
  • 1. 獲取properties和實(shí)例變量 栗子代碼: 輸出 Properties: nameProperties:...
    jackjhu閱讀 329評(píng)論 0 2