インタラクションコスト
インタラクションコストとは、ユーザーが目標を達成するため、サイトとインタラクトするのに必要な、精神的・肉体的な努力の総計である。 Interaction Cost: Definition by Raluca Budiu on August 31, 2013 日本語版2013年9月18日公開 理想的には、ユーザーがサイトに行ったら、探している答えがすぐ目の前にあるといい。それはつまりインタラクションコストがゼロになるということで、ユーザビリティという領域の究極の目標はそこにあるからである。 しかし、残念ながら、インタラクションコストがゼロになることはまれだ。ほとんどのサイトやアプリはユーザーがやりたそうなことを多数提供しているからである。したがって、大体の場合、ユーザーはあちこちを見回して、場合によってはスクロールをし、見込みのありそうなリンクを探して、クリックをし、そのページが読み込まれる
設計品質と利用品質（前編）
人工物の品質特性を、設計品質と利用品質、客観的品質と主観的品質という2つの軸で直交する4領域に分けた。すると、UI/UXという言い方が、製品品質についてUI、利用品質についてUXという形できれいに整理されることにも気がついた。 黒須教授 2015年9月24日 HCI International 2015での議論 今回のタイトルに関連したエッセイは、(最近では「UXの、3つのキーポイント」など)これまでに何回か書いたことがあるが、どうやら話が僕のなかで収束してきたように思うので、その総集編としてここに書くことにする。 2015年8月にLos AngelsでHCI International 2015が開かれ、そこで僕は“Usability – It’s Still Very Important”というセッションを組織し、イギリスのNigel Bevanの参加を求めた。彼はISO 9241-1
全てのUIデザインに必要な５つの状態（実例と共に） - The five UI states｜TK - UXデザイナー in 🇺🇸
授業ではあまり習わないですが、UIデザインの実務において常に考えなければならないフレームワークの一つにThe five UI statesがあります。雑に説明するとUIは以下の５つの状態になる可能性があることを踏まえて、それぞれに対してデザインを作っておくというコンセプトです。 • 何も登録されていない状態 (Blank state) • ロードしている状態 (Loading state) • 不完全な状態 (Partial state) • エラーが起きている (Error state) • 理想的な状態 (Ideal state) 授業のプロジェクトや提案型プロジェクトではそこまで深く考えないのかもしれませんが、UIデザインの実務では相当な時間を占めていることが多いです😑 特に複雑な構造のB2BプロダクトだとError stateのUIパターンを一週間考え続けるみたいなことも多々あり
まんが 「オブジェクト指向ユーザーインターフェース」
表紙 The Art of User Interface Design ジ・アート・オブ ユーザーインターフェースデザイン 藤井 幸多 少年と博士が並んでいる 扉絵 オブジェクト指向ユーザーインターフェース 健太が思考の中からオブジェクトを手で取り出し、アプリのデザインへ埋め込んでいる それを見守る博士と母親 橘 健太（以下 健太）「決めた！アプリを作る！！」 健太の母「え？アプリ？」 健太「うん！毎日いろんなものを見つけるんだけど図鑑に載ってないものが多くて」 健太「だから見つけたものを記録するアプリを作りたいんだ」 健太の母「それはいいアイデアね！！でも困ったわ。お母さんそういうこと全然詳しくないのよ。あ！イリュウ博士に聞いてみたらどうかしら？」 健太「手品師のジョンおじさん？」 健太の母「そうよ。確かコンピュータに詳しかったはずよ」 射留（いりゅう）研究所 ジョン・イリュウ博士（以下
uiwtf
We've all experienced this one interaction that you can't stop playing with because it just feels right. We wish to build user interfaces of the future because they are exciting and challenging to create. uiwtf is an experimental laboratory of user interface patterns and interactions that make you think "what the fuck?" in a thought-provoking way. I hope these inspire you to build cool shit. 🖤
Home | Open UI
Open UISection titled Open%20UIThe purpose of the Open UI, a W3C Community Group, is to allow web developers to style and extend built-in web UI components and controls, such as <select> dropdowns, checkboxes, radio buttons, and date/color pickers. To do that, we’ll need to fully specify the component parts, states, and behaviors of the built-in controls, as well as necessary accessibility require
Facebookなどで使われているローディングの名称を知ってる？ / 調べたらたくさんありすぎた話 - omuriceman's blog
結論からお伝えします。 Skeleton Screen Skeleton Placeholder Skeleton Loader Content Loader Content Placeholder Placeholder などと呼ばれています。多いですよね(^_^;) 特にSkeleton ScreenとContent Loaderと呼んでいる場合が多いです。 どれのこと？ YouTube・Slack・Facebookなど最近のアプリで使われている、丸や長方形のグレーで表示している箇所のことです。 正式なテキストや画像が読み込まれる前のプレースホルダーとして使用されています。 YouTube Slack Facebook 他の事例に興味のあるかたはこちらの記事をご紹介いたします。 medium.com 最初に提唱した人は誰？ 調査によると最初に提唱したのがこちらのブログの作者「Luke
Premium Bootstrap Themes and Templates
Creative Tim Club 🔥 Access to all our current and future products Fully Coded UI Tools to create web and mobile apps UI Kits, Templates and Dashboards built on top of Tailwind CSS, Bootstrap, Vue.js, React, Angular, Node.js and Laravel. Join over 2,533,653 creatives to access all our products! Welcome to Creative Tim Club! Take your workflow to new heights by joining our exclusive club for access
Top 50 Dashboard UI Kits and Templates in 2019
50 best free dashboard templates & ui kits for creating dashboard design. We have Bootstrap 4 admin dashboard templates and dashboard ui kit 3.0 free download. A nicely-designed dashboard can provide the user with crucial information at a glance. As the easiest way for the user to navigate directly to various areas of a webpage or app, the dashboard’s design requires it to attract users’ attention
フロントエンドエンジニアが UI 設計〜実装で考えていること | MEDLEY Developer Portal
2019-03-27フロントエンドエンジニアが UI 設計〜実装で考えていることおはこんばんちは、開発本部エンジニアの大岡です。 先日、TechLunch という社内勉強会で「フロントエンジニアが UI 設計〜実装で考えていること」という内容で発表しました。UI 設計から実装の細かい話ではなくどういう気持ちで望んでるかという話で、基本的なことしか書いていませんが紹介させていただければと思います。 UI 設計UI 設計をデザイナーがして、それをエンジニアが実装する場合とエンジニアが単独で UI 設計から実装までする場合があります。今回はそれぞれのケースで、フロントエンドエンジニアがどういうことを考えてるかを紹介します。 とその前に、他人と UI について話すときに気をつけてる言葉で分かりやすくまとまっているツイートがあったので紹介します。 自分が他の人に UI デザインの説明をするとき、あま
The Elements of UI Engineering
In my previous post, I talked about admitting our knowledge gaps. You might conclude that I suggest settling for mediocrity. I don’t! This is a broad field. I strongly believe that you can “begin anywhere” and don’t need to learn technologies in any particular order. But I also place great value in gaining expertise. Personally I’ve mostly been interested in creating user interfaces. I’ve been mul
2019 UI and UX Design Trends – UX Planet
Last year we put together a prediction of mobile UI design trends. This year, we’re going deeper and beyond just mobile. Because the number one trend in modern design is context. There are no generalizations anymore. Everything is in context and connected. It feels like we’re getting somewhere with all the tools, advancements in technology, and growth of our understanding of how user-facing produc
オブジェクトベースなUIデザイン｜Yoko Nishida｜note
WEB+DB PRESS Vol.107掲載のオブジェクトベース設計によるUIデザイン改善を読んだ。デジタルなサービスのUIを設計していく上で、とても参考になる知見なのでまとめてみる。 オブジェクトベースUI設計とはユーザーがやること（タスク）の手順をそのまま画面に反映させるのではなく、ユーザーの関心対象（オブジェクト）を画面とデータに対応させながら考えていく手法。 オブジェクトベースUI設計の良いところこのオブジェクトベースUI設計は、特に複雑なタスク＆要求が混在する業務利用アプリケーション（SaaS / B向けサービス）のUIデザイン改善、運用で活かしやすいという印象を受けた。 大規模なシステム、膨大なデータと連携しながら、多様なユーザーニーズに応えやすいUIを実現するにはどうすれば良いか。 要件に散在する情報をオブジェクトとして捉えることで、その場しのぎではないUIデザインが作りやす
モードレスデザイン｜ai
はじめて iMacG3 を使った時、私はとても前向きな気持ちになった。説明書を読まなくても何をどうすればいいの分かったし、自分の思い描いた通りに動かすことができた。 道具は使う人の能力を拡張させると言うけれど、私はあの丸いマウスと一緒に、文章を書いたり、絵を描いたり、本当に何でも出来る気がしたのだ。 それは Mac だけではなかった。iPhone も、iPadも、Apple 製品はいつも私を高揚させた。なぜ私はこんなにも惹かれるのか。不思議に思いながらも、私は Apple 製品を追いかけてきた。 どうして？ ... 実はその秘密は既に明らかになっている。 それは、モードレスだからだ。 直感的だとか、シンプルだとか、一貫性があるとか、そういったものは表出された一部にすぎない。 この秘密は、 今から 9 年も前にインターネットに公開されたテキストにあっさり書かれている。ソシオメディアの上野学
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Interface Handbook
深津 貴之 / THE GUILD / note.com on Twitter: "すごい！そして、この定期販売システムのUI、変えた瞬間に現場大ブーイングで大炎上、永遠にリニューアルできない予感しかしない。 https://t.co/HfbsPFtHGX"
10 UI tweaks for web developers
Home
The Elements of UI Engineering
Tap to Dismiss