2023年3月4日(土)に、ゲームメーカーズは、ゲームづくりに関わる方同士で盛り上がるためのリアルイベント「ゲームメーカーズ スクランブル」を開催しました。 本イベントでは、ゲームづくりに関する10本の講演が行われました。その中から、バンダイナムコオンライン プロデューサー 太田垣 沙也子氏による「ゲームのUIってどうやって作るの? ~チラ見せ!プロの開発テクニック~」の講演動画およびスライドを公開します。
しかし聴覚、視力、手先の器用さは、年齢とともに低下していきます。身体的な障壁としては、25歳から60歳の間でWebサイトを使用する能力が年0.8%低下することが中年ユーザーを対象としたテストで分かりました。また、65歳以上のユーザーは21〜55歳のユーザーに比べてWebサイトの使用速度が約半分になります。ですが、多くのデジタルプロダクトはこれらの変化するニーズに応えることができていません。 アクセスしにくいデザインは、高齢者だけでなくすべての年齢層のユーザーにストレスを与えます。若いユーザーでさえストレスを感じてしまうデザインは、年配のユーザーに対する実質的な障壁です。 よって高齢のユーザーによりよく対応できるようにUI設計を変更する必要があると言えます。 困りごとの具体例 そもそもどんな課題に直面しているのでしょうか。実際に高齢者がデジタルプロダクトを使用しているときに困っていることの例
ここ1, 2年でFigmaが急速に浸透しました。日本でも最近はFigmaだけでUIを制作しているところも増え、仕様やサイトマップの設計、さらにはチームでのコミュニケーションツールとしてもFigmaが使用されています。 Figmaの使い方をひと通り学びたい人に、短期間で使えるようになりたい人に、使用頻度の高い機能を優先的に解説した実用性の高い解説書を紹介します。 著者はQiitaのUIデザイナーである綿貫氏、Figmaを中心にして社内のデザインシステムを整備し、現在も拡張され続けているとのことです。 本書ではFigmaによるUIデザインはもちろん、その前段階であるWebサイトの設計図をはじめ、プロトタイプの作成、デベロッパーへのハンドオフ、さらにチームでFigmaを使用する便利機能まで解説されています。
デザインツールなどを開発しているDiagramは2月10日,Figma上でUIのデザインをユーザと共同で作成できるAIベースのデザインコンパニオンGeniusのプレビューを公開した。 Genius by Diagram URL:https://www.genius.design/ 🔅 Introducing Genius, your AI design companion in @figma It understands what you’re designing and makes suggestions that autocomplete your design using components from your design system. Genius is coming soon. Join the waitlist → https://t.co/ldAdWySptX pic
*アノマテカ* @hoshikuzucake 偏見かもしれないけど公共交通機関ってこういうとこあるよな、と思う。JRに限らず鉄道会社で「切符の買い方」みたいな基本的な情報がホームページのどこに書かれてるかわかりやすいとこってぜんぜんない。海外から来る人とか困ったりしないのかな? twitter.com/akita11/status… *アノマテカ* @hoshikuzucake 自分は身体に障害があるし遠距離恋愛してたから、デート(という名の旅行)の予定を立てたら事前に行く場所の公共交通機関をよく調べたけど、バスも前払いなのか後払いなのか、前の扉から乗るのか後ろの扉から乗るのかも、ホームページのすごくわかりにくいところに書いてあるか最悪書いてなかったりした
インターネットでラジオを聴くことができるradikoアプリが全面リニューアル! ライブ聴取体験の向上、リスナーが気になる番組により出会いやすくなりました。 株式会社radiko(代表取締役社長:青木 貴博、所在地:東京都港区)は本日1月30日(月)、いつでも、どこでも、無料でラジオを聴くことができるスマートフォンアプリ「radiko(ラジコ)」を全面リニューアルし、約2週間の期間を設けて段階的に公開いたします(カナリアリリース※)。ユーザーの皆様よりいただいたご意見を反映し、従来アプリの基本機能を生かしつつ、より便利で使い心地のいいアプリを追求。ホーム画面を刷新し、スワイプしながら放送中の番組を直感的にザッピングできるようになったほか、背景色にはコンテンツの魅力が際立つ黒を採用しました。 ※カナリアリリースとは…新バージョンのアプリをリリースする際、従来バージョンのアプリを並行稼働させなが
本連載では、SmartBankのデザイナーが「デザイナーの業務効率化」をテーマに、FigmaやNotionを活用した「業務効率改善のTips」を紹介していきます。初回で焦点を当てるのは「Figma & UI以外のデザインデータ」についてです。 こんにちは!SmartBankのデザイナーをしている春山(@yuki930)です。 私たちは、B/43というVisaプリペイドカードと家計簿アプリがひとつになった「家計簿プリカ」という新しいジャンルのサービスを運営しています。 初回となる今回は、「Figma & UI以外のデザインデータ」をテーマに、FigmaのAuto layout機能、Component機能、Component Properties機能を活用した、変更に強いデザインデータの作りかたを解説します。 UI以外をFigmaでデザインするメリット・デメリット 最初に、UI以外のディスプレ
UIデザイナーを目指す人に最初に読んでほしい「はじめてのUIデザイン 改訂版」をご紹介いたします。モバイルアプリのデザインについての必要な知識が、UIの歴史からコンポーネントの解説、情報設計の考え方など網羅的に書いてあります! UIデザイン勉強中のアシスタントデザイナーのくぼです! 今回はUIデザインを学びたい人に絶対最初に読んでほしい一冊「はじめてのUIデザイン 改訂版」をご紹介します! なんとこちらから、EPUB版は無料でダウンロードできます!Kindle版でも100円で読むことができます!すごい!(2023年1月現在) この本について 「UIデザイナーを目指している人に渡せる最初の1冊を作りたい。」この本は、そんな想いから作られているそうです。 その言葉の通り、UIデザインにおける基礎的に必要となる知識や考え方が網羅的に書いてあります。 UIデザインの重要性から始まり、UIデザインの
人とコンピュータの関係を考えると、二者間には常にインタフェースが存在します。本連載では、人とコンピュータの間に介在するインタフェースに着目し、インタフェースとそれらを世に生み出すプロダクト開発について議論します。Helpfeelが、独自のインタフェースを実装しながら、便利さと楽しさを備えたWebサービスをどのように開発しているのかについてお伝えします。 こんにちは。yuisekiです。私はHelpfeelでメディアキャプチャーツール「Gyazo」のプロダクトマネージャー兼ソフトウェアエンジニアをしています。本稿では、Gyazoの設計・開発の中でユーザー観察やイベントトラッキングから得られた、人間の認知と判断や行動、操作に関する知見をご紹介します。 人間は極めて速い 本稿で最もみなさんへお伝えしたいのは、「人間は極めて速い」という知見です。一言で表現するならば、人間はとても「短気」で「せっか
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog みなさまこんにちは。ヤフーでデータソリューション事業のUI/UXデザインを担当している、横内です。 2022年11月に弊社が運用するデータ可視化ソフトウェアのDS.INSIGHTで人流データを分析できるPlace機能を大幅アップデートしました。その際使用したOOUIという設計手法から得られた学びをプロジェクトの実例を交えながらご紹介します。 OOUIとは そもそもOOUIとは何者でしょうか。OOUIとは、Object Oriented User Interfaceの略語で、通称オブジェクト指向UIと呼ばれています。 オブジェクトとはその名の通り「役割を持ったモノ」を指す言葉です。例えばお店で買うクロワッサンや、ECサイトでカゴに入
医師は情報が詰めこまれたスライドが好き?こんにちは、株式会社CureAppデザイナーの小林です。精神科の医師ですがデザインが好きすぎてデザイナーとして働いています。 医療の世界から会社員に転身すると、日々さまざまな発見があります。先日社外の人とプレゼンテーションの話題になり 「医師向けのプレゼンでは、シンプルなものより情報が詰め込まれたスライドが好まれるんです」 と言われ驚きました。 たしかに医療系のスライドは医師に限らず文字が詰めこまれた分かりづらいスライドが主流ですが、それはデザインへの関心が低いだけでけっして「好き」なわけではない、そう思っていました。 しかし改めて「もしかして医師は本当に複雑なデザインが好きなんじゃないか?」という疑念がわいてきました。 よく見る医療系スライドの一例 https://www.dinf.ne.jp/doc/japanese/resource/kouse
こんにちは。仕様です(@shiyoumasayume)という名前でSNSをやっているゲームプランナーです。 ふだんはコンシューマータイトルプロジェクトのメンバーとしてディレクターやプロデューサーがふわっと旗を振ったコンセプトから具体的なゲームデザインをする仕事をやっています。 突然ですが、この記事を投稿している9月28日に原神というゲームがリリースされました。 今日はこのゲームで使用されているUIについてまとめてみたいと思います。 原神とは リリース前からクロスプラットフォーム、つまり様々なゲーム機で遊ぶことのできるタイトルとして話題になっており、どれだけのゲーム機かというと、PS4・iOS・Android・Windowsの4種類。つまりはPS4とWindowsPCにまたがる内容がスマートフォンでも同様に遊べるというもの。 すごいなあと思いつつ、広大な世界に好みの絵柄のキャラクターに憑依し
Appleが開発するウェブブラウザのSafariは、iPhoneやiPad、Macなどで使用されている標準的なブラウザです。ところが、効果的な高血圧薬を推奨する遺伝子検査のスタートアップ・Geneticureの創設者であるロバート・トーマス氏が、「Safariの日付を選ぶ仕組み」によって高齢のユーザーが戸惑ってしまい、Geneticureのカスタマーサポートに寄せられる苦情の3分の1を生み出していたと報告しています。 Safari's date-picker is the cause of 1/3 of our customer support issues · GitHub https://gist.github.com/RobertAKARobin/850a408e04d5414e67d308a2b5847378 Geneticureは遺伝子検査テクノロジーを用いることで、「そのユーザ
これは株式会社RevCommアドベントカレンダー2022 23日目の投稿です。 はじめに初期MacintoshのStart Up Screen こんにちは、株式会社RevCommデザインチームの三浦です。コミュニケーションデザインの分野でデザインディレクターをしています。私はMacユーザー歴30年、Appleの歴史や開発秘話が大好きで、信者としても多くのApple製品を長く愛用してきました。 Apple製品のUIは昔から非常に優秀で、MacやiPhoneなどのOSを初め、iTunesやKeynoteなどソフトウェアにおいても多くの革新的なUIを生み出してきました。 今回は1984年に登場したMacintoshが今日のUIの礎を築いたお話を書いてみたいと思います。 アラン・ケイのダイナブック構想とPARCのAltoAlan Kay, A Personal Computer for Child
トレタ代表の中村です。 年末ですね。僭越ながら、今年もアドベントカレンダーの大トリを務めさせていただきます。 今年は何を書こうかなあってずっと悩んでいたのですが、毎年「想い」やら「ビジョン」「意義」やら、同じようなことばかり書いていても芸がないので、今年は趣向を変えてみたいと思います。 テーマは実務方向に振りきって「非デザイナーはどうやってデザイナーにUIディレクションをしたらいいのか」をお題に選びました。ビジネスサイドなど、デザイナーではない人たち向けの記事です。 僕はもともとデザイナーとしての専門的な訓練は受けていないのですが、それでもUI/UXにこだわったサービスを作ろうとすると、どうしてもデザイナーの皆さんとの議論や相談、互いの考えをすり合わせることから避けられなくなります。時には対立することもありますから、このコミュニケーションは本当に大事。 とはいえ経験や知識が乏しいと、デザイ
Amebaのクリエイティブディレクターが徹底考察! UI/UXがイケてる!おすすめスマホアプリ 第1回 Twitter 2014年12月11日 TEXT:佐藤洋介(株式会社サイバーエージェント) より良いユーザー体験を提供するうえで、スマホアプリにおけるUIの工夫やユーザーの心的高価を考慮したデザインなどを、サービスの機能ごとに紹介していく本連載。第1回目ではTwitterの公式アプリを取り上げ、使い勝手とインタラクションを考察していく。 Twitter iOS版 https://itunes.apple.com/jp/app/twitter/id333903271?mt=8 Android版 https://play.google.com/store/apps/details?id=com.twitter.android&hl=ja OSによるユーザー特性を考慮した最適なレイアウトとは?
情報設計とは、端的に言うと「情報に関する混乱を整えて、理解しやすい形にする行い」です。情報設計というとなんとなくWebデザインやUIデザインに関する専門的な分野として認識されることが多いかもしれませんが、“情報” に関することなので、情報があるところには基本的にどこにでも通用します。 情報設計の専門書を漁ってみると、“ふわっとした” 話か、Webサイト設計の話に終始するものが多いのですが、本来はWebサイト設計以外の分野にも通用する考え方です。今回はiOSなどのアプリケーションデザインに焦点を当てて、UIの情報設計というものを考えてみたいと思います。 この資料では、「情報設計としてのUIの組み立て方と考え方」をテーマとし、すでにあるようなUIの実例を用いて情報設計視点でのUIデザインの解説を試みます。UIの具体イメージと結果から設計の意図というものをクイズ形式で考えられる内容となっています
この記事はGoodpatch Advent Calendar 2022 18日目の記事です。 ソフトウェアエンジニアの 池澤です。 ここ最近はテクニカルディレクションとして仕事に関わることが増えました。その中で要件定義を作ったりデザイナーとエンジニアの橋渡しをする機会が多く、メンバーみんなが同じゴールを認識して制作できるようなより良い要件定義方法はないものかと探していました。 今回はそんな中で見つけたモダンな要件定義手法の一つ、RDRA(ラドラ)について、理解しやすくなるコツやカスタマイズしている内容についてお話しします。 なお、RDRAの詳細解説をするととても書ききれませんので、RDRA本体の詳細については公式サイト等をご参照ください。 RDRA(ラドラ)とは? 概要 RDRAのバージョン これまでの要件定義でよくある問題 期待される要件定義の姿 公式サイト おすすめの学び方 実際のRD
こんにちは、デザイナーの小蕎です。UX DAYS TOKYOの読書会で学んだ”心理学や脳科学”の内容を取り入れた「脳科学で習慣化を促すアプリ(以下、習慣化アプリ)」を作ってみようということになりました。 アプリの画面設計をして、オーガナイザーである大本さんからUIを指摘されることで多くのナレッジを得られました。知識として頭にいれるだけでは身につかない、実際に作ってみたことで学べた事例をご紹介します。 CTAはメインカラーと異なるものを利用する 色を決定していく時に、ヘッダーや行動を誘導するボタン(CTA)もメインカラーにあわせた色にしていました。 それが左の画像です。ヘッダーと「次へ」ボタンが同じ色になっていて一見まとまりがあるように見えますが、馴染みすぎてしまいCTAであることや強調したい部分がユーザーに伝わりません。 メインカラーとボタンを同じにしてしまうと画面に馴染みすぎてユーザーの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く