2018/4/27（金）に渋谷・DeNAオフィスで開催した『UI Crunch #13 娯楽のUI - by Nintendo -』。"もっと楽しく"を追求する、任天堂のUIデザイナー3名をお迎えし、「Splatoon」 や「Nintendo みまもり Switch」 などの事例を交えながらお話いただきました。 https://ui-crunch.connpass.com/event/82969/ 　 ■■■■コンテンツ■■■■ 00:00:00～ 自己紹介・もくじ 00:03:57～ ①あそび心とUI 00:23:02～ ②SplatoonUIの狙い 00:42:22～ 任天堂の紹介 00:46:14～ ③NintendoみまもりSwitch は 誰のもの？ 01:07:07～ さいごに 01:10:51～ Q&A 【UI Crunchとは】 UI Crunchは、DeN

世界中の人の心を掴んだ「スプラトゥーン」、文字や細かなパーツをみただけで「スプラトゥーン」とわかる作り込まれた世界観。そのUIデザインプロセスとは？ 「わかりやすさ」と「新鮮さ」の両立を目指して ※ 2018年4月に開催された「UI Crunch #13 娯楽のUI - by Nintendo -」のレポート記事としてお届けします。 「スーパーマリオ」「ゼルダの伝説」「どうぶつの森」など、これまでに数々の大ヒットシリーズを世に送り出してきた任天堂。 そんな任天堂が、新規タイトルとして企画し、開発したのが「スプラトゥーン」だ。 スプラトゥーンはインクを撃ち合うアクションシューティングゲーム。2015年5月にWii U専用のゲームソフトとして発売された。 いわずもがなの大ヒットタイトルとなったが、その大きな特徴は作り込まれた世界観。UIデザインを担当した、橘 磨理子さんは「わかりやすさ」と「新

「UI Crunch #13 娯楽のUI - by Nintendo -」に参加しました。世界的にも注目される企業かつあまり表に出てこないデザイントークが聞けると言うことで、倍率も相当なものとなっておりました。この企画は構想から2年くらいかかったそうで、とても濃いお話を聞くことができました。めちゃ感動しました。今回は、そちらのイベントレポートです。最初の方あまり写真を撮らなかったので、後半の写真が多めになります。 1人目は、UI/UX デザイン チーフの正木さん。「娯楽UIの思考の原点」についてお話いただきました。 Nintendo流の「伝え方」Nintendoが人に何かを「伝える」時にこだわっていること。それは、以下の3つです。 ・「教える」ことよりも「体験する」ことで、より早く、的確に伝えることができる。 ・初めての体験は一度きり。新鮮な印象を大切にする。 ・体験はやっぱり面白くしよう

生産的でストレスのない、優れたUIをデザインしたいなら、Ben Shneiderman氏の「インターフェイスデザインの８つの黄金律」に従いましょう。Apple、Google、Microsoftは、Shneiderman氏のルールに沿った製品によって、大成功を収めた企業なのです。 Shneiderman氏の黄金律は、上記のような巨大企業が作成したさまざまなUIのガイドラインに見られます。これらの企業が生み出した人気の高いインターフェイスには、これらのルールがさらにわかりやすく実装されています。この記事では、８つの黄金律についてまとめ、インターフェイスを改善する方法を説明します。 Ben Shneiderman氏（1947年８月21日生まれ）は、アメリカのコンピュータ科学者、メリーランド大学 Human-Computer Interaction Lab.の教授です。彼の功績は、Don Norm

本日からついにApple Watchの実機がお目見えとなりました。私も早速Apple Storeに行って試着・試用してきたのですが、予想以上にアプリ開発に影響がありそうな点が多数見つかりましたので、思うところをブログ記事にまとめて公開しようかと思います。 ■小さい、とにかく小さい Apple Watchの実機を身につけてまず最初に感じるのがその圧倒的な小ささです。この小ささというのは これまでのAndroid Wearデバイスのどれと比べても感じる相対的な小ささ Apple Watch上で表示されているUIを見て感じる絶対的な小ささ の2つの要素から感じられます。 試しに私が身につけているAndroid WearデバイスとApple Watch Standard 42mmを並べて写真をとってみたのですが、見ての通り42mmモデルですら表示領域がずいぶんと小さいのがわかります。 その上App

スマートフォンの普及で、PCで閲覧するWebサイト（以下、PCサイト）に対する注目度は下がっています。しかし、BtoBのデジタルマーケティングにおいては、PCサイトが今後も戦略の中心になるでしょうし、BtoCにおいても、PCサイトが不可欠な領域もまだまだ多いです。 ハードウェア的に大きな変化のないPC向けのWebデザインというと、ノウハウは固定化されている印象もありますが、実際には時代の流れを受け、今も変化を続けています。特に以下のような環境変化が、PCサイトのUIデザインにも大きな影響を与えています。 表示デバイスの多用化 スマートフォンアプリの一般化 タッチスクリーンの普及 トレンドに合わせれば成功、というではありませんが、その根底に流れているユーザ動向の変化については、十分に理解しておく必要はあるでしょう。そこでこのエントリーでは、PCサイトのUIデザインにおける最新動向を、その背景

あけましておめでとうございます。 今年も Lifehacking.jp は「人生を変える小さな習慣」を小さなハックや便利なアプリ、あるいは手元を変える文房具や思考を変える考え方といった多方面から書いていきたいと思います。 ところで新春の本家Lifehackerで、看板のようなUIでEvernoteでタスクを管理するKanbanoteが紹介されていました。 開発者が半日程度で作ったというこちらのサービスですが、簡単でいながら強力なプロジェクト管理のツールになりそうなので紹介したいと思います。 ３つのリストで仕事のフローを制御 このサービスのもとになっているのは、パーソナル・カンバン方式という、仕事を３つの流れで制御するという考え方です。 Doing「やっていること」、Done「終わったこと」、Backlog「未処理」の３つのリストを作り、それぞれの間で単位となっているタスクをやりとりするとい

人工知能がスタイリストになるファッションアプリ「SENSY（センシー）」がリリース、アートディレクションはライゾマの真鍋大度氏 東京を拠点にしたスタートアップCOLORFUL BOARDが人工知能がスタイリストになるファッションアプリ「SENSY（センシー）」をリリースした。 COLORFUL BOARDはこれまで全国のクリエイターをネットワークし、クライアントのテーマに沿ったコンテストを開催、商品化を支援する「コ・クリエーション」事業、人工知能とスコアリングシステムを活用し、売上を最大化するためのMDやプロ モーション計画の策定を支援する「プレマーケティング」事業等を展開してきた。 今回、新たにリリースしたのが人工知能を活用して個人の好みを学習し、その人に合ったスタイリングを提案してくれるファッションアプリ「SENSY」だ。 AIがファッションセンスを学習 「SENSY」ではアイテ

大きな画面でクロームを隠しても、コンテンツ対クローム比はほとんど改善されないばかりか、発見しやすさやインタラクションコストに大きな影響が出てしまう。 Maximize the Content-to-Chrome Ratio, Not the Amount of Content on Screen by Raluca Budiu on August 3, 2014 日本語版2014年10月14日公開 先日、読者の1人から、最近のトレンドの「メニューのない、ひどいウィンドウ」への不満を述べたメッセージが届いた。彼はそれをダッシュボードの全機能がグローブボックス内に隠されている車に例えていたが、彼をいらだたせていたのは、Firefoxの新しいデスクトップバージョンが「Chromeブラウザのまね」をして、ハンバーガーアイコンの下にメニューの選択肢を隠していることだった。 Firefoxのハンバーガ

入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル

次期Androidバージョンの新しいUI情報をAndroid Policeが報じました。 新しいUIでは、アプリはウェブ経由で素早く実行されるようになるとのことです。 また、アプリごとにイメージカラーが導入され、ステータスバーもイメージカラーに変わることで統一感のあるUIになっています。 アプリ使用履歴のUIも刷新しています。 UIの刷新プロジェクトは、Google内部では「HERA」と呼ばれているようです。なお、HERAはギリシャ神話の結婚を司る女神で、Androidとウェブの結婚(融合)を意図しているものと思われます。 新しいUIでは、アプリはAndroid上で動作する特殊なChromiumが使用され、Google純正のアプリだけでなくサードパーティー製のアプリもウェブ経由でウェブアプリとして実行されるとのことです。 現状、アプリはネイティブアプリとして端末内から直接起動し

握れるうちに握っておきましょう。 くるっと回すドアノブ…が、カナダのバンクーバーで全面禁止になりました。 9月に建築基準法の改正案が市議会を通過し、新築の建物からドアノブは全面撤廃になり、ドアも蛇口もレバー取り付けが義務化されたのです。 施行前に取り付けたドアノブはそのまま使っていいらしいんですけどね。 撤廃の理由は、誰でも平等に使える｢ユニバーサルデザイン｣を優先するためです。ブリティッシュコロンビア大学ソーシャルワーク学部長のティム・ステイントン（Tim Stainton）教授はバンクーバー・サンの取材にこう語ってます。 要するに、万人が普遍的に使える環境をつくろうっていう発想です。旧モデルは有用モデルでした。つまりあるスペースがあって、必要に応じてそのスペースを障がいのある人も使えるかたちに変えるという発想です。が、ユニバーサルデザインは逆転の発想で、最初から最大限の人が使えるよう全

2025/02/19尾上 永晃X山上 陽介X川田 琢磨ウワサのあの人とAICO2を使ってみた！No.3

1. Lock-screen & status-bar shows time 9:41 am, the clock app icon in Home-screen shows time 7:50. The actual device time is 5:22 pm as shown in the top status-bar! 2. Date in Lock-screen is 9 January, Tuesday, while date in Calendar app icon is 26, Saturday. Actual device date is 27 October, Sunday!