向前一步是設計_網頁設計教程
推薦：說說網頁的分辨率問題去年淘寶做了個“胖子”項目，就是把網頁的默認寬度從780提升到了950。也就是說，基本放棄了800×600的用戶（沒有完全放棄，假如你仔細研究一下淘寶的布局，我
臭魚的blog：www.chouyu.com.cn
這是一個對頁面操作權限進行設置的功能。
讓我試著解釋一下這個設置功能：
區分兩類人：所有成員和部分特權成員。操作分為：讀操作和寫操作兩類。可以先給這兩類用戶分配不同的權限，然后再在下面選定特權成員。
寫操作是比讀操作更高級，有寫操作權限的成員顯然是可以讀的。即，假如“可發文章、評論”項選中，則對應的“可閱讀”變為選中的不可操作狀態。
特權成員是成員中更高級的一部分人，權限只會比普通成員高，不會比普通成員低。假如對所有成員都開放寫權限，那么特權成員就沒什么特權了。第二行特權成員的選項應全部選中并且不可操作。假如普通成員有讀權限，那么特權成員自然也應該有讀權限。實際上此時特權成員只有讀權限就沒什么“特”的了，應該同時還有寫權限。
把上面這種種規則都表現出來后，這里四個復選框的操作就變得很復雜了。假設現在是四個復選框全未選中的狀態，第一個操作假如勾選了左上角的復選框，則四個復選框將全部變為選中，并且不可操作。假如第一個操作是勾選右上角的……
我實在不想說了，太累了。恐怕我有耐心寫，你也沒耐心看了。
太復雜并且太不輕易理解了！每次操作后，結果都會出乎意料，勾選這個，其他的也被勾選了，并且有些人不可操作了。為什么？
我們來想想辦法，簡化一下。實際上這里的四個復選框是一組排列組合。我們來羅列一下所有可能出現的情況：
- 普通成員不可讀，特權成員可讀；
- 普通成員不可讀，特權成員可讀、可寫；
- 普通成員可讀，特權成員可讀、可寫；
- 普通成員可讀、可寫，特權成員可讀、可寫。
可能出現的情況就是這些，再考慮這個頁面內容的實際情況，“普通成員不可讀，特權成員可讀”這種設置沒什么實際的用處，去掉。只剩下三項了：
我們直接把這三種情況作為三個單選項放在頁面上，就可以了。用戶在使用的時候，只要三者選其一就可以了。操作后沒有出乎意料的結果，不需要更多的分析、理解。
在普通用戶中分出一部分特權用戶，對這兩組用戶分別設置不同的屬性值。這是技術實現的過程，直接表現出來，太難理解了。在這個例子中，我們的設計工作就是將這些技術實現的過程先理解清楚，把技術性的表達再向前推進一步，用更簡單、直白的方式表達出來。
第二個例子：
這是一個提供給某些QQ空間主人的功能。主人可以發布一個活動，讓訪客來參與。活動有三種不同的類型：征集類是指那些征集logo，征集宣傳語之類的活動；問卷類是主人發放問卷調查，一張問卷，上面有若干個選擇題，讓訪客來作答；投票類是主人提供一個候選人列表，訪客來投票，最終候選人中得票最多者得獎。
現在出現了第四種需求：主人希望先讓訪客來報名，然后將報名者展示出來，讓其他訪客來票選，類似“紅樓夢中人”那種電視節目的活動方式。怎么設計？這個需求實際上只要用戶先發起一個“征集類”的活動，再發起一個“投票類”的活動就可以實現了。但是，太復雜了。“發布一個選秀活動，其實是先后發布兩個活動，先發布一個征集類活動，再發布一個投票類活動，然后…”恐怕寫多少溫馨提示也說不明白。那么，我們來設計一下，將主人要搞的這種活動單獨包裝出來，作為第四種活動類型供主人選擇。
我們為主人做了前面的思考，使得產品從提供功能向產品設計推進了一步。
隱約有些印象，記得曾經見過一個國外的交友網站，其中有一個查找功能，大概是這樣表述的：
○ I’m a man,want to meet a woman
○ I’m a man,want to meet a man
○ I’m a woman,want to meet a man
○ I’m a woman,want to meet a woman
這個例子有些夸張了，直白的簡直有些啰嗦了。但是，假如改成兩個下拉選擇框（或者兩組單選按鈕）來表達，是不是又沒有上面這樣的四選一簡單呢？
“向前一步”是要把原本的技術模型表現的更易于理解，更心理模型。很多產品所謂的設計實際上只是提供功能，并沒能通過設計者的聰明才智將程序員實現的功能轉化為易于用戶理解的產品。
分享：設計原則VS實際情況臭魚的blog：www.chouyu.com.cn這是一個網絡相冊。是不是該有“上傳照片”這個按鈕？我當時的意見是：不要有。理由是：只有在某個相冊中才可以上傳照片，在
。