中高年版アプリ開発の3つの原則。文字を大きくしただけではない、ケンタッキーフライドチキンの中高年版アプリ - 中華IT最新事情
中国のケンタッキーフライドチキン（KFC）が、「極簡版」アプリをリリースした。大きな文字を採用するなど、中高年の利用を想定したもので、KFCが中高年消費者に注目をし始めていると小食代が報じた。 高齢者向けのアプリが続々登場 中国工信部が2021年4月に「モバイルインターネットアプリ高齢者対応ユニバーサルデザイン規範」を公表して以来、大きな文字を使用し、ポップアップ広告を表示しないアプリが次々と発表されている。KFCのアプリもこの流れにそったものだ。 KFCの担当者は小食代の取材に応えた。「ファストフードのデジタル化は、一部の方々にとってはむしろ障壁となってしまっています。高齢者がその典型で、自分でアプリの使い方を理解するのは簡単ではありません。極簡版ではモバイルオーダーとデリバリーの機能を中心に使いやすくしました」。 ▲他のアプリでも中高年版（右）が公開されている。文字を大きくするだけでな
【トレンド分析】最近のアイコンのデザインが似通ってきている問題 デザイン会社 ビートラックス: ブログ
最近のスタートアップにおけるロゴトレンドでは、そのスタイルに多くの類似性があることがわかった。その中でも、特にスマホ向けのアプリの影響でアイコンの存在がそのブランドを強く印象づける役割を果たしている。 【トレンド分析】最近のロゴデザインが似通ってきている問題 – 第2弾 多くのアイコンがどんどんカラフルに限られたスペースに複数のアイコンが並ぶスマホのホーム画面で存在感を出すためなのか、最近のアイコンはどんどんカラフルになってきている。これは、画面の解像度が上がってきている恩恵でもあるが、どんどん没個性にもつながっている。 カラフルアイコンの代表的なのがインスタグラム。インスタは2016年にそれまでのカメラ風のアイコンから、思い切ってカラフルなグラデーションを取り入れたアイコンにリデザインを行った。 Googleサービスの見分けをつけるのが難易度高めカラフルなカラースキームの代表といえばGo
家には77歳の年寄りがいるんだけど、iPadでもやはり難しいようでまったく手..
家には77歳の年寄りがいるんだけど、iPadでもやはり難しいようでまったく手にとらない。 Androidは論外だった。 アプリにはだいたい主要な画面が4つか5つほどあり、簡単にいうとその画面を行き来しながら利用する物が多い。 年寄りにとって一番利用しやすいのは画面がリニアに進むということだ。 アプリをタップしたら常に最初にメニュー画面、メニューからボタンを押したら目的の画面のように進まなければ、そこで理解がむずかしくなる。 アプリによってはアプリタップ後、最後の画面を表示してくれる物も多い。そういうのは年寄りには難しい。まずは元に戻りたいと思うようだ。 スタート画面が設定されているのもあればない物もある。 アプリによってはしばらく時間があると普段とは違うメッセージが出る物もある。 タップでボタンが表示される奴は論外だ。タップの仕方によりボタンが出ない・出るで教える最中に喧嘩になる。 タップ
GitBucketのユーザインターフェースの変更について - たけぞう瀕死ブログ
2週間ほど前にGitHub社からGitBucketのコミッタ宛てにメールが届きました。 それは「GitBucketはGitHubにあまりにも似すぎているが、GitHub社はGitHubのプロプライエタリなマテリアルをコピーしたり、ユーザインターフェースをクローンすることは許可していない。これはGitHub社の知的所有権を侵害している可能性があり、GitHubのユーザに混乱を引き起こすもので、改善を求める」という趣旨のものでした。 1点目についてはGitBucketはOcticonsやBootstrapテーマなどオープンソースのリソースは活用しているものの、GitHubからいかなるプロプライエタリなマテリアルやソースコードもコピーしていませんので問題ではありませんでした。 2点目については（ユーザインターフェースに関する権利については諸説あるようですが）、GitBucketが「GitHubク
Hearts on Twitter
We hope you like what you see on Twitter and Vine today: hearts! We are changing our star icon for favorites to a heart and we’ll be calling them likes. We want to make Twitter easier and more rewarding to use, and we know that at times the star could be confusing, especially to newcomers. You might like a lot of things, but not everything can be your favorite. The heart, in contrast, is a univers
｢OS X Yosemite｣と｢OS X Mavericks｣のUIの変化を比較した画像 | 気になる、記になる…
Pixelapseが、｢OS X Yosemite｣と｢OS X Mavericks｣のユーザーインターフェイスの変化を比較した画像を多数公開していたので紹介します。 その一部が下記の通りで、Dock、メニューバー、フォント、フルスクリーンボタンなどの違いが紹介されています。 Dock 立体的なデザインからフラットデザインに変更されており、アイコンだけでなく、起動中のアプリのインジケーターや通知バッジなども刷新されています。 メニューバー Appleロゴが少し小さくなり、充電状況を示すインジケーターが見易くなった他、全てのメニューバーアイコンもより細い線で描かれたデザインになっています。 システムフォント（英字） 以前にお伝えした通り、｢Lucida Grande｣から｢Helvetica Neue｣へと変更されています。 フルスクリーンボタン これまではFinderの右上に別途配置されて
ビジネス向けモバイルアプリケーションのUIガイドライン、セールスフォース・ドットコムが公開。アイコンなどダウンロード可能
ビジネス向けモバイルアプリケーションのUIガイドライン、セールスフォース・ドットコムが公開。アイコンなどダウンロード可能 先週13日に、SAPが業務アプリ用のJavaScript製UIライブラリ「OpenUI5」を公開したとお伝えしたばかりですが、今度は、米セールスフォース・ドットコムがHTML5でのビジネス向けモバイルアプリケーションのUIガイドラインやサンプルを多数公開しました。ビジネスアプリ用のモバイル開発環境はHTML5/JavaScriptで急速に充実してきています。 米セールスフォース・ドットコムは先月、新ブランド「Salesforce 1」を立ち上げ、モバイルへ全面的にシフトすることを宣言したばかり。このスタイルガイドは、同社のモバイルへの注力を示すものといえるでしょう。 これまでビジネスアプリケーション向けに、モバイル対応のしっかりとしたスタイルガイドが公開された例はおそら
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
公開後にアプリ品質を向上させる
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
メタファーが思い浮かばないものは陳腐化した概念なのかもしれない - Nothing ventured, nothing gained.
「文書保存のあのマークは何なの？」の時代へ。思考が停止してしまったUIデザイン (神田 敏晶) - 個人 - Yahoo!ニュース 保存アイコンがフロッピーディスクをメタファーとしていることに違和感を抱く人は多い。いや、違和感ではなく、そもそもこのアイコンが何に由来するか、まったくわからないという人も増えてきているはずだ。 スマートフォンで電話をかけるときにタッチするアイコンもアナログ電話の受話器マークだったりする。 「活気的な新たなメタファーを伝える時には、古いメタファーを再定義し、アナロジーを駆使」しなければならないと神田さんは言う*1。 神田さんの記事だけでなく、ネット上でたまに出る話題だ。 では、代わりにどのようなアイコンが良いのか。いろいろとアイデアはあるようだ。また、フロッピーディスクを知らなくとも、すでに多くのソフトウェアで使われており、市民権を得ているから変更する必要はない
Windows 8 — 初心者にもパワーユーザーにも期待はずれのユーザビリティ
見えない機能、低下した発見しやすさ、二重の環境による認知的な負荷、シングルウィンドウのUIからくる能力の低下、低い情報密度。ひどいものだ。 Windows 8 — Disappointing Usability for Both Novice and Power Users by Jakob Nielsen on November 19, 2012 日本語版2012年12月6日公開 先日発売されたWindows 8とSurfaceタブレットでMicrosoftはユーザーインタフェース戦略を転換した。フィーチャークリープ訳注と言えるくらい、強力なコマンドを重視するGatesが主導した伝統的GUIスタイルからMicrosoftは軟化したが、今度は必要な機能を隠しながら、大きな色とりどりのタイルで画面を覆いつくし、ユーザビリティを妨げている（訳注： フィーチャークリープとは、電子機器やソフトウェ
橋本商会 » 顔アイコンでファイルアップロード
顔が描かれたアイコンにファイルをドラッグアンドドロップすると、相手のサーバーにファイルをアップロードできるアプリを作った。 複数のファイルもまとめてアップロードできる。 俺が作ったのは2種類あって、増井先生も作ってるので今5種類ぐらいある気がする。 ■face-upload https://github.com/shokai/face-upload 増井先生が作った研究室のサーバーにファイルをアップロードするscriptを参考にした。 アップロード先のサーバーとはscp/sshでやりとりする。sshでログインできるサーバー相手なら使えるはず。 git cloneして、icon.pngを自分用のに入れ替えて、config.ymlを修正して ./setup すればアプリが生成される。 例えば、SFC-CNSのサーバーにアップロードする場合、config.ymlはこう書く。 ssh : "sho
解像度の呪縛から逃れようとするWindows 8
レノボ・ジャパンの12.5型（1366×768ドット）ワイド液晶搭載ノートPC「ThinkPad X220 Tablet」。指でのタッチ操作、スタイラスペンでのタッチ操作に対応し、液晶ディスプレイの画面を上にして閉じることで、キーボードのないタブレット端末のように利用できる Windows 8 Consumer Previewの配布が開始された後、これをレノボ・ジャパンの「ThinkPad X220 Tablet」にインストールして使っている。 ご存じの通り、Windows 8はタッチパネルに対応し、タブレット端末での操作性を意識したデザインが採用されているが、当然、従来のPCスタイルも継承。さらにペン入力も引き続きサポートと、1台のPCでWindows 8の目指すところを理解するのは難しい。その点、ThinkPad X220 Tabletは通常のノートPCとしても、タブレットとしても使え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Use Control Center on Apple Watch
デザイン原則の実践｜dely design
トイレ操作パネルの絵記号を外国人にもわかりやすく各社で統一
【地図とデザイン】繁華街をも機械判定で描き出す、「Google マップ」のアルゴリズムすぎる地図表現術と、その地図デザインの思想 
Octicons Your project. GitHub's icons.
UI for everyday's cooking
[ケータイ用語の基礎知識]第631回：フラットデザイン とは