ZKIZ Archives


網站設計:「瀑布流」比較好,還是「下一頁」比較好?

http://www.iheima.com/archives/40669.html

在設計資料量比較大的網站或是應用程式時,我們常常會遇到的問題是要採用分頁(Pagination),還是移動捲軸(Scrolling)便自動載入、呈現資料。

Facebook 和Twitter 的頁面在載入新資訊的時候,都是採用移動捲軸自動載入的方式;Pinterest 開始流行之後,許多網站設計都採用這種被暱稱為「瀑布流」的設計。但是我們依然可以看到許多網站,例如搜索引擎巨擘Google、和照片分享平台Flickr,依舊還是使用分頁的方式呈現搜索結果。

該選用分頁、還是捲軸?

到底這兩種呈現資料的方式有什麼差別?哪一個又比較好呢?

答案應該是:「It depends……」。

在設計社交類型的網站的時候,所需要呈現的資料是非常即時的,使用者第一個想看到的應該都是最新發生的消息、朋友最新的狀態,然後才是逐次的慢慢閱讀到他還沒看過的訊息。

這種依照時間排序、變動性質非常大的資料,如果採用分頁的方式呈現,每一個頁碼所代表的內容改變性很大,若採用分頁可能是比較不好的方法。想像一下,你每次打開一本書、翻到第38頁的時候,看到的都是不同的內容,應該是很困擾的一件事。

相對的,Google 和Flickr 所呈現出來的資料是搜索結果,和好友動態訊息比起來相對變化性低。

使用者在每次翻頁的時候都會留下使用印象。當使用者在第三頁找到資料,而下次又需要這筆資料的時候,他會透過頁碼大概記得這筆資料的正確位置,而不用使用滾輪來上下捲動來尋找他所需要的資料。

1

2

能把兩者結合嗎?

若資料的類型是可以被索引(index)的,例如導演的名單可以透過姓氏的字首索引、電影名稱可以透過字數索引,那麼把索引製作成分頁也是一種不錯的方法。使用者可以快速的從「J」這個分頁中快速的找到魔戒的導演Peter Jackson。

3

也有許多應用程序更進一步的結合了兩種呈現方式,在iOS 的「聯絡資訊」軟體上,所呈現的就是採用移動捲動的方式呈現你的通訊錄;但是在畫面的右手邊加上了筆劃與英文字母,除了可以快速的透過手指滑動手機屏幕尋找資料,也可以透過這種查找索引的方式快速找到需要的資料。

4

如果網站或應用程序所呈現出來的資料可以選擇或編輯,若採用分頁的方式,假設使用者在畫面上點選了三個選項,然後點選下一頁,這時候使用者可能會對於前一頁的三個選項是否還在勾選中感到有點困惑。此時採用捲軸呈現資料也許是比較方便的作法。

資料型態,才是設計呈現方式的本質

捲軸式的呈現時,使用者往往會多看個幾頁,得到的資訊相對比較多;但想想,若設計的是有一、兩萬筆資料的網站,要讓使用者在這一、兩萬筆資料中滾來滾去找到他想要的東西,可能就有點難度了。

其實資料才是呈現的本質,分頁和移動捲軸兩者的設計各有優點與缺點。當然,無論是採用哪種,都得根據資料的形態來呈現,才能找到最適合的方法。

網站 設計 瀑布 比較 還是 下一 一頁
PermaLink: https://articles.zkiz.com/?id=55636

【港女補課】潮興魚骨辮 自織瀑布辮不求人

1 : GS(14)@2016-01-22 16:38:37

想造型百變,不妨學織魚骨辮和瀑布辮。


女仔除了要識得化妝,還要懂得織髮辮,想造型百變,不如跟著名髮型師梁曉峰(Idols)學習怎樣為自己織出最近流行的魚骨辮和瀑布辮。



Idols曾代表香港贏得日本美髮品牌Feeling髮型比賽的最佳創意獎,現為Chic Private i Salon創意總監。

魚骨辮

Step1:先將頭髮紮起,用一小束頭髮繞着髮圈打圈,再用髮夾定型。



Step2:將頭髮分成兩束,從右邊那束頭髮的外側取一小束頭髮,搭在左邊那束頭髮之上,然後再在左邊那束頭髮的外側取一小撮頭髮,交叉搭在右邊那束頭髮之上,一直交叉相搭,編至髮尾便用髮圈綁好。

Step3:最後把髮辮弄鬆即可。貼士:初哥可以先嘗試較易控制的側辮,取一小束頭髮時可以用拇指挑出所需的小束頭髮。





瀑布辮

Step1:先取一束頭髮分成三束,鬢基本三手辮一次。

Step2:將最接近面部那一束頭髮(圖左髮束)搭去另最右邊。



Step3:現在放開最接近面部那束頭髮,手握其餘兩束,再在右邊取一小束新頭髮,搭在兩束頭髮的中間。

Step4:重複之前的步驟,每一次都將最近面部的那束頭髮留下做瀑布,然後取一束新的頭髮加入髮辮,編至後腦位置便不用再加入新的頭髮,直接編三手辮至髮尾,用髮圈綁好即可。貼士:將要織的頭髮拿開點不要貼着其餘頭髮就不會亂。



記者:陳倢攝影:許先煜、楊錦文





來源: http://hk.apple.nextmedia.com/su ... t/20160122/19461715
港女 補課 潮興 魚骨 自織 瀑布 辮不 求人
PermaLink: https://articles.zkiz.com/?id=294815

【今日笑一笑】等食餓狗 口水如瀑布奔流

1 : GS(14)@2016-05-24 10:43:52

狗狗口水特別多,尤其當牠們聯想到和食物有關的東西時,口水更可一下子如滔滔江水,連綿不絕流出,一發不可收拾。有短片分享網站近日上載影片,見到一隻等待開餐的大丹犬,聽到主人傾倒狗糧的聲音時,口水頃刻像瀑布傾瀉,而且長流長有,壯觀非常,牠的主人看到這有趣情景都不禁笑了出來。
YouTube





來源: http://hk.apple.nextmedia.com/international/art/20160523/19623952
今日 笑一 一笑 等食 食餓 餓狗 口水 瀑布 奔流
PermaLink: https://articles.zkiz.com/?id=301341

降雨量破紀錄 地鐵站現瀑布 武漢炸堤洩洪淹村

1 : GS(14)@2016-07-09 06:35:48

■武漢市內道路水浸,巴士昨行駛時掀起浪花。路透社


內地11省市暴雨水災持續,其中華中重鎮湖北武漢昨更出現罕見特大暴雨!當地氣象台昨早發出最高級別的暴雨紅色預警,截至昨日更錄得破紀錄逾560毫米的一周降雨量。武漢市內昨日多處成澤國,地鐵更出現「瀑布」灌進車站的情景。而當局為降低武漢市區水位,更在周邊地區炸堤洩洪,卻令近兩萬農村居民住所因此遭淹,做法引民眾不滿。



武漢最大降雨出現在前晚至昨晨,當地氣象台自前晚8時至昨早8時,於城區錄得180毫米雨量;此外自上月30日夜晚8時至昨早10時,更累計錄得560.5毫米雨量,創當地有紀錄以來一周最高降雨量。



■武漢蔡甸區河流水位連日上漲,威脅周邊農村。

■地鐵站內有樓梯變瀑布。



村民無奈急疏散

受暴雨影響,武漢市區附近的江河湖庫水位暴漲,引致昨日市內嚴重水浸變成汪洋,共出現逾150處積水地點。武漢城區西南面的蔡甸區消泗鄉近日多處民垸水位暴漲,超出最高防守能力。當局指由於汛情「嚴峻」,為保城區安全,減低洪水對武漢市區的威脅,昨對蔡甸區沉湖大堤實行炸堤,試圖把洪水洩離城區。而在炸堤前,沉湖周邊10多條村莊近2萬人前晚緊急疏散,登上當局準備的逾300部巴士離開到其他市縣,離開時不少人都露出不捨無奈的神情,有老婦人更不斷以要換衣服為由拖延離開時間;而炸堤後居民原來住所昨均已遭洪水淹沒。有民眾表示諒解當局決意破堤救災的做法,但同時也有眾多民眾對此表示極大不滿,認為做法是在犧牲農村居民利益;有網民則批評當局,目前洪水、暴雨仍未停止時炸堤,「之後的水排哪裏?」武漢市內部份地區昨日水電及通訊一道中斷,超過169處路段無法通行,車輛在市區內行駛猶如行舟,交通幾近癱瘓,其中有113條巴士線停駛,全市停工停課。



■救援人員於市內撐橡皮艇救出受困民眾。

■蔡甸區炸堤洩洪,民眾緊急疏散。新華社




百億防洪惹質疑

昨早有民眾駕車時,因道路遭積水阻斷,只能棄車步行。而道路上也出現渠蓋不斷掀開跳動冒水的現象,更有道路於短短兩分鐘時間被迅速淹沒,多輛車輛走避不及只得停在水中。此外,救援人員也於市內乘坐橡皮艇划水穿梭,並將受困民眾救離受浸建築物。市內也有住宅區昨出現圍牆倒塌,令車輛被砸受損。此外,市內多個地鐵站昨有大量積水灌入,站內樓梯變成激流甚至瀑布,月台嚴重水浸。部份地鐵站因此臨時關閉抽排積水,並導致列車需要飛站。國務院總理李克強昨乘高鐵赴武漢,並到市內青山區長江邊一處管湧現場指揮搶險救災。而武漢嚴重水災也引發民眾對當局此前的水利建設提出質疑,其中《新京報》前日刊文《武漢不妨公開百億水利投資花在哪》,指當局曾誇口說大手筆投資治理水利,如今水災嚴重,希望當局能全面公開此前投資的130億元人民幣資金的使用細節。新華社/荊楚網/《新京報》/上海澎湃新聞網





來源: http://hk.apple.nextmedia.com/international/art/20160707/19684862
降雨量 降雨 紀錄 地鐵站 地鐵 瀑布 武漢 炸堤 洩洪 淹村
PermaLink: https://articles.zkiz.com/?id=302863

【蘋果VR】【隱世過菠蘿山!】快消失的「小夏威夷瀑布」

1 : GS(14)@2017-05-07 15:29:03

呢啲景啱晒一眾IG女神影相呃like



有咩可以一次過滿足晒「影呃like」﹑「呼吸新鮮空氣」同埋「做運動」呢三個願望?當然係去郊遊,親親大自然啦!將軍澳就有個既隱世又邪惡嘅瀑布—「小夏威夷瀑布」,大家唔好畀個名嚇親,只要搭港鐵就可以去到「小夏威夷」㗎喇!想360°感受一吓「小夏威夷瀑布」嘅磅礡氣勢?只要點擊以下《蘋果VR》網址:http://bit.ly/2qLBLas



氣勢十分磅礡!

對於生活喺都市嘅香港人嚟講,呢個瀑布真係一啲都唔小

「小夏威夷瀑布」之所以有呢個名,因為二十世紀初期,一位旅居香港嘅加拿大籍商人喺度開設麵粉廠,期後麵粉廠執笠;有人就將嗰度嘅儲水池改建為「小夏威夷泳場」。所以呢度就順利成章叫「小夏威夷徑」,而個瀑布就叫「小夏威夷瀑布」喇。雖然「小夏威夷徑」嘅難度只係一粒星,不過梯級都比較跣,各位hike girl唔好踢拖喇!另外提提大家,除咗做足防曬措施之外,防蚊都非常重要。事關嗰度嘅蚊十分狼死,小記當日已經着住長褲,但都畀惡蚊咬咗超過十啖,所以千祈唔好齋着bra top喇!此外,大家要好好珍惜「小夏威夷徑」,因為政府打算將將軍澳五幅綠化地帶用嚟起公屋,選址可能包括呢附近。如果落實的話,「小夏威夷徑」就可能要讓路喇。最後,醒個貼士畀一眾IG女神!如果怕攰﹑怕曬親﹑怕行到腳粗嘅話,女神們可以直接喺將軍澳村出發,唔洗十分鐘就可以直達「小夏威夷瀑布」,輕輕鬆鬆打個卡㗎喇!電腦用戶可選用Google Chrome瀏覽器,以滑鼠或方向鍵上下左右移動,360°欣賞片段。手機讀者,可率先下載全新《蘋果VR》程式,立即體驗壹傳媒集團旗下製作之所有360°影片及VR互動資訊:
iOS: http://bit.ly/ADVR_iOS
Android: http://bit.ly/ADVR_Android文﹑採:植詠珊(Cathy)剪﹑攝﹑導:Kaman




來源: http://hk.apple.nextmedia.com/entertainment/art/20170507/20013329
蘋果 VR 隱世 世過 菠蘿山 菠蘿 消失 夏威夷 夏威 瀑布
PermaLink: https://articles.zkiz.com/?id=332391

深圳暴雨 地鐵樓梯變瀑布

1 : GS(14)@2017-06-16 01:47:38

■車公廟站樓梯變瀑布。



颱風苗柏前晚深夜登陸廣東大鵬半島,除本港外,廣東省多地包括深圳、東莞、惠州、河源等皆暴雨連場,其中深圳昨晨把暴雨黃色預警升級為橙色,不但多處道路水浸,有汽車被淹。深圳地鐵車公廟站更水深至小腿,黃泥水如水壩排洪,沿樓梯湧入月台,恍如瀑布,車站一度關閉,巿民叫苦連天。



■深圳地鐵車公廟站內嚴重積水。

苗柏登陸28,600人受災

比過往首個登陸中國的颱風平均早15天,苗柏前晚約11時在深圳大鵬半島沿海登陸,為當地帶來狂風暴雨,岸邊捲起六米高大浪。惠東昨天凌晨錄得14級陣風,樓房被吹至搖晃。馬路上不少樹木連根拔起,電箱及防護欄損毀,153間房屋倒塌,117條村的電力或通訊受影響,至少28,600多人受災,直接經濟損失達到1.1億元人民幣(約1.26億港元)。雖然颱風離去,但暴雨天氣影響持續,昨晨汕尾、惠東、惠陽發佈暴雨紅色預警,中小學校停課;而深圳、潮陽及陸河等13個縣市亦發佈暴雨橙色或黃色預警。其中深圳暴雨傾盆,昨晨5至8時,三小時內降雨量達82.6毫米,多區道路積水嚴重,水深及膝。巿民胡小姐投訴嚴重塞車,塞了1.5小時還沒入巿中心。地鐵車公廟站雨水倒灌,淹過腳踝,黃泥水沿樓梯湧入月台,猶如瀑布,該站於上班繁忙時間關閉一小時,其間四條地鐵線不停站行駛。中央氣象台預測華南地區由昨天起一連四天,繼續受相關雨帶影響,其中廣東、福建、廣西等地更可能會有暴雨。深圳新聞網/央視




來源: http://hk.apple.nextmedia.com/international/art/20170614/20055306
深圳 暴雨 地鐵 樓梯 瀑布
PermaLink: https://articles.zkiz.com/?id=335429

股票掌故 | 香港股票資訊 | 神州股票資訊 | 台股資訊 | 博客好文 | 文庫舊文 | 香港股票資訊 | 第一財經 | 微信公眾號 | Webb哥點將錄 | 港股專區 | 股海挪亞方舟 | 動漫遊戲音樂 | 好歌 | 動漫綜合 | RealBlog | 測試 | 強國 | 潮流潮物 [Fashion board] | 龍鳳大茶樓 | 文章保管庫 | 財經人物 | 智慧 | 世界之大,無奇不有 | 創業 | 股壇維基研發區 | 英文 | 財經書籍 | 期權期指輪天地 | 郊遊遠足 | 站務 | 飲食 | 國際經濟 | 上市公司新聞 | 美股專區 | 書藉及文章分享區 | 娛樂廣場 | 波馬風雲 | 政治民生區 | 財經專業機構 | 識飲色食 | 即市討論區 | 股票專業討論區 | 全球政治經濟社會區 | 建築 | I.T. | 馬後砲膠區之圖表 | 打工仔 | 蘋果專欄 | 雨傘革命 | Louis 先生投資時事分享區 | 地產 |
ZKIZ Archives @ 2019