読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note

noteのコア体験は、「読む楽しさ」と「書く楽しさ」だと考えています。 本来ならコア体験は、調査でしっかりと導くべきものです。しかしアカデミックなUXとは異なり、実際のスタートアップ環境では時間とリソースに限界があります。このため調べながらも、走り出さなければなりません。 まず序盤はヒューリスティック（経験）ベースのデザインを行いつつ、調査やテストが可能なところから、裏づけやチューニングを行う流れになりそうです。 以下、「読書体験」における「可読性」のパートのメモ。noteチームにとりあえず提案する予定の諸々です（現時点では個人の見解です）。基本的には「当たり前のことを、当たり前に」やる予定。「これもやっとけ」的なことがあれば、タイポグラファーの諸先輩の方々には、ぜひご意見をお伺いできればと。 書体をサンセリフ系に変えるべきか？デジタルでは、一般的にサンセリフ体の可読性は、ローマン体よりも

[dertrminatter]

つっこみどころ満載だとよみやすいの

[fightingAsian]

「なります」言葉の連発に、語尾が「ですます」だったり「考える」だったり。文章そのものが読みにくい。

[keim_at_Si]

すんごい。深津さん一人で千人分の詳細で簡潔なユーザーサンプルが取れる感じ。初期評価に最適。UX版一騎当千（追記）あーでも、氏のノウハウ蓄積知らん人からすれば、単なる鼻につく一個人の感想レベルなんだな

[noodlemaster]

深津くんももう上がりだなぁ。某UX御大のように、今後は業界の御意見番よろしく

[blueboy]

“現在のnoteでは明朝体が使われている”→　嘘でしょ。無指定でしょ。私の環境ではブラウザ標準の メイリオ で表示されるよ。／ 丸括弧の幅が、全幅と半幅で混在している。ひどい。

[bocuno]

この大したこと言ってないのに重宝がられるポジションまで早く行き着きたい

[zinboooy]

https://qrac.github.io/yakuhanjp/　これいいな、覚えた。

[Futaro99]

忘備録備忘録。すげー、両方とも変換できる。

[securecat]

yakuhan.jpってドメインみたくなってるけど Yaku Han JP じゃないのかしらw

[nbnr]

今時のwebサービスを使うユーザーがMSゴシックを好むとは思えない。明朝が潰れてしまうような粗いディスプレイを使っているユーザーも同様。

[ton-u]

言葉で表現し伝えることの難易度は大きいよね。

[crema]

一読。

[d_log8]

読みやすさのデザイン備忘録 | 深津 貴之 (fladdict) | note Tags: facebook, ifttt from Pocket October 04, 2017 at 07:53AM via IFTTT

[hush_puppy]

iPadで拡大表示したい。無意識に拡大の操作してしまって、拡大されなくて残念に思ってしまった。右クリック禁止と同じような驚きがある。

[hmd703]

さっそくのエントリすばらしい。今後もたのしみ

[ohbarye]

“ダウンロード待ちによる離脱率の上昇が、Webフォントのメリットを打ち消してしまいます”

[sky-y]

“マークダウンに関しては正直エンジニアリソースが足りません。マークダウンエディタ、ビューワを作れるエンジニアも絶賛で大募集です。” 回覧。

[tbpg]

サービスが改善されていく様子が可視化されている

[akabekobeko]

本文の font-size は 1em or 100% 以上がよいと思う。モバイルと大型ディスプレイどちらにも対応できる。何もしないのが最も読みやすいのに意外と固定 px とか .8em みたいな指定するサイトが多い。

[sagaraya]

これは勉強になるなあ

[Windblume2007]

備忘録だ　こうやって考えてるんだよって発信していくスタイルなのかな

[masculine]

10/3午前中くらいまでヒラギノ明朝/HGS明朝で指定していて、午後からヒラギノ角ゴに変更してますね。このページだけ？かな。「.note .note-body.note-body--fladdict p」クラスに草。

[atomicmap]

noteの他は明朝だけどこの記事はゴシックなのか。

[s99e209]

日本語Webフォントは、読みやすさ・見た目のオシャレなどのメリットよりも、ロード時間がかかることによる 離脱率上昇のデメリットの方がはるかに大きいと思う。

[progrhyme]

Markdownエディタ・ビューワ作れるエンジニア募集中だって。

[roirrawedoc]

本当だ。忘備録辞書に載ってる。

[daikiueda]

コレ好き “またジャンプ率を仮想グリッドに合わせることで、汎用性を出したいとは考えています。”

[rjge]

“日本語Webフォントはロードに時間がかかるため、アルファベットのWebフォントとは根本的に使用体験が異なります。” 安易に日本語webフォント使いたがるひとに読んでほしい

[piripenko]

“行間、マージンなどを1ptづつ変えたものを全列挙して検討” ←この手法の重要さを再確認した。

[uunfo]

noteの中の人だったのね

[tanuketsu]

id:shiro-coumarin 技術的な問題ですね。近いことは出来るんですが、DTPのようにはなかなかバチリと決まりません。

[hopekuson]

はてブのコメントが自転車置場の議論を体現してる

[shiro-coumarin]

俺はwebの技術は知らないんだけど、ネットで見るテキストに行末のジャスティファイ（右端揃え）がされてないのは技術の問題、それとも意識の問題？ 印刷物の文字組では初期に教わる美意識なんだけどな / お答え感謝！

[gurutakezawa]

「忘備録」は誤記扱いしたがる人が多いけど、普通に辞書（大辞林とか）にも載ってるし一発で変換できるし、もう普通の日本語扱いで良いのでわないかと。（本題と全く関係が無い感）

[umai_bow]

このエントリすごいの？letter-spacingも上げたほうがいいように見える

[htnmiki]

左マージン0のサイトたまにあるけどあれ何なんだろうな

[ledsun]

興味深い