「“回復”はプレイヤーの時間を奪う要素だから要らない」──『サガ』生みの親・河津秋敏氏が語る、超鋭角な「攻める」ゲームデザイン論。最新作『サガ エメラルド ビヨンド』では短くかつヒリつくバトルを追求、「プレイヤーに同じような体験を何度もさせない」ことを目指した
RPGでは当たり前に存在する「回復」と「ショップ」をなくした理由──「回復」というのはこれまでのRPGにおいて当たり前に存在している要素だと思うのですが、『サガ エメラルド ビヨンド』では回復がないとお聞きしています。なぜRPGのバトルから回復という存在を排除したのでしょうか？ 河津秋敏氏（以下、河津氏）： 自分としては、回復はバトルを引き延ばしてプレイヤーの時間を奪っている要素だと思っているんです。ゲームに縛り付ける時間を長くするだけの要素で、必要性を感じないんですね。 ──回復はユーザーの時間を奪っている……ですか。これまでRPGには当たり前に存在していた要素なだけにその視点は驚きです。 河津氏： それに回復があると、回復役に盾役に攻撃役にと、パーティ編成が固定化されてしまうじゃないですか。そうすると自由度がなくなる。 自分自身、HPが削られるのが嫌いなのでどうしても守りを固めて回復で
input[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案
input[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案 2023.12.23 スイッチは多くのウェブサイトで使われているものの、HTML の標準要素としては存在していませんでした。そのため多くの開発者は、スイッチを実装するために独自の実装を行っていましたが、このような独自の実装はアクセシビリティの問題を引き起こす可能性がありました。この問題を解決するために、WHATWG により `input[type="checkbox"]` 要素に `switch` 属性を追加することが提案されました。この属性を指定することで、チェックボックスをスイッチとして利用できます。 input 要素の switch 属性は 2023 年 12 月現在実験的に実装されている機能です。将来的に仕様が変更される可能性があります。 スイッチ とは
![input[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案](https://cdn-ak-scissors.b.st-hatena.com/image/square/9f498fff7f14d1f4ab6c565817f30f1ad084c770/height=288;version=1;width=512/https%3A%2F%2Fazukiazusa.dev%2Fblog%2Fogp%2Finput%255Btype%253Dcheckbox%255D%2520%25E8%25A6%2581%25E7%25B4%25A0%25E3%2581%25AB%2520switch%2520%25E5%25B1%259E%25E6%2580%25A7%25E3%2582%2592%25E6%258C%2587%25E5%25AE%259A%25E3%2581%2599%25E3%2582%258B%25E3%2581%2593%25E3%2581%25A8%25E3%2581%25AB%25E3%2582%2588%25E3%2582%258B%2520HTML%2520%25E6%25A8%2599%25E6%25BA%2596%25E3%2581%25AE%25E3%2582%25B9%25E3%2582%25A4%25E3%2583%2583%25E3%2583%2581%2520UI%2520%25E3%2581%25AE%25E6%258F%2590%25E6%25A1%2588%2FHTML.png)
X「返信・リポスト・いいね」の数を非表示に マスクが宣言 | Forbes JAPAN 公式サイト（フォーブス ジャパン）
イーロン・マスクは、X（旧ツイッター）のタイムラインに表示するものを減らし「よりクリーンな」見た目にするという新ビジョンを掲げている。そのためには、基本的な機能や使い勝手が犠牲になることもいとわない。ニュース記事の見出し削除に続き、今度は返信やリポスト（リツイート）、いいねのデータをタイムラインから削除する予定だ。 マスクは今週、記事へのリンクを含む投稿でこれまで表示していた記事の見出しと本文の一部を削除し、左端に小さくドメイン名のみを表示した画像だけを残すという仕様変更を行った。これはマスクがかねて宣言していたもので、見た目をすっきりさせることが目的とされる。またマスクの支持者たちは、これにより、紛らわしいタイトルなどでクリックを誘発する「クリックベイト」も減らせると主張している。 もちろん、実際にはその逆だ。この仕様変更により、実際の記事内容とはまったく異なるテキストをつけて、あたかも
アイドルヲタクが応援うちわで考えるユーザー体験設計｜kokoro_tachibana
この記事は、Retty Advent Calendar 2022 Part2、１５日目の記事です🎄 こんにちは。Rettyでプランナーをしているたちばなです。 今年も学びを書くぞー！とはりきっていたのですが、今年最大の学びは急遽、「推しは推せるときに推せ！」になりました。 お察しの通り、キンプリ担です。（察してない方すみません、この調子で書いていきます） ということで、まじめに書くことをやめました。 箸休めにご覧ください笑 （ヲタクプランナーには参考になるかも、、、と期待を込めて） はじめに今年のドームツアーの激かわペンライトみなさんの推し活の喜びってなんですか？ 私は現場に行き、ファンサービスをもらうことが喜びです。 今回はジャニーズのコンサートにおいて、この喜びを味わうためのユーザー体験設計を行います。（くだらないことをまじめに書きます） 「応援うちわを作る」というHOWが決まった状
ユーザーインタビューの体験設計｜ノムジュン
こんにちは。ノムラ（@nomjic）です。 BASE株式会社でUI/UXデザイナーをやっております。 先日、「PMと並走するデザインリサーチ」という記事をお書きしました。 本記事では前回記事の補足にあたる、「ユーザーインタビューの体験設計」をお書きしたいと思います。 ユーザーインタビューを行う際、ただ用意した質問を問うだけでなく、話しやすい状況づくりや、社内メンバーが気軽に様子を観に来れる環境づくりなど、様々なことを意識しています。 いろいろ試行錯誤して知見が溜まってきたので、ご紹介します。 インタビュイーエクスペリエンス参加可否を聞く時は、2択でなく3択インタビュー自体ではなく、インタビュー参加の同意を事前にもらう際の工夫なのですが、「YES / NO」の二択から「積極的YES / 消極的YES / NO」の三択にしたら、劇的にYESの数が増えました。 具体的に申しますと、以下の通り。
リモートユーザーテストにおける3つの工夫｜よしおかし・おり🍞
こんにちは。コネヒトでママリアプリのプロダクトマネージャーをしています、おりです。 わたしはユーザーリサーチ大好きマンで、これにおいてはデザイナーの領域にずけずけと入り込むタイプのPMなのですが、 今回は「リモート環境におけるユーザーテスト」の苦悩と実現方法ついてお話ししたいと思います！ ユーザーテストをしたいと思った背景私のチームでは定期的にユーザーのことを理解するため、また、そのときに抱いている仮説を即座に検証できるようにするために、約2か月に1度の頻度でユーザーインタビューを行っています。 その時々の検証したい内容によって、ママリのユーザーが対象になるときもあれば、ママリを使っていない方が対象になるときもあります。 さて、今回検証したかったことは、「検討しているアプリの新規デザインで、ユーザーは実際にどんな体験をするのか」というものでした。 そのため、ユーザーインタビューというよりも
トグルスイッチの誤用をやめよう
AnthonyはUX Movementの設立者で執筆者です。素敵なWeb体験をこよなく愛し、ユーザのために日々奮闘しています。 トグルスイッチを使うべき場合と使うべきでない場合があります。デザイナーが誤った使い方をするとユーザーの混乱とイライラにつながります。使うべきタイミングを知るには、さまざまなタイプのトグルの状態や選択肢について理解する必要があります。 文脈上の状態 vs システムの状態 トグルスイッチとトグルボタンをデザイナーは混同しがちです。両方とも状態を管理しますが、トグルスイッチとトグルボタンには根本的な違いがあります。トグルスイッチはシステムの状態を管理し、トグルボタンは文脈上の状態を管理します。文脈上の状態のトグルはユーザーが見ようとしている現在の画面にのみ影響を及ぼしますが、システムの状態のトグルはアプリ全体に影響を及ぼします。 トグルスイッチを文脈上の状態のために使う
これってだめなの？！ 〜日本人の親切心が仇となるUI設計〜 ｜ CJコラム
これってだめなの？！ 〜日本人の親切心が仇となるUI設計〜 日本人の「おもてなし」の心。それは世界にも誇れるすばらしいものだと思います。 Webサイトを制作するときもに、「より親切に使いやすく」と情報や選択肢を多くすることがあると思います。 ところがその親切心が外国人を混乱させてしまうこともあるようです。 外国人（主に欧米系の外国人）に向けた検索をメインのサービスとしたサイトのデザインをしていた時のこと、 どのページからも検索をできた方がよりユーザーフレンドリーだろうと全ページ共通のヘッダーに検索窓を設置。 そのためメインの検索ページではヘッダーとメインの検索窓と２つの検索窓があることになりました。 日本人スタッフはヘッダーは全ページ共通であることは前提であり検索窓が２つになることをあまり気にせず、 むしろちょっと便利で良いのではないかと思っていました。 ところがネイティブスタッフからこの
最近気になるWebデザイン～水平スクロールを取り入れた個性的なWebサイト～ ｜ CJコラム
最近気になるWebデザイン～水平スクロールを取り入れた個性的なWebサイト～ Webデザインならではの動きに「スクロール」があります。少し前はスクロールは少ない方が良いと言われていたことがありましたが、スマートフォンの普及により、縦のスクロールに対する抵抗は薄れ、今では縦に長いページは一般的になりました。そのおかげでデザインも、限られたスペースにできるだけ詰め込むことを求められることも少なくなり、余白を十分にとった美しく見やすいWebサイトが多く見られるようになっています。 さて、そのスクロールを縦方向ではなく、横に動かすWebデザインが増えてきているように感じます。マウスでの動きは縦方向と同じなのですが、画面が横に、水平方向に動きます。自分が予想していた動きと違う動きをした時の驚きや違和感は結構なインパクトがあります。もちろんこれは、PCで見た場合です。ではスマートフォンの場合はどうなる
ユーザー獲得や売り上げにつながる、UI/UXデザインとは？
インターネットやスマートフォンが普及した現代で、自社のビジネスを多くの人に知ってもらう上で欠かせないのがウェブサイトです。伝えたい情報が一つのプラットフォームにまとまった便利なツールではあるものの、見た目や使い勝手によっては情報が伝わりづらく、ユーザー獲得につながりにくいウェブサイトも少なくありません。そこでウェブサイトを訪れた人に伝えるべき情報が届くよう、押さえておきたいのがUIとUXデザインです。 今回は意外と知られていないUI/UXの特徴から、最適なUI/UXデザインを設計する上でビジネスオーナーが準備しておきたい点を解説します。 UI/UXについて パソコンやスマートフォン上でアプリやウェブサイトを利用する際に、「使いにくい」「見にくい」と感じたことはありませんか。こういった弱点をカバーし、ユーザーにとって魅力的かつ使いやすいウェブサイトやアプリケーションをデザインするのがUI/U
ヤスヒサ 🧞♂️ on Twitter: "「もうUXには希望を失った」と強烈なタイトルのこの記事。共感するとこもあるので以下、雑要約と解説。 https://t.co/NCAczIyR6g"
「もうUXには希望を失った」と強烈なタイトルのこの記事。共感するとこもあるので以下、雑要約と解説。 https://t.co/NCAczIyR6g
はじめてのユーザーテスト 〜リモート編〜｜hitomi nabeno
コネヒト株式会社でデザイナーをしている鍋野です🍲 こちらはコネヒト Advent Calendar 2020 11日目の記事です。 先日なっぴさんがコロナの渦でユーザーインタビューを実施したことについてnoteを書いてくださっていたのですが、本日は最近リモートで実施をしたユーザーテストについて、いろいろと学びがあったので記事にしてみようと思います。 少しでも読んでくださったみなさんの参考になるとうれしいです。 ユーザーテストの目的今回ママリのアプリ内で一部機能のUIを大幅にリニューアルをすることが決まったため、ユーザーテストを実施することで ・新しいUIの操作感に迷いがないか ・リニューアルをしたあとのデザインを実際使ってみてどのような印象を受けるのか など、開発実装前に確認をすることを目的に、ディレクターの星野さんと私で社内のママさんにご協力いただき、簡易的なユーザーテストを実施しまし
よりユーザーを中心としたデザインスプリントを考える
この記事はUX for the Massesからの翻訳転載です。配信元または著者の許可を得て配信しています。 Making 5-day designs sprints more user-centred もし１つだけ超常的な力が手に入るとしたらなにを選びますか？ 私なら未来を予見できる予知能力を選びます。想像してみてください。株式市場はもちろん、あらゆるギャンブルで大儲けできるだけでなく、プロダクトやアイデアが実現されるのかずっと前にわかってしまいます。たとえばFacebookやTwitterが世に出る前にそれらをつくることができます。フラットデザインが主流になるずっと前にそれをつくり出して、友達をあっと言わせることもできました。いつでもどのデザインがうまく行って、どのようなアイデアが成功するのかを知ることができるでしょう。時代遅れのデザイナーになることは決してなく、いつでもスーパーデザイ
三井住友銀行アプリについてお話します。｜SMBC DESIGN
こんにちは！三井住友銀行 デザイナーの堀と申します。 前回の初投稿から、SNSなど多方面でたくさんの反応をいただきありがとうございました。予想以上の反響で銀行内でも話題となり、三井住友銀行のデザイナーの活動が少しでも広がったことにうれしく思います。 その中で「銀行アプリが変わった」とのコメントを多くいただき、自分たちが関わったプロジェクトがお客さまの手元に届いているんだなぁと感動しました。 今回はその「三井住友銀行アプリ」について書いていきたいと思います。 本題に入る前に…、お伝えしたいことがあります。 三井住友銀行初！2019年度グッドデザイン賞を取りました！！（ぱちぱちぱち） デザイナーだけでなく、たくさんの方々のご協力、お客さまの声から作られたアプリなので受賞したときは本当にうれしかったです。 それでは本題です。 アプリリニューアルの背景 様々な理由がありますが、まずはこれです。 キ
登録画面から404ページまで。転職ドラフトのUI/UXにまつわるお話｜転職ドラフトReport
登録画面から404ページまで。転職ドラフトのUI/UXにまつわるお話2019-04-05 08:00 こんにちは。転職ドラフト開発担当です。 今回は、転職ドラフトのUI/UXにまつわるお話です。 転職ドラフトでは、サービスとしてのKPIに直接つながらなくても、エンジニアに特化した転職サイトとしてのこだわりや、転職市場に対しての我々の思想を反映するような機能を積極的に実装しています。 そんなこと言われてもピンと来ないと思うので、具体例をいくつかご紹介していきますね。 エンジニアのエンジニアによるエンジニアのためのサービス 転職ドラフトは、エンジニアのためのサービスです。 だからこそ、エンジニアの使い勝手にこだわっています。 サインアップのバリデーションは正規表現で ー バリデーションにひっかかるのも、山のようにある入力ルールを読むのも面倒。エンジニアなら、正規表現で書かれた方がわかりやすいで
FOLIOリブランディングの裏側 ──構想からリリースまでの8ヶ月の軌跡──｜広野 萌
株式会社FOLIO CDO（Chief Design Officer）の広野です。 この度、オンライン証券サービス「フォリオ」の正式リリースに伴いまして、思い切ったリブランディングをおこないました。 ビフォーアフターはこちらです。 ご覧の通り、今回のリブランディングプロジェクトはいわゆる「ロゴリニューアル」に留まらず、サービスを提供する上でのスタンスを改めて定義し直した、新たなブランドとしてのフォリオを再誕させることになりました。 パット見のビジュアルでいうと、安心を感じさせる「青」から、躍動感のある「赤」に変わるのですから、FinTech系スタートアップとしてはかなり挑戦的なリブランディングのようにも思われるかもしれません。 ここまで辿りつくのに紆余曲折ありましたが、包み隠さずリアルな8ヶ月の軌跡をここに記したいと思います。 【目次】 1. 危機感 2. 幕開け 3. 壁 4. 光 5.
うわっ、日本のWebデザイナーの年収、低すぎ…？
以前、Webクリエイターボックスの「世界のWebデザイナーのお給料はいかほど？」という記事が話題になっていました。 記事そのものではなく、記事に対する Twitter や、はてなブックマークのコメントでの反応を見ていて個人的に気になったことがありましたのでここにまとめました。 「他の国とくらべて日本のWebデザイナーの年収は低すぎる」とか「海外に脱出するしかない」と嘆いている方がかなりいらっしゃったようですが、こういう見方もありますよ、ということで… ※この記事は、2013年に公開したものを2019年にリライトしたものです。 Webデザイナーは、海外に移住すれば給料が上がる？ 特定の方を晒しあげるつもりはないのでツイートを埋め込むのはやめておきますが、Twitter では「世界のWebデザイナーのお給料はいかほど？」という記事をツイートするときに、以下のようなコメントをつけている方が何名か
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
三菱UFJ銀行、法人ネットバンキングの出来の悪さをリニューアルで更にパワーアップさせてしまう : 市況かぶ全力２階建
could
iOSUIデザイナーとして、新規事業に携わること1ヶ月半のできごと。｜ふぶきち｜note