【js腳本】優化巴哈界面，文章列表「卡片化」(1.22 修復超連結失效的問題

朽灰

好....

2019-03-14 04:57:35

你剛剛說什麼

你要不要敢名叫深海福音，太厲害了

2019-03-14 05:46:53

CToID

也太屌了ㄅ

2019-03-14 06:19:23

搜嘎

超讚~~

2019-03-14 08:45:29

雨丸✰“ReのLife”★

辛苦了 ~
感覺花了很久的時間做出來的？

2019-03-14 09:04:23

深海異音

2天吧

2019-03-14 17:57:11

瑋弟

哇嗚

2019-03-14 12:43:58

曼

本覺得應該挺雞肋的，實際一用效果還不錯，
畢竟卡片布局怎麼都比那種百度貼吧式的縮圖預覽有意義，
但更根本的說這種縮圖排版本身就很意味不明（我是指巴哈的），甚至作的比百度還差勁，貼吧還能不入主題、直接進行一定程度的放大，這邊居然沒辦法……真要看圖的話，這縮圖到底可以提供多大的點閱誘因呢……畢竟這才是縮圖的用意吧？無法理解。

不過回過頭來，若思考一下卡片布局的精神理念（如果這能算是一種理念的話）
私心認為目前您的設計布局，使用者無心關切的資訊優先度拉的太高了，
例如「誰發文的」、「閱覽次數」、「點讚數」，這些反而被排在卡片的最上端，而由於並沒有另外作點擊遮罩——我沒實際用過tampermonkey作過插件，並不曉得能多大程度重寫頁面，若有冒犯請見諒——實際上要點入主題，依然只能點擊標題或縮圖，以體驗來說不夠直覺快速。

另外，這點雖然並非是巴哈的功（而是卡片布局也就那樣），但首頁的card flow大抵就是我提的：
圖片與主題一般才是優先、之後才是發文者、之後是讚數，畢竟通常後兩者的優先度不會高於前兩者。

因為似乎是同業中人，請只將我當作一般使用者的意見回饋……

2019-03-14 17:37:53

深海異音

這部分其實挺困擾的，把不重要的資訊放在後面確實有助於閱讀，但是整體排版上很容易變得奇怪。
不過這是很好的建議，也許可以設計成讓使用者自定義那些欄位要顯示或隱藏，甚至是排列順序。

2019-03-14 17:47:05

深海異音

只是這會有另一個困擾的問題，該如何讓使用者設定？
可以設定成全域變數，讓使用者自行修改js腳本，但是一旦我發佈腳本的更新，使用者的設定就會被格式化。
或是我設計一個GUI界面給使用者進行設定，但是巴哈的網頁就會多出一個按鈕，也許會讓使用者感到煩躁。

2019-03-14 17:51:01

深海異音

我自己是比較傾向後者的方案，把按鈕放在不會影響操作或視覺的地方應該還是行得通的，
只是這個我要寫比較多程式碼，可能要有空才會想做

2019-03-14 17:56:08

曼

我是覺得丟給使用者重新設定排版的意義不大，
因為更多數的使用者並不關心這個才對（通常），而且對於這類使用者，安裝插件本身已經很辛苦了（在這之前你得先期待他們有脫離IE的魔掌）大眾使用者的需求一般比較簡單：直覺、快速、能夠幫助他/她找到想要的。

私心認為，應該先決定是圖片優先還是文字優先，我估計會是圖片優先較美觀，這會有點尷尬的地方是因為，這兩者在譬如一般遊戲討論版面以及如繪圖分享版帶來的感覺完全不同，一般遊戲，是文字佐以圖片，所以文字優先、配上圖你才看得懂圖在說啥，但是圖片分享版相反，是看了圖、你才會對文字產生共鳴或心得，而因為卡片布局一般是用在圖片優先的網站上，而你的插件畢竟是套在整個巴哈上，自然會有這種困擾、而別人不會有的。

決定上述優先序後，剩下我認為與pinterest的設計將別無兩樣，
<div class='card'>
<img>（圖）</img>
<span class='text>（限定高度的文字描述）</span>
<span class='user-info'>(讚、發文時間、作者)</span>
<div>

但，這是建立在你的設想之外的、無使用者設定的前提下…僅供參考

先下班，想到要補充啥在補充……

2019-03-14 18:21:18

曼

其實我覺得現在的排版沒啥問題，另外我修正一下上面的想法，以巴哈的主要資料型態來看，文字優先更適用，如同你現在的配置

覺得只需要將info這欄div拉到底處即可，實際效果應該不會有太大問題，因為Pinterest 以前也是這種排版（我剛上去看，發現他們有改版過，所以我很難提供實際效果給你參考）

主題、文字、圖片、info這樣的視覺閱讀順序

2019-03-14 18:44:56

深海異音

試試看這個
https://www.codepile.net/pile/4vJMb1OG

2019-03-15 03:41:23