建站常識
與用戶交互的核心
2010-09-26 14:54:00
——讀《Web表單設(shè)計》 “用戶互動”是互聯(lián)網(wǎng)產(chǎn)品不可或缺的關(guān)鍵,而用戶互動的入口必然是表單。由此,無處不在的UGC類Web2.0產(chǎn)品內(nèi),表單無處不在所凸顯的重要性逐漸得到Web設(shè)計師重視,...
——讀《Web表單設(shè)計》
“用戶互動”是互聯(lián)網(wǎng)產(chǎn)品不可或缺的關(guān)鍵,而用戶互動的入口必然是表單。由此,無處不在的UGC類Web2.0產(chǎn)品內(nèi),表單無處不在所凸顯的重要性逐漸得到Web設(shè)計師重視,并自成知識體系。2008年10月的閱讀推薦中列過此書,歸入“框架層”范疇之內(nèi)。
出版社策劃贊不絕口,說這本書的寫法非常好,她唯一的一本都被人要走了,“光實踐不行,得為大家指出支持這些實踐幕后的共通性的東西,這樣才方便讀者舉一反三。”仔細(xì)揣摩,深以為然。出版社的反饋讓我驚異不已,如此“專業(yè)”和“窄”的技術(shù)領(lǐng)域怎會得到如此追捧?因為,目前國內(nèi)互聯(lián)網(wǎng)產(chǎn)品的普遍水準(zhǔn)來看,并不需要如此窄而深的設(shè)計準(zhǔn)則?;蛘哒f,好像還沒有哪家公司準(zhǔn)備投入如此厚重的資源專門“修理”表單(作者介紹自己曾在eBay平臺擔(dān)任“首席用戶界面設(shè)計師”)。國內(nèi)設(shè)計實力相對較強(qiáng)的淘寶團(tuán)隊,這方面我認(rèn)為做的也很欠缺(我在淘寶有三鉆的買家經(jīng)驗,以及兩鉆的賣家經(jīng)驗)。
很多內(nèi)容早已看過,快速瀏覽了兩遍,回憶起很多有趣的故事,自己觀點得到別人認(rèn)同時總是自我感覺良好。如果別人是把觀點寫入書中那就更好了,如果事情已經(jīng)過去了三年甚至五年,那就叫好的無法用語言來形容(爛書除外)。
第五章76頁“輸入框的長度”,談到“暗示提供了組織大難的有用線索。”此問題在不同場合和年份分別與兩位設(shè)計師討論過,我的觀點與書中一致,應(yīng)該根據(jù)字段屬性定制input長度,為避免看起來太亂,適當(dāng)分組即可。對方觀點也一致,表單中所有input包括textarea長度應(yīng)該相等,如此能保證全部對齊更好看……是否好看涉及主觀因素暫且不論(曾因為此問題與工程師爭的面紅耳赤,對方拒絕執(zhí)行并表示不可理喻,我則充分信任自己的經(jīng)驗和美感),也不應(yīng)該優(yōu)先考慮,我在想錄入QQ號的input與錄入URL的input長度對齊的這種表單能好用么?甚至對方提到,客戶會直接要求這么改,我嚴(yán)重懷疑驗收產(chǎn)品的客戶并不是一線直接使用表單的同事。
第六章94頁“主動作和次動作”,主次有“別”已經(jīng)是沒有爭議的結(jié)論,關(guān)鍵是怎么“別”的問題,大家的意見想法創(chuàng)意很多。我曾經(jīng)有個觀點,所有不提交數(shù)據(jù)的操作都不能用按鈕。由此,次操作的“取消(Cancel)、返回(Back)”等都不應(yīng)該用按鈕,直接文本“鏈接”最好。書中有這樣的案例,但很遺憾也沒有提出具體詳實的差異對比,模糊的說了下結(jié)論。曾經(jīng)也是與很多設(shè)計師討論過,大部分不同意,我也認(rèn)為這個立論有點欠妥,所以恨恨作罷,現(xiàn)在做設(shè)計全部還是用按鈕的“取消(Cancel)”。
車轱轆話表揚完,入正題談?wù)勅秉c,個人認(rèn)為本書總結(jié)的知識體系還不是特別清晰,章節(jié)組織稍顯混亂。以我的實踐經(jīng)驗做對比,細(xì)節(jié)還值得繼續(xù)深入挖掘。包括各個控件的用途,以及使用范疇這樣的基本功,其實是很多設(shè)計師所欠缺的。我做過很多表單的優(yōu)化,比如文本字段input和文本區(qū)域textarea的使用場景差異。(如下圖)
另外,過于偏向了“定量”方法論,其實我更傾向于了解各位設(shè)計師的實踐經(jīng)驗和思路,我需要的是“漁”而非“魚”(但顯然“魚”類書籍的市場反應(yīng)更好)。也許如此的確能讓設(shè)計作品更令人信服,但我還是深信“數(shù)據(jù)”并不能解釋一切,因為藝術(shù)本身就帶有強(qiáng)烈的主觀主義。
舉個例子,下拉列表select的選項option,小到不能再小的細(xì)節(jié)。我見過的所有設(shè)計都把默認(rèn)option排到第一,動手改過放到最后,我認(rèn)為更好,不增加工作量也完全可以形成可操作規(guī)范。此問題沒有尋求過科學(xué)驗證,以我做編輯提交成百上千表單的經(jīng)驗來看,這么改肯定沒錯。重復(fù)使用一百遍后,任何微小問題所造成的不悅都會被放大。(如下圖)
最后不得不提本書最閃耀的特點——該用色的圖片無色,可以用色的文字雙色。所有截圖,以及做的圖片,彩色印刷本可以增色不少,可惜全部黑白。完全不需要用色,而用排版技巧能解決的標(biāo)題分級,卻使用了綠色。結(jié)果導(dǎo)致銅版紙印刷并沒能在表現(xiàn)效果上得到提升,好處也許讓書看起來非常“環(huán)?!?。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計的五大特點
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計應(yīng)該更看重框架搭建還是視覺觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁設(shè)計的好看,這個網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計都有哪些新的趨勢?
延伸閱讀
- [2009-12-12 09:06:00] 阿里輸入框交互嘗試、啟發(fā)式評估及優(yōu)化建議
- [2009-09-26 21:54:00] 變態(tài)輸入框—再談校驗包容性(一)
- [2007-11-20 14:15:00] 提高搜索輸入框效率
- [2006-05-26 14:50:00] 淺議Web的表單設(shè)計
- [2009-11-18 08:15:00] 輸入框的大小
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計解決方案 科技企業(yè)網(wǎng)站設(shè)計解決方案 電子家電網(wǎng)站設(shè)計解決方案 食品行業(yè)網(wǎng)站設(shè)計解決方案 集團(tuán)公司網(wǎng)站設(shè)計解決方案 企事業(yè)單位網(wǎng)站設(shè)計解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計解決方案 健身運動網(wǎng)站設(shè)計解決方案 美容與化妝品網(wǎng)站設(shè)計解決方案 建筑設(shè)計行業(yè)網(wǎng)站設(shè)計解決方案 物流行業(yè)網(wǎng)站設(shè)計解決方案
TAGS關(guān)鍵字
青島做網(wǎng)站多少錢 青島網(wǎng)站建設(shè)公司哪家好 互聯(lián)網(wǎng) css 網(wǎng)站交互設(shè)計 網(wǎng)站改版 微信小程序 網(wǎng)站優(yōu)化 營銷型網(wǎng)站 青島高端網(wǎng)站建設(shè)公司哪家好 青島網(wǎng)站SEO 網(wǎng)站品牌 企業(yè)網(wǎng)站為什么要備案 網(wǎng)站規(guī)劃 青島網(wǎng)站優(yōu)化 如何做網(wǎng)站優(yōu)化 網(wǎng)站策劃 空白和簡潔的設(shè)計 頁面設(shè)計 外貿(mào)網(wǎng)站設(shè)計 青島網(wǎng)站設(shè)計哪家好 手機(jī)端的網(wǎng)站 高端輪胎網(wǎng)站設(shè)計 網(wǎng)站制作 SEO 搜索引擎 SEO優(yōu)化 網(wǎng)站SEO 青島黃島、紅島網(wǎng)站建設(shè)公司 膠南網(wǎng)站建設(shè)公司