中高年版アプリ開発の3つの原則。文字を大きくしただけではない、ケンタッキーフライドチキンの中高年版アプリ - 中華IT最新事情
中国のケンタッキーフライドチキン（KFC）が、「極簡版」アプリをリリースした。大きな文字を採用するなど、中高年の利用を想定したもので、KFCが中高年消費者に注目をし始めていると小食代が報じた。 高齢者向けのアプリが続々登場 中国工信部が2021年4月に「モバイルインターネットアプリ高齢者対応ユニバーサルデザイン規範」を公表して以来、大きな文字を使用し、ポップアップ広告を表示しないアプリが次々と発表されている。KFCのアプリもこの流れにそったものだ。 KFCの担当者は小食代の取材に応えた。「ファストフードのデジタル化は、一部の方々にとってはむしろ障壁となってしまっています。高齢者がその典型で、自分でアプリの使い方を理解するのは簡単ではありません。極簡版ではモバイルオーダーとデリバリーの機能を中心に使いやすくしました」。 ▲他のアプリでも中高年版（右）が公開されている。文字を大きくするだけでな
次世代Wi-Fi「IEEE 802.11ax」は「Wi-Fi 6」に、「n」は「4」、「ac」は「5」に──Wi-Fi Alliance - ITmedia NEWS
次世代Wi-Fi「IEEE 802.11ax」は「Wi-Fi 6」に、「n」は「4」、「ac」は「5」に──Wi-Fi Alliance Wi-Fi Allianceが、Wi-Fiの世代がすぐ分かるよう新たな命名方法に変更する。現行の「IEEE 802.11n」は「Wi-Fi 4」に、「IEEE 802.11ac」は「Wi-Fi 5」に、次世代の「IEEE 802.11ax」は「Wi-Fi 6」になり、スマホのアイコンにも数字が表示される。 無線LAN標準化団体のWi-Fi Allianceは10月3日（現地時間）、「IEEE 802.11ax」ベースの次世代Wi-Fiの名称を「Wi-Fi 6」とすると発表した。ユーザーがWi-Fi製品およびネットワークについて理解しやすくするための新たな命名アプローチの一環としている。 2世代前までさかのぼって名称をつける。つまり、以下のようになる。 「
おなじみの温泉マークは存続 新マークとの選択制に
経済産業省は3月22日、案内用図記号（ピクトグラム）の見直しのうち、7つの案内用図記号の変更などについて最終案を取りまとめた。温泉を示す「温泉マーク」は国際規格に変更する予定だったが、温泉関係者などから存続を求める声があり、最終的には「選択制」とすることで決着した。 新マークなどを定めた「JISZ8210」は7月20日付で改正される。 図記号は日本工業規格（JIS）で定められているが、国際標準化機構（ISO）と異なるものがあり、外国人観光客にも分かりやすくするために見直しを進めていた。 温泉マークもその1つ。現行のマークでは温かい食べ物のことだと間違えられるといった指摘があり、入浴している人も入っているISO版の図記号に変更する方針だった。 だが長く親しまれたマークだけに、温泉関係者などから反発の声が上がった。経産省のアンケート調査によると、日本人の63％が「現行のマークが分かりやすい」と
青色リンクのその先に： クリック可能なものは見てわかるようにしよう
フラットデザインか否かにかかわらず、インタラクティブな要素は、クリック可能とわかる十分な手がかりを提供する必要がある。枠線、色、サイズ、一貫性、配置や、Web標準の遵守といった手がかりによってクリックできることを伝えれば、インタラクティブな要素の外観はそれにふさわしいものとなる。 Beyond Blue Links: Making Clickable Elements Recognizable by Hoa Loranger on March 8, 2015 日本語版2015年5月11日公開 Webの移動とは目的を達成するための手段であり、クリック1回1回が非常に重要なものになる。したがって、ページの、どのエリアが地の静的なコンテンツで、どのエリアがクリック可能かどうか（あるいはタップ可能か）は、ユーザーにわかるようになっている必要がある。 クリック可能な要素が一目瞭然であれば、何かが期待
Technical Q&A QA1686: App Icons on iPhone, iPad and Apple Watch
App Icons on iPhone, iPad and Apple WatchQ: What icons need to be included in an iOS Application, Apple Watch Application, iMessage Application, or Sticker Pack Application? A: Below are guidelines for handling icon files for iPhone-only apps, iPad-only apps, universal apps, Apple Watch apps, and iMessage extensions. If you are building an iMessage Application or Sticker Pack Application, you must
アイコンのユーザビリティ
ユーザーのアイコンに対する理解のベースになっているのは過去の経験だ。しかし、ほとんどのアイコンは使い方が定まっていないため、その意味を伝え、あいまいさを減らすにはテキストラベルが必要である。 Icon Usability by Aurora Bedford on July 27, 2014 日本語版2014年10月27日公開 色やスタイルを通してブランドのパーソナリティを伝える以外にも、グラフィカルユーザーインタフェースにおいて、アイコンで何よりも優先されるべきことは、意味を伝えることである。定義によると、アイコンとは、物体や動作、概念を視覚的に表したもののことである。そうした物体や動作、あるいは概念をユーザーがすぐに理解できなければ、そのアイコンは単なる見かけ倒し、つまり、まぎらわしく、いらだたしい、見ためは悪くないが意味のないもの、そして、タスクの達成を妨げる視覚的ノイズになってしまう
定まらない”共有”のアイコン | POSTD
iOS 7の共有アイコンがアップローダと呼ばれる理由 上のアイコンに共通している点は何でしょうか？ 実はどれも、まったく同じ動作を表したアイコンなのです。”共有（シェア）”です。ソーシャルネットワーキングサービス（SNS）やメールで情報を共有するのは近頃ではごく一般的ですが、共有することを表現する際にどんなシンボルを使うべきなのかという点について、デザイナー側の見解はいまだに一様ではありません。主要なプラットフォームでそれぞれ独自のアイコンが使われているだけでなく、年月とともにそのアイコンも変化しているのです。 私はこの問題についてしばらく考えているのですが、共有という意味を表していることがユーザに最もよく伝わるのはどのアイコンなのでしょうか。 アップローダ（iOS 7） 最初にこの共有アイコンを見たのは、Apple社がiOS 7を2013年のWWDC（Apple社製品開発者向けの国際会議
Smartphone UI/UX by @fladdict fladdict スマホ UI/UX 講座 - 安藤日記
安藤日記 安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ fladdict スマホ UI/UX 講座 ----------------------------- 今日はUI話しと、iOS7 の話し。 今日まとめようと思いましたが、天王洲アイルに行ってしまいまして、 ギリギリで到着しました。 皆さんがどんなことを聞きたいのか聞いてみてから決めたいとおもいます。 Apple Human Interface Guideline の話し デザイナー以外のデザインの話し、 手触りの話し、 手触りのあるものを使うにはどうすれば？ プロトタイピングの話し、
ビジネス向けモバイルアプリケーションのUIガイドライン、セールスフォース・ドットコムが公開。アイコンなどダウンロード可能
ビジネス向けモバイルアプリケーションのUIガイドライン、セールスフォース・ドットコムが公開。アイコンなどダウンロード可能 先週13日に、SAPが業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開したとお伝えしたばかりですが、今度は、米セールスフォース・ドットコムがHTML5でのビジネス向けモバイルアプリケーションのUIガイドラインやサンプルを多数公開しました。ビジネスアプリ用のモバイル開発環境はHTML5/JavaScriptで急速に充実してきています。 米セールスフォース・ドットコムは先月、新ブランド「Salesforce 1」を立ち上げ、モバイルへ全面的にシフトすることを宣言したばかり。このスタイルガイドは、同社のモバイルへの注力を示すものといえるでしょう。 これまでビジネスアプリケーション向けに、モバイル対応のしっかりとしたスタイルガイドが公開された例はおそら
ファビコン・カンニング・ペーパー
Translation of: favicon-cheat-sheet ファビコンのサイズや形式についての読むと頭が痛くなる偏執的なカンニング・ペーパーです。以下のURLを参考にしました: rel="shortcut icon" considered harmful · Mathias Bynens <-- special thanks @mathiasbynens Everything you always wanted to know about touch icons · Mathias Bynens <-- special thanks @mathiasbynens Jonathan T. Neal | Understand the Favicon Favicon - Wikipedia, the free encyclopedia Making a Good Favicon -
Apple、開発者に対し｢iOS 7｣対応のアイコンの提出を要求 | 気になる、記になる…
｢iOS 7｣は早ければ9月10日にも正式リリースされると言われていますが、9 to 5 Macによると、Appleが開発者に対し｢iOS 7｣に対応したアイコンの提出を求めている事が分かりました。 ｢iOS 7｣対応のアイコンのサイズは｢iOS 6｣までのアイコンよりサイズが少し大きくなっており、iPhoneの場合で｢iOS 7｣が120×120に対し、｢iOS 6｣は114×114で、iPadの場合は｢iOS 7｣は152×152に対し、｢iOS 6｣は144×144となっています。 また、｢iOS 7｣ではアイコンの角半径も変更されており、開発者はこの変更もアイコンデザインの際に考慮する必要があるそうです。
3.04. ユーザインタフェース設計
GitHub Pagesへ移行しましたmixi-inc.github.ioへお願いします。 wikiの方はしばらくしたら消していきます この章では、Android における UI の設計の考え方について解説します。 参考：Application Structure | Android Developers 参考：Navigation with Back and Up | Android Developers 参考：Action Bar | Android Developers 参考：Navigation Drawer | Android Developers 参考：Multi-pane Layouts | Android Developers 参考：Swipe Views | Android Developers 参考：Selection | Android Developers 参考：C
Build software better, together
Do these awesome things Use a permitted GitHub logo to link to GitHub. Use the Invertocat logo as a social button to link to your GitHub profile or project. Use a permitted GitHub logo to inform others that your project integrates with GitHub. Use the GitHub logo in a blog post or news article about GitHub. Use the permitted GitHub logos less prominently than your own company or product name or lo
アメーバ、芸能人のブログ広告に「PRマーク」導入 ステマ撲滅へ
芸能人・有名人ブログの「ステマ（ステルスマーケティング）」が問題視されていることを受け、「アメーバブログ」を運営するサイバーエージェントは1月28日より、ステルスマーケティングを防止するための「PRマーク」を導入する。芸能人・有名人がアメーバブログ内で企業のプロモーションを行う場合、専用の「PRマーク」を表示することが今後は義務づけられる。 PRマーク PRマークは記事タイトル下の目立つ位置に大きく表示され、広告であることがよりハッキリと分かるようになるという。ただし表示されるのはサイバーエージェントが仲介する「公認」記事のみで、例えばペニーオークション騒動のように、サイバーエージェントを介さないPR記事については表示されない。ただ、PRマークが浸透すれば今後は「逆にマークを付けず不自然に商品を紹介しているようなブログは怪しい、と思ってもらえるようになるのでは」（サイバーエージェント広報）
Twitter / Logos & Brand
Twitter Trademark and Content Display Policy This policy is designed to help you use our brand and assets, including our logo, content and trademarks without having to worry about negotiating a separate agreement with us or talking to our lawyers. If you’d like to make any use of our marks that is not covered by this document, you must contact us at trademarks at twitter.com and include a visual m
)
Windows のタッチ操作 - Windows app development
Windows 8.1 には、システム全体で使われるタッチ操作の簡単なセットが用意されています。このタッチ言語を一貫して適用することで、ユーザーに、自分が使い慣れたアプリと似ていると感じさせることができます。アプリの使い方をわかりやすくすることで、ユーザーの信頼感が増します。タッチ言語の実装について詳しくは、「ジェスチャ、操作、対話的操作」をご覧ください。 この記事の内容: タッチの設計原則 タッチ言語 タッチ ターゲット 位置と持ち方 関連トピック タッチの設計原則 即座にフィードバックを返す 画面がタッチされたときにすばやく視覚的フィードバックを返すようにすると、ユーザーが安心して操作できます。操作に対して、色やサイズの変更、移動で応答する必要があります。操作できない要素は、画面がタッチされたときだけタッチ画像を表示するようにします。 コンテンツが指の動きに付いていくようにする キャン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザイン原則の実践｜dely design
トイレ操作パネルの絵記号を外国人にもわかりやすく各社で統一
コンテナ - Wikipedia
TechCrunch | Startup and Technology News
