iOSとAndroidの"Divider"の線幅の違いと各社の対応｜鈴木慎吾 / TSUMIKI INC.
アプリやWebサイトをデザインする際に、情報をまとまりごとに線で区切ることがあります。リストの各項目を区切ったり、コンテンツをセクションごとに区切ったりする場合です。この区切り線は"Divider"と呼ばれます。 このDividerの線幅について、国内外のサービス各社の対応を調べてみました。 iOSとAndroidのDividerの線幅の違いiOSアプリのリストはSwiftUIで以下のように実装できます。 var body: some View { List { Section(header: Text("タイトル")) { Text("テキスト") Text("テキスト") Text("テキスト") } } .listStyle(.plain) }これをプレビューすると、各リストの間に 物理ピクセル数 1 の太さの線が表示されます。 iOSアプリのリストAndroidアプリのリストは以下
ヘッダー（グローバルナビゲーション）のデザイン事例100選｜akane
こんにちは！株式会社Rabeeのデザイナーのakaneです🐏 今回は、ヘッダー（グローバルナビゲーション）のデザイン事例を調べてみました！パターンごとに分類しながら紹介していくので、どうぞ最後までお楽しみください✍ はじめに：グローバルナビゲーションとは？グローバルナビゲーションとは、Webサイトの全ページに共通して表示される「主要なコンテンツへの案内リンク」です。 一般的には画面上部のヘッダーに設置されることが多く、ユーザーが「今、どこにいるのか？」「目的のページはどこか？」と迷わないように誘導する大切な役割があります。 どんなサイトを作るときもほとんど必須のパーツですが、わたしは気付けばいつも似たようなレイアウトを使いがち…。そこで今回は、グローバルナビゲーションのデザインを100事例見比べて分類してみます🔍 ・ ・ ・ 1. スタンダード型まずは、一般的に「ヘッダー」の言葉で想像
Webサイトの表示が遅く、ストレスを感じる時間は5秒未満が約4割 - ニュース - ビッグローブ株式会社
ビッグローブ株式会社 最大通信速度10Gbps（注１）の光ブロードバンドサービス「ビッグローブ光 10ギガ」を提供しているBIGLOBEは、「インターネット利用に関する意識調査」を実施しました。本日、調査結果の第3弾を発表します。 本調査は、全国の20代から60代の男女1,000人を対象にアンケート形式で実施しました。調査日は2024年2月2日～2月5日、調査方法はインターネット調査です。 調査結果のトピックス Webサイトの表示が遅く、ストレスを感じる時間は5秒未満が約4割 Webサイトの表示が遅い場合、10秒待てない人が4割弱 30分以上の動画を見続けるかどうかの判断は1分以内が8割弱 調査結果詳細 1．Webサイトの表示が遅く、ストレスを感じる時間は5秒未満が約4割 全国の20代から60代の男女1,000人に「Webサイトの表示が遅く、ストレスを感じる時間」を質問した。その結果、5秒
UXだけでは足りない何か | ベイジのUIラボ
UXについて色々と考えることがあり、少し言葉にまとめてみた。何が正しいという話ではないが、率直に感じていることである。 意図されたBad UX 車を運転する人なら経験したことがあると思うが、「近づかないと識別できない信号」というのがある。 この手の信号は、近付くまで青なのか赤なのか判別できない。そのため信号の近くになるまで、このまま進むべきか、ブレーキを踏むべきか、とドキドキさせられる。 先日までペーパードライバーだった私は、当初、スムーズな運転を妨げてストレスを感じさせるこの信号を、液晶の表示角度などの計算を誤った設置ミスだと思っていた。 しかしこれは、複雑な交差点などでの交通事故を防ぐために意図的に仕掛けられたもののようである。 いちドライバーとしては、けっして心地よい体験ではない。しかし、社会全体にとっては良い方向に向かうようデザインされた信号といえる。 このような「意図的にユーザー
知識０から、ちょっとUIデザインに詳しくなるnote｜やました
前回は、「UIデザインってそもそも何なの？」という概論的な説明と、UIデザイン未導入の組織の中でみんなでデザインを始めてみるための施策（プロトタイピングとユーザビリティ評価）を話しました。 今回はサービス、プロダクト開発において、デザイナーではない人でも知っていて損はないUIデザインの重要ポイントについて説明します。主に以下の３つのテーマについて順番に議論をしていきます。 デバイスやソフトによるUIの違い ユーザーにかかる身体的・認知的負荷を理解する UIの重要概念（ナビゲーション、インタラクションなど）を知る 「ちょっと」と銘打っておきながらめちゃくちゃ長いnoteになってしまったので、気になる項目だけ読むか、何回かに分けて読んでいただくことをおすすめします、。 ※どこか内容に間違ってる部分やご意見ありましたらコメントいただけたら嬉しいです。 デバイスやソフトによるUIの違い皆さんがお使
文字と行間の大きさは何が良い？読みやすさとKPI両立への挑戦
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き
Apple storeの「まもなくです」は、実は「503」エラーである - CLAYPIER
2020年11月06日 22:59 情報が古くなっている場合があります。 Apple storeの「まもなくです」は、実は「503」エラーである 今日の午後10時から iPhone Pro Max と Mini がようやく予約注文可能となり、まだかまだかと10時になった瞬間、更新ボタンを押すと「まもなくです」と黒い画面が表示されて、10分経ってもまったく変わらなという経験をされた方も多いのではないだろうか。 今までは「まぁ、色々準備してるのかな～」ぐらいに思っていたのだが、実はこれ、外見からはまったく分からないが「503」エラーなのである。 503エラーとは、サーバーにアクセスが集中しすぎて処理しきれなくなったときに表示されるものだ。 Google Chrome のコンソールを見ると、たしかに503と表示されている。 Apple はエラー画面もオシャレ。 ストアに繋がるかは運次第！！ Go
【翻訳】なぜ、最悪のUXを持つプロダクトが市場を制するのか？（Meelis Ojasild, 2022） - 体験とデザイン、スタートアップについて
meelis-ojasild.medium.com 企業がユーザーエクスペリエンスに基づいてソフトウェアを選択するというのは神話です。しかし、PMは主にUXに注目しています。では、実際はどうなっているのでしょうか？ ソフトウェアの選定プロセス これが一般的なソフトウェア選定の仕組みです。 人々は問題とそれを解決する可能性のあるソフトウェア・カテゴリーを認識します。 ソフトウェアのカテゴリーを広くグーグル検索しています（例えば「ベストCRMツール」）。 彼らは、Googleで上位に表示されるいくつかの結果を閲覧します Googleのトップページで最もよく使われているソフトウェアソリューション（Salesforce、Hubspot、Pipedriveなど）を（精神的または物理的に）メモしておくのです。 安いものから試していく（HubspotとPipedriveとします）。 テストでは、1つのコ
モバイルユーザーエクスペリエンスの現状 – U-Site
最初のiPhoneから15年が経ち、モバイルのユーザーエクスペリエンスの質は安定してきた。モバイル標準もできてきた一方、モバイルWebとネイティブアプリの区別はあいまいになりつつある。 The State of Mobile User Experience by Raluca Budiu on January 1, 2023 日本語版2023年6月9日公開 最初のiPhoneが発売されたのは2007年6月だった。2008年の終わりに、我々がモバイルレポートの初版のための調査を開始したときには、ユーザーの持つモバイルデバイスはまだ原始的なもので、ユーザーエクスペリエンスもひどいものが大半だった。当時は、ほとんどのモバイルデバイスやモバイルサイトが引き起こす悲惨な状況に比べれば、それなりにまともなエクスペリエンスというだけで好ましいものとされていたのである。 5年前、モバイルレポートの第4版を
検索が爆速になるデータベース設計を公開します
こんにちは。エンジニアの谷井です。 フォルシアでは、Spookと呼んでいる技術基盤を用いて、主に旅行業界やMRO業界に対して、膨大で複雑なデータを高速検索できるアプリケーションを提供しています。 今回はその高速検索のノウハウのうち、特にDBの扱いに関連する部分について、ベテランエンジニアへのインタビューを通してそのエッセンスをまとめてみました。 一般的なベストプラクティスだけでなく、検索性能を高めることに特化しためずらしいアプローチもあるので、ぜひご覧ください。 フォルシアにおける検索DBについて まず前提としてフォルシアで扱うデータについて軽く説明します。 扱うデータの複雑さ たとえば、旅行会社向けのアプリケーションであれば、宿泊素材の情報としては ホテルの情報「〇〇ホテル」（~約2万件） プランの情報「朝食付き・ロングステイ△△プラン」（0~1500件/施設） 客室の情報（~100件/
日本人のスマホの持ち方は独特？－国際比較調査でみるスマホ操作の国別傾向－ - 知るギャラリー by INTAGE
あなたが50代なら、おそらく左手にスマホを持って右手の人差し指で操作をしているのではないか。20代なら右手にスマホを持って右手親指で操作している可能性が高い。電車の中でちょっと観察すると、そのような傾向がありそうなことに気づく。一方、海外で観察していると、日本とはちょっと違うようにも見える。 本記事では、年代や国によるスマホの持ち手や操作の仕方の違いと、アンケート回答への影響について、インテージグループR＆Dセンターで行っている研究を紹介する。 “スマホの持ち手”の国際比較 右利きと左利き 本論に入る前に、右利きと左利きの比率を確認しておく（図表1）。日本では、概ね1割程度がどの年代でも左利きである。 図表1 国別にみても左利きの比率は1割程度で一定であり、極端な違いはない（図表2）。 図表２ スマホの持ち手 次に、スマホをどちらの手で持っているかである。スマホでどのような作業をするかによ
プロダクトを死へと誘う複雑性の恐ろしさと、それを最適化する10個の方法｜梶谷健人 / Kent Kajitani｜note
ある研究によると、80％のユーザーがプロダクトの機能のうち20％しか使っていないことが分かっています。 優れた体験のプロダクトを作り上げ成長を実現する上で、複雑性の弊害をしっかりと理解し、それに正しく対処することはスタートアップや新規事業を始める企業にとって必要不可欠な能力です。 この記事では、複雑性がUXに与える悪影響を複数の研究を引用しながら示し、プロダクトの複雑性を最適化して優れたサービス体験を作り上げる10個の方法を紹介します。 複雑性がUXに与える悪影響プロダクトに機能を追加しすぎることによる弊害は、"フィーチャークリープ "と呼ばれています。 プロダクトを作る際に、機能を追加すればするほどより機能的になると思い込んでいる人も多いかと思います。 しかし、ほとんどの場合でその結果は期待と正反対になります。闇雲に機能を増やすと、プロダクトのユーザビリティが低下し、ユーザーにとって負荷
ABEMAにおけるサムネイル検証とOPE活用
CFML勉強会で発表した資料です(https://cfml.connpass.com/event/264017/) 概要: ABEMAにおいてサムネイルは、番組へユーザーを誘導する重要な役割を担っており、より良いサムネイルを作成するための検証や、ユーザーにとって相性の良いサムネイルを選択する最適化は非常に重要なデータサイエンスのタスクとなっています。この発表では、そういった検証や最適化における、A/BテストやOPEの活用の事例についてお話しします。
ユーザーの反応率を高めるマイクロコピーの優れた事例17選 - 小さな会社のWEBビジネスの方程式
1-3. リンク先の内容を具体的に表示する ボタンやバナーのマイクロコピーでは、リンク先の内容を具体的に表示することが大切です。 「詳しくはこちら」のような表現でリンク先の内容がわからないと、ユーザーはそこに知りたい情報があるのか判断できないために離脱する可能性が高いからです。 デジタルツールの大手メーカーであるAppleが“M1システムオンチップ”を紹介するページでは、リンクボタンに以下のようなマイクロコピーが設置されています。 出典：Apple これらのマイクロコピーによって、ユーザーはリンクボタンの先にどんな情報があるのかを一目で理解できます。 スマホが普及した近年は特に、サイトを閲覧するユーザーはその内容をじっくりと読んでいるというよりも、流し読みをしているケースが多いものです。 「詳しくはこちら」だとそれが何のことだったか記憶に残っていない可能性があり、理解するためにはページを遡
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://twitter.com/so_hasegawa/status/1789226410898534545?s=43&t=soNcT6O2AeVewuhHm1Gciw
ヤフーのユーザー5,400万人から"同意"を得るための技術
https://twitter.com/u2qshinshiro/status/1725286741475819553?s=43&t=soNcT6O2AeVewuhHm1Gciw
【CEDEC 2018】明快で軽快！ Nintendo SwitchのUIを触るだけで楽しい理由 - GAME Watch
https://twitter.com/kennoid/status/1667708945748852737?s=43&t=soNcT6O2AeVewuhHm1Gciw
問い合わせ率が3年間で半分になった
