文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
あらゆるチャットのEnterの挙動を徹底調査。～改行キーと送信キーは統一すべきである～ - えくせるちゅんちゅん
チャットで改行しようと思ったのに送信されてしまった！！！ そんな経験ありませんか？ SNS・チャットソフトによって送信キーと改行キーがバラバラすぎなのが原因です。 いつも使っているソフトなのに、ショートカットキーがパッと出てきません。 数秒迷った挙げ句、 勇気を出してポチッと押したら送信されてしまった 絶・望 ドキドキしながらポチッと押したら改行されたときの 安・心・感 分かります？この気持ち・・・。 さて、そんなチャットソフトですが、新型コロナの影響でリモートワークが増えたことにより急速にユーザー数が増加しているはず。 今まで使っていたメッセとキーが違っていて、混乱している人が増えているようです。 かくゆう私も、以前からずっと悩まされてきました。 というわけで、私、全力で調べてみました。 調査結果はこちらです！ ドン！ Teams、Facebook Messenger、Skype for
ClubhouseをUXデザイナーが分析してみる｜Katsuki Noda
こんにちは！のだかつきです。今日は、サービスの分析記事です。今大流行しているClubhouseを分析してみました！ Clubhouseとは、ありそうでなかったコミュニティサービスClubhouseは、公式の定義によると Clubhouse is a new type of social network based on voice—where people around the world come together to talk, listen and learn from each other in real-time. Clubhouseは、音声中心のあたらしい形のSNSです。Clubhouseでは、世界中の人が集い、リアルタイムで「話し」「聴き」「学び合う」プラットフォームです。（やや意訳）とのことです。Clubhouseは、ドロップインオーディオチャット（drop-in aud
はてなブックマークiOSアプリはマテリアルデザインの悪い見本 - UXエンジニアになりたい人のブログ
はてなブックマークのiOSアプリを真面目に使ってみたらひどい出来だったので書きます。 基本構造 まずはアプリの基本構造をおさらいします。このアプリは大きな画面構成として メイン（様々なエントリー一覧） フィード マイページ の3つからなっています。 それぞれの画面と親子関係、各画面を呼び出すための操作をまとめると以下のようになります。[ ]で囲まれた青文字がUI表現で、赤文字部分が最終操作画面とその説明です。★が初期画面です。 まとめたつもりなんですが読みにくいし主題とあまり関係がないので、面倒な人は下の画像まで読み飛ばしてください [フローティング操作ボタン] メイン（様々なエントリー一覧） [ツールバー横のナビゲーションドロワーボタンから左部ナビゲーション：タイトルは「話題を探す」] [仕切り線：カテゴリー] ホーム [タブ] 人気エントリー（いわゆるホッテントリ）★ 新着エントリー（
Windows 10はPCとスマホで同じアプリがなぜ動く？――「UWP」の理想と現実
Windows 10はPCとスマホで同じアプリがなぜ動く？――「UWP」の理想と現実：鈴木淳也の「Windowsフロントライン」（1/4 ページ） Windows 10成功の鍵を握る「UWP」 「Windows 10」の世界では、PCでもタブレットでもスマートフォンでも、さらにゲーム機の「Xbox One」やヘッドマウントディスプレイの「HoloLens」でも、果てはIoT（Internet of Things）の名称で呼ばれる小型の組み込み機器でも、同一のアプリパッケージが動作する。 これを「Universal Windows Platform（UWP）」と呼び、ここで動作するアプリ群を「Universal Windowsアプリ」や「UWPアプリ」などの名称で呼んでいる。言うまでもなく、UWPはWindows 10における重要な鍵だが、これはどのような仕組みで成り立っているのだろうか。今
AppleとGoogleのマップアプリに見るUXデザイン思想の違いを徹底比較
スマートフォンアプリの開発ではユーザーエクスペリエンス(UX)を高めることが重要で、優れたアプリには必ずと言ってよいほどUXを高めるデザイン上の工夫があるものです。人気の地図アプリである「Google Maps」と「Apple Maps」のUXデザインを比較すると、両アプリが異なる思想の下で緻密にデザインされていることがよく分かります。 Maps on iOS: Design Explosions #1 http://uxlaunchpad.com/designexplosions/1-mapping-on-ios.html 左がGoogleの地図アプリ「Google Maps」で右がAppleの地図アプリ「Apple Maps」。一見、よく似たデザインですが、UXデザインの思想は大きく異なっています。 ◆地図表示とツールの配置 これはGoogle Mapsのレイアウト。右の図は、ユーザー
UXについて理解が深まる！ユーザーエクスペリエンス概念図まとめ【全26枚】
photo credit: eskimoblood via photopin cc こんにちは、@h0saです。 世に出ているUXについての理解を助ける概念図をまとめました。 UX（ユーザー体験）という概念は目に見えない分、それを説明するための図やビジュアルで説明した資料が世の中に数多く存在しています。 この記事では、主に有名どころをピックアップしつつ、全26枚の画像を短い説明を加えて紹介していきます。 更新履歴 2014/12/29： ・Alan Cooper氏のUX概念図（Form/Content/Behavior）を追加 2015/08/16： ・リンク切れの修正とそれに伴う記事の再構成 2016/05/06： ・リンク切れの修正 ・UX Maturity Model を追加 ・記事末尾に参考資料のスライドを追加 2017/1/8： ・Alan Cooper氏のUX概念図を削除（ソー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.ogura.blog/entry/2017/02/28/190245