sam
(Sam Saffron)
61
全体的にここでは多くの進歩を遂げていると思いますが、右側は機能していますが、読み込んだコンテンツのコントラストが非常に読みにくく、グレーは少し残念だと感じています。
このインタラクティブなアーティファクトと比較してください(クリック可能、試してみてください)
最後のオプションが一番気に入っています。なぜなら、それは明確で散らかっていないからです。しかし、最初の2つも問題ないと感じています。
ご意見は?(ネイサンはどうしたの…なんてアバターなんだ
)
(また、境界線の半径が少し小さくなった方が良いと感じています)
「いいね!」 4
今日、デザイナー数名とペアプログラミングを行い、スタイルをイテレーションしました。以下はその結果です。
- 青い背景を復活させますが、少し落ち着いた色合いにします。
- 新しい「read」スタイルを維持し、トピックリストを模倣します。
- アクティブなナビゲーションアイテムの「active」背景ハイライトを減らします。
- 未読アイコンの青い円形背景を維持します。
サム、あなたのアーティファクトに示されている最初の2つのオプションも気に入っています。それらについてさらに詳しく見ていきます。今のところ、私たちの最新のイテレーションは、差別化がもう少し明確になるような状態にしてくれていると思います。
さらに進めるためには、テンプレートとコピーにいくつかの調整が必要だと思います。
CSI ENHANCE
普通に見えます。
「いいね!」 6
最後のものはかなり良いですね!未読の状態を明確に伝えていますが、非常に軽いです。同様に、最初のものも気に入っています(ただし、青い円は必要ないと思うので、比較すると最後のものに軍配が上がります)。他のデザインは、私の個人的な好みからすると「やりすぎ」です。
sam
(Sam Saffron)
64
モバイルでは、青ではなく「赤みがかった」背景が表示されます。
薄いグレーは非常に読みにくく、色あせているように感じます。アバターの装飾のみをグレーにしてみるのはどうでしょうか?
ここのコントラストは目に非常に負担がかかります。特に太字でないテキストでは顕著です。
これが、Gmailが区別するためにfont-weightを使用するようになった理由だと思います。
また、デスクトップでは2つの異なる青が表示され、混乱します。
ええ、このフィードバックは興味深いですね。近接性、太字、間隔、そしてテキストの幅が短いことが原因かもしれません。
「既読」を示すために、トピックリストと同じ色を使用しています。
とはいえ、アイコンの背景も関係していると思います。そのため、@keegan の提案を気に入っています。
もう一つ実装したいオプションは、インラインタイトルと説明です。このような感じです。
これはホバー時ですか?それとも、リストに実際に異なるアイテムに対して異なる青色の背景が表示されているのでしょうか?
sam
(Sam Saffron)
66
こちらですね。これを見るには、ローカルで承認が必要なアカウントを取得する必要があります。
「いいね!」 1
わかりました、スタイルは未読に適用されているのですね。これも対象とするCSSを追加します。
モバイルの赤みがかった背景のスクリーンショットを送っていただけますか?
「いいね!」 1
最新のアップデートが数日前から公開されています。皆さんの感想はいかがですか。
sam
(Sam Saffron)
72
その点については概ね問題ありませんが、薄い灰色のテキストがまだ気になります。黒のままでお願いできますか?通知が既読の場合、アイコンは灰色で、テキストは黒のままにしましょう。
それ以外は、元のスタイルよりもこちらの方が気に入っています。もっと大胆な選択肢も検討する価値はあると思いますが、今回の修正としては良いと思います。
また、@lindsey さん、アバターをデフォルトで表示するようにすることは、大きな変更点として検討すべきです。現状ではそうなっておらず、多くのデフォルトインストールで最適とは言えないデフォルト体験になっています。
@jordan.vidrine さんが行った変更は、再考というよりは洗練であり、良いと思います。
- 選択した際の感触が良くなりました。
- 既読と未読でアイコンのスタイルが異なるのが良いです。
- 通知の青いリンクは異質なので、黒にするのは良いことです。
「いいね!」 3
lindsey
(Lindsey Fogle)
74
え、最近試しませんでしたっけ?何らかの理由で、それを試してみて、続行しないと判断したと思ったのですが。しかし、そのアイデアは非常に気に入っています。アバターがあれば、通知メニューははるかに面白く、有益になります。
「いいね!」 2
sam
(Sam Saffron)
75
新規インストール時にデフォルト設定にするのが、良い妥協点だと思います。私たちが導入を見送っていた大きな理由は、ユーザーが行ったカスタマイズだと考えています。
「いいね!」 1
sam
(Sam Saffron)
76
@jordan-vidrine メタでこの実験をグローバルに有効化できると思います。(このトピックをピン留めして)誰か文句を言うか見てみましょう。全体的に、現状はデフォルトより良いと思います。
@lindsey さん、どう思いますか?
これは、いくつかの点で微妙に改善された進化的な変更です。
「いいね!」 3
完了しました!
trust_level_0 ユーザー全員で有効になりました。
「いいね!」 3
Moin
81
白地に青と白地に黒のコントラストの方が、白地に青とダークグレー地に白のコントラストよりも認識しやすいと感じます。
おそらく、アイコンが最初に目に入る場所だからでしょう。
アバターよりも私にとって重要です。なぜなら、通知をトリガーした人もテキストとしてそこに表示され、通知された内容については、移動された投稿の場合にのみ表示され、それ以外の場合はアイコンが唯一の指標となるからです。
「いいね!」 2
フォントまたはアイコンのサイズに関して何か変更がありましたか?最初の印象では、少し大きくなったように思いますが、それは追加された空白のためかもしれません。これにより、通知アイコンとメニューアイコンの間に少し不一致が生じます。
また、右側のパディングが私には少し大きすぎるように思えます。
余談ですが、ブラウザの拡大縮小率を90%に設定しています(それが問題を引き起こすかどうかはわかりませんが、ブラウザは時々奇妙な動作をします
)。
最新版(おそらく最終版)が公開されました。来週、コメントがなければマージするよう自分にブックマークリマインダーを設定します。
「いいね!」 2
このすばらしい機能を進化させてくれてありがとう。1年前と比べてずっと良くなっています。
ただし、詳細要素の前に完全な改行を使用することについては、まだ完全に納得していません。
現在のインスタンスでは、ユーザー名の直後に詳細が表示されることでどれだけのスペースが節約されているかがわかります。また、ユーザー名の太字と詳細の低いウェイトによって、いずれにしても分離が達成されています。
しかし、CSS経由でそれを変更する機能を維持するなら、私はそれで構いません。
「いいね!」 1