都合の良いUIデザイン〜わがままで怠惰で理不尽なユーザーのニーズに応える10のポイント〜｜SOMPO Digital Lab デザインチーム
こんにちは、SOMPO Digital Labデザインチームのデザイナーの金（https://twitter.com/seikei_kin）です。普段はUIデザイナー・ウェブデザイナーとしてサービスやプロダクトの開発・設計に携わっています。 突然ですが、みなさんは真面目で、協力的で、積極性があって、物覚えがよい方でしょうか？あるいは最新のアプリの動向に詳しく、それらを使いこなせるリテラシーを十分にお持ちでしょうか？ 果たして自分はどうかと振り返ってみると、少なくとも自信をもってそうであるとは言えないのが正直なところです。なまけものかつわがままで、物覚えや察しも良くなく、実際、馴染みのないウェブのサービスやアプリを利用する場合には、些細なことでつまづいたり悩んだりした結果、途中で嫌になり諦めてしまうこともしょっちゅうです。 そして、実は私のようなユーザーは決して少なくないのではないでしょうか
「マンガアプリ」失敗の本質
パラパラと雑誌を読んでいると、1つのグラフが目を引きました。マンガアプリの上位5社のユーザー数を比較した図です（日経BP『日経エンタテインメント！』2021年7月号、93頁より引用）。 「LINEマンガ（LINE）」が615万人（前年比123.5％）、「ピッコマ（Kakao Japan）」が511万人（同168.6％）の2強が他マンガアプリを圧倒しています。 3-5位は「少年ジャンプ＋（集英社）」が229万人、「マンガワン（小学館）」が182万人、「マガポケ（講談社）」が181万人と、いわゆる3大出版社が並びます。 不思議に思ったのは、2強の着実なユーザー数の伸びに比べて、3大出版社の伸びが鈍化していたことでした。なぜでしょうか？ マンガアプリは2種類ある 国内には100超のマンガアプリがあります。3大出版社は上記のアプリだけを提供しているわけではありません。つまり、鈍化の理由は「3大出版
余分なものは省こう！美しいアプリに共通している「ゼロUI」とは？
Amazonの音声アシスタント "Alexa" を搭載したデバイス「Amazon Echo」をはじめ、IoT時代のデバイスには余計なボタンが付いていないことが多くなっています。こうしたデバイスは、基本的に手を使って操作するというよりは、音声を使って操作したり、あるいは全く操作しないようになっています。 実は、こうしたUI（User Interface）のほとんど（あるいは全く）ないデザインのことを、*「ゼロUI」*と呼ぶことがあります。この言葉自体は2015年頃から次第に使われており、IoTデバイスだけではなく、最近ではモバイルデザインにおいても意識されていると言われています。 それではなぜ、このようなUIのないデザインが注目されているのでしょうか。 今回は、*美しいアプリに共通して見られる「ゼロUI」*について、その概要やポイントをご紹介します。 一切のムダを排除したデザイン「ゼロUI」
UIデザイナー必見！ アプリの導入画面で使われる主な４つの手法
ユーザーがそのアプリの中で一番最初にふれる画面は、アイコンと同じくアプリの「第一印象」になると考えても間違いないくらい、大切な部分です。 だからこそ導入画面は、ユーザーの気持ちになって、ユーザーのことを考え、しっかりと設計しなければなりません。 今回はそんなアプリの導入画面によく使われる、４つの手法をご紹介します。 スプラッシュ まずはおそらく最も多くのアプリが採用しているスプラッシュという手法です。 ホームからアプリのアイコンをタップしたときに出る画面で、データローディングの時間稼ぎ、またはそのアプリをブランドとしてユーザーに認知させる目的で使われます。 たとえばツイッター公式クライアント。 アプリを起動したときの、この画面ですね。 みなさんご存知かと思いますが、ツイッターは少し特殊なスプラッシュで、 こんな風にどんどん鳥がせまってきて背景にコンテンツがあるという、面白いスプラッシュを導
UIデザインにユーザーストーリーが必要な理由
Tom Brinton氏はBYUを2012年に卒業した後、CitrusBits、Wallaroo Media、CustodyXChangeでUI/UX設計者として働いてきました。彼は優雅なインターフェースをデザインすることが好きです。 あるデザインチームが、クライアントの新しいアプリのモックアップについて話し合っているとします。すると、アプリがどのようにあるべきかついて、チームメンバーはそれぞれ 違う考えを持っているということが明らかになります。こうなると、ミーティングはすぐに、「何が正しいか」というよりも、「誰が正しいか」という議論になってしまいます。 誰もが自分のデザインを守ろうとしますが、誰もユーザーを守ろうとはしません。ひょっとしてあなたにも思い当たる節がありませんか？ このようなときにこそ、ユーザーストーリーを導入する必要があります。 最近では、UI/UXのプロがアジャイル開発で
Slackの新機能「All Unreads」が便利過ぎて涙が止まらない。 - アウトプッツ
A new way to catch up in Slack 新しくリリースされた「All Unreads」使ってますでしょうか？ gyazo.com ↑のように「Preferences > Advanced > Channel List > Turn on All Unreads」をチェックすることで、未読一覧が簡単に確認出来るようになります。 いやぁ便利。こういう新機能をリリースしてくるSlack、素晴らしいですね。 はい、涙が止まらないくらいに。 そう、同じような機能を売りとしたアプリを同じくリリースしていたのです。 tsumuchan.hatenablog.com まぁダウンロード数とか全然ないので、強いことは言えませんが、APIを利用したサードパーティのアプリって、ある機能を新しく作ったとしても本家がその機能を出しちゃったらもうどうすることも出来ないですよね… 自分が出したアプリ
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年10月時点の調査。
スマフォアプリで見る UI の気付き
この記事は「#UI Design Advent Calendar 2015」第18日目の記事です。 スマフォアプリの普及により、UI デザインの需要は年々増しています。最近になってアプリの UI デザイナーとしてお仕事を始められた方も多いかと思います。UI デザインは、原則や関連知識の理解を深めることも重要ですが、ケーススタディとしてみることでスキルの習得も早くなります。 今回は、これまでユーザビリティの観点で監修したアプリ UI の中から、ユーザビリティテストのスコアリングが低くなる傾向のデザインパターンをご紹介します。それらは少し見直すだけでスコアが改善されるというのもまた特徴です。やってしまいがちな失敗 UI ケースの入門として、ご参考になればと思います。 スコアリングの指標 アプリ UI のユーザビリティ測定には、アクセシビリティや他の定義を考慮することもありますが、今回のスコアリ
『ウチ姫世界のコンセプトディレクション』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。
スマートフォンはセンサーの塊！ たった数行のHTML5とJSで扱えるセンサーまとめ(デモ・動画あり) – ICS MEDIA
ブラウザ上で可愛いフィルターを実現！TensorFlow.jsを使ったリアルタイム顔認識 7月9日公開岩間 日菜♥ 18
HTML5ゲームエンジン「Phaser」が初心者とモバイルにやさしくていい感じです - syonx
Phaser - Desktop and Mobile HTML5 game framework モバイル/デスクトップ向けのHTML5製の2Dゲームフレームワーク。 Pixi.jsベースでCanvasやWebGLのレンダリングもサポート。 Tags: flash-like 2d sounds collisions physics typescript webgl free cdnjs: //cdnjs.cloudflare.com/ajax/libs/phaser/2.0.5/phaser.min.js Examples - PixiJS ベースとなっている Pixi.js のサンプル。レンダリング結果の雰囲気がつかめる。 HTML5 Game Engines - Find Which is Right For You HTML5ベースのゲームエンジン一覧。比較がしやすい。 Phaser
方向と距離だけ表示される、方向音痴のためのシンプルなナビゲーションアプリ「Waaaaay!(うぇーい)」
Waaaaay!は目的地までの「方向」と「距離」だけを表示する、方向音痴向けのナビゲーションアプリです。目的地を設定すると目的地までの方向と距離を表示するので、矢印の指す方向に歩けばいつか着くと思います。たぶん。 言葉で説明するの非常に難しいんで、ぜひ１回使ってみてくださいよ、ね。 2016/04/01海外旅行でも方向音痴にならないアプリ「Pilot」をリリースしました。 海外旅行でも方向音痴にならない「Pilot」 2016/03/29日テレ朝の情報番組「ZIP!」で紹介されました。 2015/07/25週刊アスキーで紹介されました！ 花火大会やお祭りではぐれない！絶対仲間と合流できるナビアプリ 2015/03/31日経産業新聞で紹介されました！ 2015/01/19アプリマーケティング研究所で紹介されました。 「無意味なサンマに1,000人課金、レビュー欄でユーザーから求婚」45万ダウ
アプリ開発者必見！国産アプリも多めのアイコンデザインギャラリー「iconDrop」｜男子ハック
「iconDrop」はiOSアプリのアイコンに特化したギャラリーサイト。このサイトを作成された@xxmiz0rexxさんもアプリデザインのお仕事をされているので、ご自分のためにも多くのアイコンが見れるサイトをということでサイトを制作したそうです。 「iconDrop」の特徴は、色やアイコンの系統、フラットデザイン、リッチデザイン、アプリのカテゴリなどで分類されていて、参考にしたいアイコンを探しやすくなっているというところ。 試しに「Blue」でフィルタリングしてみるとこんな感じ。 現在はまだ100個程度のアプリしか登録されていません。素敵なデザインのアイコンがあれば「オススメアイコンを紹介する」というページから推薦してあげると@xxmiz0rexxさんが泣いて喜ぶはず。 個人的にデザインとは別の機能ですが、そのアイコンのアプリがどれだけDLされたとか、そうゆうデータが見れると「こうゆうデザ
過去のFlashコンテンツを再利用、低コストでiPhoneアプリをリリースしよう！ | Digital experience University
2013年 06月 20日 過去のFlashコンテンツを再利用、低コストでiPhoneアプリをリリースしよう！ Koji Furumoto カラッと晴れた夏の暑い日に、車の中で海を眺めながらめちゃめちゃ暗い曲を聴くのが好きなプロジェクトマネージャー、Furumotoです。 今回、ネタとしてはあまり新鮮味はありませんが、FlashによるiPhoneアプリ制作の話をしたいと思います。 目次 はじめに – 過去の栄光をもう一度 面倒だけど準備はしっかり 意外とカンタン！iPhoneアプリに復活！ まとめ はじめに – 過去の栄光をもう一度 24-7ではweb案件をいくつも担当させてもらっていますが、やはり最近はFlash案件が極端に少なくなったと感じます。 理由はご存知の通り、iPhoneやiPadなど、AppleのモバイルデバイスではFlashを閲覧することができない、というのが大きなきっか
Jamn | 音楽のセオリーが学べるアプリ。音楽、楽器初心者にオススメ。今なら一週間無料。 - Hello, My Innocent.
Jamn – The musician’s multi-toolというアプリが今週のAppに選定されて、一週間無料になっています。 このアプリは音楽の理論やコード進行、楽器の弾き方などが学べるアプリです。 画面は特別なぐるぐる回すようなUI。 コードを指定すると、そのコードを鳴らしたり、楽器によって指を押さえる、置く位置を教えてくれます。 また、楽器もギター、ピアノ、ウクレレ、チューナーから選択することができます。 もちろん、実際に音を鳴らして確かめることができます。 アプリとしては楽器を学ぶ初心者向けのアプリとなっています。 しかし、実際にコードを鳴らすことができるので、楽器を持たずして作曲のツールとしても使えると思います。 音楽、楽器初心者にオススメのこのアプリ、今なら無料なのでぜひ。 UIも面白いので、気になった方はぜひチェックしてみてはいかがでしょうか。 Jamn – The mu
ここまで来てる! ブラウザだけでリアルタイム3D、「ACTISKU」のWebGLデモ 【増田 @maskin】 | TechWave（テックウェーブ）
HTML5の流れとあわせてウォッチしておきたい「WebGL」ーウェブブラウザに実装されるべく仕様策定が進むグラフィック描画API(アプリケーション・プログラミング・インターフェイス)だ。 先日話題になった「CSS3Dの雲」など比較的ライトなウェブグラフィック描画実験は多数出てきているが、リアルタイム3Dソリューションを手がける仏 ACTISKUによるWebGLのデモはかなり骨太だ。 これはUnigineというマルチプラットフォームのグラフィックエンジンをWebGLに移植したものを使用したデモで、プラグイン無しで、目を見はるような3Dレンダリングを実現している。 標準的なスペックのPCなら快適に動作 FirefoxやGoogle Chromeなど最新ブラウザなら動作するので(Safariではエラーが出た)、実際に立ち上げて見て欲しい (http://crypt-webgl.unigine.c
CreateJSでスマフォ向けwebアプリを作りました | buccchi.jp
CreateJSを使って「ぬりぬり育成 ジェルミィ」という mixi アプリを制作しました。 のでその感想なんかを。 結論から言うと CreateJS 最高です。 上記QRコードよりスマフォでアクセスしてください。 ※ mixi へのログインが必要となります。 ログインメンドイ！って人はPC体験版をどうぞ。 http://vaseline.jp/nurinuri/ CreateJS でなにができるのか CreateJS には、大きく4つのライブラリが含まれています。 EaselJS canvas を as 的に扱える。as になれてる人ならすんなりいける。 TweenJS アニメーションを制御。なにかしらのトゥイーンライブラリを使ったことがあればすんなりいける。メソッドチェーンで記述できるので直感的。 SoundJS 音を制御。今回は見送り、独自に実装。 PreloadJS 外部ファイルの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
欧美亚洲色欲色一欲WWW - 欧美大片欧美激情免费看 - 欧美特黄特色三级视频在线观看
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
15 Useful Free Android Apps for Photo Editing and Design - DJ Designer Lab