技術(shù)資訊
簡說相冊的排序
2008-10-30 10:51:00
上次書友會(huì)的主題是“相冊”,遺憾的是當(dāng)天有事情,沒能參加,不過從大家寫的博客里,也學(xué)到不少的東西!
我最近也關(guān)注了一下相冊,發(fā)現(xiàn)在各種細(xì)節(jié)上,每個(gè)網(wǎng)站的做法大相徑庭。從相冊的上傳、照片名稱的編輯到相冊/照片的排序,以及照片的預(yù)覽,仔細(xì)對比,真是各有千秋!今天我只想說說相冊的排序問題,因?yàn)槲曳浅O矚g的校內(nèi)網(wǎng),在這方面做得并不讓我覺得“有良好的用戶體驗(yàn)”。
對于相冊,排序有兩種方法,一是按照時(shí)間的先后,二是按照時(shí)間的后先。
對于照片,排序也有兩種方法,一是按照用戶上傳順序的先后,二是按照用戶上傳順序的后先。
到底是先后好,還是后先好,我想要根據(jù)用戶的習(xí)慣和思維方式去安排。而用戶在這方面的習(xí)慣和慣性思維又是什么樣呢?我覺得大部分用戶,看相冊是希望按時(shí)間的后先來排序,即最新的相冊放到最前面,如圖:
因?yàn)橛脩舨榭聪鄡詴r(shí),大部分是想看最近的相冊,當(dāng)然,偶爾也會(huì)想起來看以前的相冊,那就讓用戶稍花些成本吧。目前大部分的相冊也是這樣做的,像校內(nèi)、豆瓣、開心等,但也有的是按相反的順序來排列的,如百度。截圖如下:
(最新的相冊在最下方)
但是,對于相冊里的照片而言,個(gè)人認(rèn)為按照用戶上傳時(shí)選擇照片的順序來顯示照片更為合理。因?yàn)楦嗟臅r(shí)候,用戶選擇的照片順序,是為了說明一個(gè)故事,比如,我今天去看了一個(gè)展覽會(huì),拍了很多照片,回家想發(fā)到網(wǎng)站上分享給好友,如果照片按照我選擇的順序1、2、3、4、5...來排序的話,就很好地說明了我在看這個(gè)展覽會(huì)時(shí)的順序,如果我的好友也去了展覽會(huì),他甚至可以從照片的順序看出我的行走路線。
當(dāng)然,大部分的網(wǎng)站也是這樣做的,但也有例外,如校內(nèi),校內(nèi)網(wǎng)相冊里面的照片排序與用戶選擇照片時(shí)的順序是相反的,如果你選擇的照片順序是1、2、3、4、5...,上傳成功后,顯示的順序是5、4、3、2、1...這跟用戶的心智模型完全相反,因?yàn)槲蚁胫v的故事,被系統(tǒng)給整個(gè)地倒過來了,我的好友也不會(huì)按照我的思路來想象我的照片!所以,我不同意這種排列順序,我能想到的唯一理由是程序員在偷懶——先傳的照片排在最前面——符合邏輯思維——但不符合用戶的思維!
還有一種情況,既然是按照上傳選擇順序來顯示照片,但我們也不能阻止用戶在上傳了一批照片后,再上傳一張,比如上面的例子,我突然發(fā)現(xiàn)照片2和照片3之間,有一張照片2.5非常有意義,想傳到網(wǎng)站上,不論這張照片放在原相冊的最前或者最后,都不是用戶所需要的,那怎么辦呢?很簡單,只要我們替用戶想到了,肯定就能做到!目前幾乎所有網(wǎng)站的相冊都提供了縮略功能,既然可以在一個(gè)頁面里對所有的照片一覽無余,那就讓用戶隨意調(diào)整他們的順序吧,就像放在桌子上的幾張真實(shí)的照片,用戶想怎么放就怎么放,這才真正符合用戶的心智模型。給相冊里的照片提供可以隨意拖拽位置的功能,從技術(shù)上來說也不難,那為什么不滿足用戶呢?據(jù)我觀察,還沒有幾個(gè)網(wǎng)站做到這點(diǎn),尤其是大網(wǎng)站,但一些小網(wǎng)站就做到了,如熱酷網(wǎng)~~
其實(shí),這都是非常細(xì)的工作,甚至很多人不愿意去做,但感動(dòng)用戶的,往往就是那一點(diǎn)點(diǎn)細(xì)節(jié)!至今記得,當(dāng)時(shí)注冊百度博客,當(dāng)檢測到郵箱已存在時(shí),旁邊的一個(gè)“登錄”鏈接,讓我感動(dòng)得徹底愛上了百度博客!我們做產(chǎn)品,就要做到事無巨細(xì)!
原文:http://hi.baidu.com/ucdlizi/blog/item/a8c1f54f72240a30aec3abe5.html
近期更新
- [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è)成本大概是多少?
延伸閱讀
- [2009-02-01 15:15:00] 淺說相冊圖片詳情頁面中大圖的瀏覽方式
- [2008-05-30 11:51:00] 相冊體驗(yàn)15分鐘后.
解決方案
輪胎行業(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)鍵字
集團(tuán)公司網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)資訊 審美 青島網(wǎng)站建設(shè)基礎(chǔ)知識 營銷型網(wǎng)站 頁面設(shè)計(jì) 如何做網(wǎng)站優(yōu)化 網(wǎng)站規(guī)劃 H5定制設(shè)計(jì) 青島好的網(wǎng)站優(yōu)化公司 網(wǎng)站制作 網(wǎng)站改版 青島網(wǎng)站案例 青島網(wǎng)站SEO 膠南網(wǎng)站建設(shè)公司 用戶界面 企業(yè)網(wǎng)站設(shè)計(jì) 青島開發(fā)區(qū)建站公司 官網(wǎng)建設(shè) 程序開發(fā) 網(wǎng)站推廣 響應(yīng)式設(shè)計(jì) 手機(jī)網(wǎng)站 平面設(shè)計(jì) 舒適的界面 網(wǎng)站動(dòng)畫 外貿(mào)網(wǎng)站設(shè)計(jì) 互聯(lián)網(wǎng) 網(wǎng)頁設(shè)計(jì) 青島SEO