[B! Web][ux] ko-ya-maのブックマーク

Web Vitals | Articles | web.dev

Web Vitals Stay organized with collections Save and categorize content based on your preferences. Web Vitals is a Google initiative to provide unified guidance for web page quality signals that are essential to delivering a great user experience on the web. It aims to simplify the wide variety of available performance-measuring tools, and help site owners focus on the metrics that matter most, the

ko-ya-ma 2020/05/06

リンク

LINE 桜川さんの話す「もっと読んでもらうための工夫」が実用的すぎてめちゃいい #AWAsia #LINE_AWA - @d_tettu blog

2018年5月14日〜16日に、東京ミッドタウンで開催されているAd Week Asia。会社の偉い人から関係者向けのチケットをもらったので行ってきました。何を聞こうかな〜とパンフレットに目を通していたら「スマホ時代のコンテンツデザイン」なる講演を発見。LINE・桜川さんのお話がめちゃ良かったのでメモを残しておきます。こんな風に「より届けるべき人に届ける、よく読んでもらうために何をするべきか？」を考え続けてるのいいな〜。みんな読んでね。ちなみにほか記事は以下 Googleは、機械学習でどうマーケティングを変えようとしているのか #AWAsia - @d_tettu blog 6秒でメッセージを届ける方法とはーーYouTube動画広告の効果的な作り方 #AWAsia - @d_tettu blog 「伝える」は奥が深い。メディア編集者3人が語る”これからのストーリーテリング” #AWA

ko-ya-ma 2018/05/14

リンク

【翻訳】リッチなWebアプリケーションのための7つの原則 - from scratch

はじめにこの話はGuillermo Rauch氏が書いたhttp://rauchg.com/2014/7-principles-of-rich-web-applications/ という記事の翻訳です。許可を得て翻訳しています。ここ最近Web業界を賑わしているSingle Page Applicationの必要性、HTTP2/SPDYといった技術、リアクティブプログラミングやIsomorphicデザインという考え方について包括的にまとめたすごく良い記事になっております。最初に断っておきますが、ものすごく長いです。各セクションがわかれているので時間がない方はセクションごとに書かれたtl;DRとまとめを読むだけでも参考になるかと思います。ちなみに明日のNode学園祭には、本記事を記述したGuillermo Rauch氏が見えるので、そこで詳しく聞いてみるのもいいのではないでしょうか。

ko-ya-ma 2014/11/15

リンク

実例で納得！シニアが使えないサイトの例 | マミオン有限会社-パソコン・数学研修、法人研修

パソコン教室でシニア層にインターネットの使い方を教えているときほど「ああ、ここがもう少し改善されれば！」と吠えたくなる時がある。「知りたい事」「申し込みたいもの」「買いたいもの」があってワクワクしているのに、多くの人が、若い人に取っては「些細な」ミスでサイト上で目的を達成できずに諦めたり、諦めきれないからとサポートセンターに電話して「その情報はホームページに載ってます」と言われ落ち込んだりしている。今日は大学の公開講座に申し込もうとしている70歳代後半女性の話。ウキウキの申し込み「大学の公開講座申し込みたいの。英語をやり直したいのよ」といらしたMさん。「新聞の折り込みで講座を見たのだけど、ホームページから申し込んでって書いてあって。ホームページを見たのだけどどうすればいいのかわからないけどホームページからしか申し込めないらしいから、やり方教えて」とのこと。チラシに

ko-ya-ma 2013/10/04

そうそう、その通り！ Google等の検索結果一覧を丹念に読み込む傾向もあるので、あそこの表示も分かりやすく最適化した方が良いです

リンク

[JS]最近のウェブサイトで見かける面白い仕掛けを実装するスクリプトのまとめ

fullPage.js ポートフォリオや企業のプロモーションでもよく見かける1ページで構成されたサイトで、フルスクリーンの垂直スクロール、そして水平のスライドにも対応したウェブサイトを作るためのスクリプト。こういう作りは特にタブレットで操作がしやすいですね。 FancyScroll.js スマフォやタブレットのようにページの終わりまでスクロールした際にバウンドするのをはじめ、ちょっと面白いさまざまなエフェクトをスクロールに与えるスクリプト。

ko-ya-ma 2013/10/02