技術(shù)資訊
交互設(shè)計(jì)的邏輯關(guān)系應(yīng)用
2012-12-23 00:11:11
青島網(wǎng)站建設(shè)的交互設(shè)計(jì)離不開理性和邏輯。理性思維和邏輯思考能力也是優(yōu)秀交互設(shè)計(jì)師的必備條件。但物極必反,過于關(guān)注邏輯反而可能影響到產(chǎn)品的易用性。
交互設(shè)計(jì)師首要關(guān)注的是什么?
在做任何事情之前,我們都應(yīng)該有個(gè)清晰的目標(biāo),這樣才有可能把事情做好。做產(chǎn)品設(shè)計(jì)也是一樣,無論是PM、交互設(shè)計(jì)師,還是視覺設(shè)計(jì)師,都必須知道設(shè)計(jì)的目標(biāo)是什么。一起圍繞共同的目標(biāo),才有可能做出靠譜的設(shè)計(jì)。
從《用戶體驗(yàn)的要素》中可以得知,設(shè)計(jì)的基礎(chǔ)在于對用戶需求(目標(biāo))和網(wǎng)站目標(biāo)的綜合考量。無論是功能、結(jié)構(gòu)、還是界面,都是在這個(gè)基礎(chǔ)上去逐漸設(shè)計(jì)實(shí)現(xiàn)的。
其中,用戶目標(biāo)是交互設(shè)計(jì)師無法忽視的重要前提:如何引導(dǎo)無目標(biāo)用戶,使之成為有目標(biāo)的用戶?如何平衡不同用戶之間的目標(biāo)?這些是每一個(gè)設(shè)計(jì)師應(yīng)該認(rèn)真思考的問題。
過于關(guān)注邏輯可能導(dǎo)致哪些問題?
1 對于無目標(biāo)人群:
1_A 對瀏覽型用戶的吸引力不足
試想,如果用戶沒有明確的目的,只是想隨便逛逛,那么他渴望的是令人心動(dòng)的圖片,還是干巴巴的列表呢?
1_B 不符合用戶的心理模型
前一陣子,網(wǎng)易彩票打算上一個(gè)新彩種,當(dāng)我參考該彩種的官方網(wǎng)站時(shí),這個(gè)界面讓我匪夷所思。
操作了半天,我才明白:原來是把1到10這十個(gè)號碼排出一個(gè)序列來(可以看做是給十輛賽車排名次,車號分別是1到10)。比如說你認(rèn)為冠軍是5號車,亞軍是3號車,季軍是4號車,那么就如上圖般選中。
這樣設(shè)計(jì)從邏輯上來說肯定是沒問題的,因?yàn)檫@完全體現(xiàn)了程序的思想:
1.
2.
3.
……
對用戶來說,他們會(huì)這樣去給10輛車排序嗎?我想大部分都不會(huì)。用戶更可能這樣:面前擺放著10輛小汽車模型,用戶覺得5號車看起來很酷,于是把它放在了第一的位置;接下來覺得3號車也不賴,于是放到了5號車的后面……
最后得到的是如下的界面:把左側(cè)的車子依次拖動(dòng)到右邊對應(yīng)的位置即可。
不過考慮到不同用戶的目標(biāo),我們還是保留了類似第一種的方案,放到了“高手模式”tab中,畢竟點(diǎn)擊的方式操作起來更快,適合于目標(biāo)明確的老用戶。而改良后的方案雖然可能有利于對新手(無目標(biāo)用戶)的引導(dǎo),卻未必適合老用戶。
2
2_A 易忽略重要功能的快捷入口
以淘寶網(wǎng)為例,從邏輯上來說“購物車”應(yīng)該從屬于“我的淘寶”( “我的淘寶”頁面的左側(cè)導(dǎo)航也證實(shí)了這一點(diǎn))。但在首頁中,“我的淘寶”和“購物車”卻是并列的關(guān)系。
無論是對用戶的購買目標(biāo),還是網(wǎng)站的銷售目標(biāo),購物車都起到了至關(guān)重要的作用。如果僅僅為了完美的邏輯, “購物車”就無法直接顯示在首頁中了。這是對網(wǎng)站目標(biāo)和用戶目標(biāo)的雙重挑戰(zhàn)。
2_B 易忽略常用功能的快捷入口
用過團(tuán)購導(dǎo)航的人都知道,“團(tuán)購地圖”是以地理位置的形式來展現(xiàn)團(tuán)購商品的。
從邏輯上來說,界面應(yīng)該是這樣的:首頁顯示分類導(dǎo)航和商品列表;一旦用戶選擇了某個(gè)分類后,可以進(jìn)一步查看“地圖模式”。這就好像其他電商的“列表模式”和“大圖模式”的切換方式一樣。
但這樣有什么問題呢?對于隨便看看的用戶來說,這樣當(dāng)然無所謂。但對于尋找周邊團(tuán)購的用戶來說,這樣做相當(dāng)于拋棄了他們。試想,一個(gè)普通用戶,想中午約同事一起吃飯,他滿懷希望的來到你的網(wǎng)站,想查看公司附近哪些館子提供優(yōu)惠,卻沒有在首頁找到“團(tuán)購地圖”的字樣。他會(huì)失望的走開?還是耐心的點(diǎn)擊其他地方碰碰運(yùn)氣?
作為設(shè)計(jì)師,要考慮這兩種人群是否都是你的重要用戶,如果是,那就要考慮如何平衡了。所以最后我們還是在導(dǎo)航上添加了“團(tuán)購地圖”,只不過點(diǎn)擊后是指向相同的頁面(自動(dòng)切換到“地圖模式”tab上而已)。
總結(jié):
人不僅具有理性、也具有感性,這導(dǎo)致人們的目標(biāo)、期望、行為習(xí)慣等和邏輯往往存在沖突。過于關(guān)注邏輯可能會(huì)使設(shè)計(jì)偏離了用戶目標(biāo),最終導(dǎo)致易用性受到影響。
但正確的邏輯依然重要,邏輯正確的設(shè)計(jì)可以保證產(chǎn)品是可用的,只是未必易用。在關(guān)注用戶目標(biāo)的基礎(chǔ)上,邏輯也要合理,只是不要“過于”追求邏輯上的完美。
近期更新
- [2023-07-26 14:17:28] 為品牌賦能,海外官網(wǎng)品牌數(shù)字化
- [2023-05-06 10:32:26] 青島網(wǎng)站建設(shè)公司,高端網(wǎng)站定制,一站式網(wǎng)站服務(wù)——力圖數(shù)字科技
- [2023-04-27 13:47:54] 高端定制網(wǎng)站建設(shè)——從滿足預(yù)期到走向卓越
- [2023-04-11 09:17:49] H5頁面設(shè)計(jì)開發(fā)——移動(dòng)端傳播利器
- [2022-11-16 10:11:43] windows2012程序在哪
- [2022-04-14 11:01:47] 力圖數(shù)字科技配套網(wǎng)站服務(wù)支持
- [2021-05-18 10:14:11] 青島網(wǎng)站建設(shè)的流程
- [2021-04-29 10:14:38] 企業(yè)定制化官網(wǎng)建設(shè)項(xiàng)目
- [2021-03-05 10:34:45] 移動(dòng)互聯(lián)時(shí)代房地產(chǎn)行業(yè)的微信小程序解決方案
- [2021-01-22 17:29:38] 微信小程序有哪些優(yōu)勢?為什么要開發(fā)微信小程序?
- [2021-01-08 17:28:04] 網(wǎng)站建設(shè)最容易忽略的人性化設(shè)計(jì)
- [2020-12-16 16:55:32] 建設(shè)一個(gè)常規(guī)的公司網(wǎng)站建設(shè)成本大概是多少?
延伸閱讀
- [2012-08-30 18:21:00] 簡潔的網(wǎng)站設(shè)計(jì)細(xì)節(jié)
- [2012-04-08 22:19:20] 如何處理好網(wǎng)站設(shè)計(jì)的細(xì)節(jié)
- [2012-05-31 22:36:49] 如何隱藏表格邊框
- [2011-09-29 00:31:55] 如何選擇一家好的青島網(wǎng)站設(shè)計(jì)公司
- [2012-06-09 12:34:52] 網(wǎng)站設(shè)計(jì)的風(fēng)格把握
- [2011-10-05 10:08:41] dede與新浪Xweibo 騰信Iweibo 記事狗微博整合 進(jìn)行ucenter通信
- [2011-11-14 17:50:09] 如何處理和把握網(wǎng)頁設(shè)計(jì)中的細(xì)節(jié)
- [2016-04-20 17:27:05] IE6 IE7 IE8中的網(wǎng)頁表格不顯示邊框 已解決
- [2014-10-31 21:51:13] 青島網(wǎng)站建設(shè)哪家強(qiáng)
- [2013-04-24 17:08:23] dede程序模板頁面的時(shí)間日期始終是1970-01-01的解決辦法
- [2014-11-11 09:50:35] 網(wǎng)站的點(diǎn)擊率與信息閉環(huán)設(shè)計(jì)的要求
- [2014-01-27 11:33:01] 網(wǎng)站反饋表單的設(shè)計(jì)與欣賞
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島高端網(wǎng)站建設(shè) 企業(yè)建站 青島輪胎網(wǎng)站設(shè)計(jì)公司 網(wǎng)站的速度 青島網(wǎng)頁制作 SEO 網(wǎng)站優(yōu)化 微網(wǎng)站 高端網(wǎng)站設(shè)計(jì) 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 青島網(wǎng)站建設(shè)基礎(chǔ)知識 網(wǎng)站設(shè)計(jì)資訊 蘋果系統(tǒng) 頁面設(shè)計(jì) 高端輪胎網(wǎng)站設(shè)計(jì) 青島黃島、紅島網(wǎng)站建設(shè)公司 空白和簡潔的設(shè)計(jì) 視覺靈感 青島網(wǎng)站制作 青島高端網(wǎng)站建設(shè)公司哪家好 H5專題頁面 網(wǎng)站交互設(shè)計(jì) 建站常識 青島網(wǎng)站建設(shè) 審美 網(wǎng)站策劃 SEO優(yōu)化 css 海信網(wǎng)絡(luò)科技 外貿(mào)網(wǎng)站設(shè)計(jì)