クラウドとかコンテナとか、働く時に使うツールの中身は進化してきているが、今後PCの最外部の人が触れるUI、すなわちディスプレイとマウスとキーボードが変わることはあるのだろうか VR?AR?でも結局キーボードは画面に表示されそうな気がする デバイスは変わっても、"画面"と"画面に映るモノを選択する手段"と"文字を入力するデバイス"、今後もこの3つのUIが変わることはないのではなかろうか それとも今新たなUIが検討されているのかな 次は脳波とかしかないと思う
「ダークパターン」と呼ばれるサイト設計が欧米で問題となっている。利用者をだましたり、望まない行動を導いたりするUI(ユーザーインターフェース、顧客との接点)、UX(ユーザーエクスペリエンス、ユーザー体験)を指し、米連邦取引委員会(FTC)が企業に警告する事態になっている。 典型例は解約方法が煩雑なサブスクリプション(定額課金)サービスだ。米紙「ウォール・ストリート・ジャーナル」(WSJ)の日本版も当てはまるとして、利用者から改善を求める声が相次いでいる。 「ゴキブリ捕獲機」 ダークパターンは、UXの専門家である英のハリー・ブリグナル氏が提唱した。 ブリグナル氏は「ウェブサイトやアプリで使われているトリックのことで、何かを購入したり登録したりするなど、意図しない行動を取らせるもの」と自身のサイトで説明し、12に分類している(画像参照)。下記はその一例だ。 ・ゴキブリ捕獲機:ある状況(会員)に
機能とUIの進化はなぜ比例しない? UI研究者に聞く、使いやすさの本質とUIのこれから 「私たちは慣れに支配され、使いにくさに気づいていない」 UI研究者・増井俊之氏が語る“使いやすさ”の本質 誰もが気軽に電子機器を持つようになった今、私たちの生活はデジタルの恩恵で確実に便利になっています。しかし、UIは“よりよさ”を求めた結果、期待した評価とは正反対の声が集まること少なくありません。 そこで今回は、慶應義塾大学環境情報学部の教授で、予測型テキスト入力システム「POBox」やiPhoneのフリック日本語入力システムの開発者であるUI研究者の増井俊之氏に、UIの本質についてお話をうかがいました。まずは増井氏がUIに関わることになったきっかけと、使いやすさの本質について。 UI研究に関わるようになった流れ ーー学生時代には電子工作やソフトウェアに興味をお持ちで、現在のUIにつながる研究は社会人
はてなスターは、ある程度気の利いたことが言えて、タイミングよくブックマークできれば、スターは簡単に集まる。 逆に言うと、時間を外しても、コメントがわかりにくい文体になっていると全然スターはつかない。 人気コメ常連であることが、更にスターが付きやすくなる条件にもなるが、それも最初の条件を守っていればクリアできる。 人気コメは人気コメになるだけの気づきを与えてくれることももちろん多いが、 ある程度以上の上位に食い込む方法はテクニックでしかない。 それよりも、人気コメになりにくい時間にブックマークをしている冷静な意見を書いている人をお気に入りに入れた方が、何倍も気づきを与えてくれる。 はてな社は、人気コメのアルゴリズムをいじるより、もっとお気に入り機能を使おうと思えるUXにするなりなんなりした方がいいと思う。 はてブは頭のおかしな人も多いが、昔は無駄に相手の人格だけを攻撃して喜んでいるような、下
ホーム ニュース SIE、「バナナをコントローラーにする技術」を特許申請。身近なものなら何でも入力デバイスにできる新テクノロジー ソニー・インタラクティブエンタテインメント(SIE)が、「バナナをコントローラーにする技術」を特許申請したようだ。海外メディアのGamesIndustry.bizが伝えている。「ビデオゲーム用にユーザー入力を生成するシステムおよび方法(SYSTEM AND METHOD FOR GENERATING USER INPUTS FOR A VIDEO GAME)」との名称で特許が申請されている。 特許申請の中でSIEは、近年のビデオゲーム周辺機器の多様化を指摘。技術が複雑化しコストが高くなったために、ユーザーがゲームを遊ぶ上での障壁となっていることを問題提起した。その上で、「安価かつシンプルで、電子機器ではないデバイスを、ユーザーがビデオゲームの周辺機器として利用で
こんにちは。pixiv事業本部のUIUXチームでプロダクトマネージャーを担当しているdo7beです。ピクシブにエンジニアとして入社して5年弱ほどで、1年前からプロダクトマネージャーとして活動しています。 今回は僕が所属しているUIUXチームの歴史とフロントエンド技術のモダン化についてご紹介していきたいと思います。 UIUXチームとは UIUXチームとは、その名の通りUIに関する問題解決・改修・新機能開発を行うチームです。その他にも海外ユーザーに向けたSEO・ローカライズやフロントエンドエンジニアの教育を行っています。 UIUXチームでは意図・目的に合ったUIを目指すためデザイナーとエンジニアが密にやりとりしています。これは学生アルバイトエンジニアも同様で、新規機能をリリースするなどの大きな成果を挙げています。 イラストを魅力的に紹介! pixivでAMP Storiesを実装しました @s
最近のスタートアップにおけるロゴトレンドでは、そのスタイルに多くの類似性があることがわかった。その中でも、特にスマホ向けのアプリの影響でアイコンの存在がそのブランドを強く印象づける役割を果たしている。 【トレンド分析】最近のロゴデザインが似通ってきている問題 – 第2弾 多くのアイコンがどんどんカラフルに限られたスペースに複数のアイコンが並ぶスマホのホーム画面で存在感を出すためなのか、最近のアイコンはどんどんカラフルになってきている。これは、画面の解像度が上がってきている恩恵でもあるが、どんどん没個性にもつながっている。 カラフルアイコンの代表的なのがインスタグラム。インスタは2016年にそれまでのカメラ風のアイコンから、思い切ってカラフルなグラデーションを取り入れたアイコンにリデザインを行った。 Googleサービスの見分けをつけるのが難易度高めカラフルなカラースキームの代表といえばGo
黒い画面に“コマンド”を入力して操作を実行する「コマンドプロンプト」。慣れていないと少しとっつきにくいその画面を、LINEっぽくすることで親しみやすくした「チャット風コマンドプロンプト」を実際に作ってみた人が現れ話題になっています。 プログラマーでITエンジニアのkenji(@kenjinote)さんが開発し、GitHubでソースコードなどを公開しています。 チャットでメッセージのやり取りをしているような見た目で、こちらがコマンド(命令文)を入力すると、返信のような形で内容が表示・出力されます。入出力がはっきり分かれていて見やすく、“相手側”がアイコン付きなのが、なんだかホッとします。なにより全体的にかわいらしい。 チャット風コマンドプロンプト(画像提供:@kenjinoteさん) 通常のWindowsのコマンドプロンプト このアイデアは、Web制作企業ビックリマークの代表取締役でエンジニ
プレイステーション 5では「×ボタンで決定」が統一される――。PS5の体験レポート記事が各メディアで次々と解禁されるなか、「決定ボタン」についての地味に大きな変更が「○ボタンで決定」に慣れ親しんできたプレイヤーをざわつかせています。ねとらぼ編集部でもソニー・インタラクティブエンタテインメント(SIE)に問い合わせたところ、「“×で決定”は事実で、システム設定での変更もできない」と判明しました。 PS5からは欧米で主流の「×で決定」に、全世界で統一(画像は標準コントローラーの「DualSense」) 話題のきっかけは、AV Watchやファミ通.comなどに掲載されたPS5の実機プレイレポート記事。専用コントローラー「DualSense(デュアルセンス)」の使用感を説明する流れで、「日本のゲームも含め全ての設定で『×』が決定に変わる」と、SIE広報への取材をもとに述べられています。 これまで
はじめに 私はデザイナー兼フロントエンドエンジニアというような立ち位置で、勤務するfreee株式会社のアクセシビリティガイドラインの作成に関わったり、アクセシビリティまわりの仕組みの整備や社内エバンジェリストみたいなことをしています。 もともと私はWebアクセシビリティという分野が、重要なものである以上に技術や考え方として面白いと思ってやっているうちに気付いたら仕事で大きなウェイトを占めるようになってしまったタイプの人です。しかし、そうではない人たちにその重要さを説明したり、対応をお願いしたり、そのための資料を作ったりしているうちに、「やっぱWebアクセシビリティって難しいんだなぁ」と思うようになってきたので、それについて書いてみようと思います。 なお、背景を説明するうえで必要なので社名を出しましたが、あくまでこの文章は個人の見解であり、所属組織とは関係がありません。 誰のためにやるのかが
白栁隆司@エンジニアカウンセラー @ShirayanagiRyuj @assialiholic すみません。 何故悪いフォームなのかが理解できないのです。 普通のフォームだな、と思ってしまいます。 お手数ですが、解説をお願いできますでしょうか? 2020-09-11 10:46:09 歩くCSS設計完全ガイド / HubSpot Tech Ninja @assialiholic @ShirayanagiRyuj 主に ・カードのブランドは選択させる必要がない(カード番号から判別できるため) ・カード番号入力欄が4つに分かれている(おまけに4桁入力したら勝手に次に遷移するので、修正が面倒です。入力欄は1つでOK) ・有効期限に独自の並び、形式を使用している(ここでめっちゃハマりました) です! 2020-09-11 10:50:52 白栁隆司@エンジニアカウンセラー @Shirayanagi
最近はクオリティの高いアプリも増え、UIの見せ方も工夫されて昔より質の高いアプリが増えましたが、低コストで開発していくとUIアニメーションは後回しにされがちですよね。 開発時間や人員の問題、UIアニメーションをやる人がいないから自分がやった人など、UIアニメーションの優先順位が低いため、手探りでやっている方も多いと思います。 今回の記事では今出ているアプリに対してあれはダメだ!と言いたいわけではなく、リリースされているアプリを触って、自分が作るときはここは気をつけようと思ったり、これはアニメーションいいなとか、実際体感して勉強していけるため、その経験が業界全体を徐々にクオリティアップしていくため、結果は惜しいアニメーションだとしても挑戦した結果でもあると思うため大事なことだと思っています。 前置きはここまでにして、今回はアニメーションの中で、あれ?と思ってしまう、そんな「これはやめてほしい
※こちらの機能について2020/03/25にリリースしたユーザーページについて、現在の状況を共有いたしますを公開いたしました。 早急に「読んだ記事」の取り扱いに関する社内協議を全力で進め、適切に対応していく所存でございます。 こんにちは、Qiita開発チームのgetty104 です。 最近サウナにはまっていて、疲れた時にはだいたいサウナで整いながら物思いにふけっています! さて、今回はユーザーページがリニューアルされたことをご連絡します。 よりアイデンティティを発見、表現できるページへ今までのユーザーページはあまり自己表現には向いていなかったと思います。 今回のリニューアルでは、より「どんなエンジニアなのか」を自分自身で見ても気づきを得られ、他の人が見れば自分がどんなエンジニアなのかがわかるページを目指しました。 新しいユーザーページのUIは以下のようになっています。 また、新しいユーザー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く