Hatena Blog Tags
はてなブログ トップ
ユーザーインターフェース
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

ユーザーインターフェース

(コンピュータ)
【ゆーざーいんたーふぇーす】

user interface
コンピュータにおける、ユーザー操作上の画面表示様式、ウインドウ、メニューなど、全般的な操作感のこと。「UI」は略記。
ユーザーの指示入力と、結果出力を導く、ユーザーにとっての「使用感」を大きく左右する設計の要。

分類

  • CUI（Character User Interface）・・・ユーザーに対する情報の表示に文字を使用するインターフェースのこと。（海外ではむしろCLI（Command Line Interface）と呼ばれる事が多い。）
  • GUI（Graphical User Interface）・・・ユーザーに対する情報の表示にグラフィックを多用したユーザーインターフェースのこと。ユーザーの直感的操作を助ける。


ユーザーインタフェースデザインの基礎知識 ~プログラム設計からアプリケーションデザインまで~

ユーザーインタフェースデザインの基礎知識 ~プログラム設計からアプリケーションデザインまで~

スマートフォンアプリのためのUI&グラフィックデザイン

スマートフォンアプリのためのUI&グラフィックデザイン

誰のためのデザイン?―認知科学者のデザイン原論 (新曜社認知科学選書)

誰のためのデザイン?―認知科学者のデザイン原論 (新曜社認知科学選書)

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
みくるの絵日記ブログ•10 か月前

UI（ユーザーインターフェース）の大切さを痛感した話

UI（ユーザーインターフェース）とは簡単に言うとWebサイトの見た目や使い易さのことを指します。今回はユーザー目線でUIの大切さを身に染みて体験したお話です。 どんな人でも使い方が分かる見やすさって大事ですよね(;´∀｀) 年のところも活性化されていたら分かりやすかったんじゃないかなと思います。 ご視聴ありがとうございました！

#絵日記#日常漫画#エッセイ漫画#スマホアプリ#ユーザーインターフェイス#ユーザーインターフェース#会員登録

ネットで話題

もっと見る
1162ブックマークBootstrapのUIがドラッグアンドドロップだけで組める！最速でウェブのユーザーインターフェースが構築できるエディタ「Jetstrap」 - Chrome Life先日、Twitter Bootstrapが2.1.1にアップデートされました。 Bootstrapが2.1になって大幅に機能も追加され、ウェブサイトを構築する上で必要なUIがほとんど揃っている感じがします。 最近では、スタートアップ系のWebサービスを作る人にとっては、Bootstrapが必要不可欠な存在になりつつあります。 とはいっても、Bootst...www.chrome-life.com
928ブックマークWebユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログdirectorblog.jp
767ブックマークエンジニアにもわかる「ユーザーインターフェース設計」techblog.yahoo.co.jp
637ブックマーク2万以上もの各種ボタン・アイコン・バーなどのユーザーインターフェースパーツのデザインを検索してダウンロードできる「UICloud」gigazine.net
415ブックマークインターン講義5日目「ユーザインターフェース,HTML5」 - Hatena Developer Blogdeveloper.hatenastaff.com
279ブックマーク2010年版 ユーザーインターフェース（UI）・ユーザビリティ必見サイト/必読書 - Feel Like A Fallinstarウェブサイト 実はユーザー中心設計やユーザビリティ、インターフェースについてちゃんとまとまったサイトは国内には少数です。 ここに挙げたサイトはどれも大変充実したものだと思います。 ※残念ながら、海外の記事を紹介しているブログでよいものは見つからず。 劣化コピペサイトを紹介するのも気が引けるので割愛しま...www.fallinstar.org
262ブックマーク名前とは裏腹に考え抜かれたユーザーインターフェースを持つタブレットのデザインコンセプト「弁当Box」gigazine.net
226ブックマークGitBucketのユーザインターフェースの変更について - たけぞう瀕死ブログtakezoe.hatenablog.com
179ブックマークユーザ・インターフェースのためのイージングカーブをつくる | POSTDpostd.cc

関連ブログ

Koreは何かに使えるよ•昨年

【Switch版】ポケモンユナイトクソUI選手権【祝9/22スマホ登場】

ポケモンユナイト、やってますか？ 私はデイリー消化くらい(クイック1戦+ランク2戦、これで2勝できなかったり気分で追加数戦)しかプレイしていませんが毎日楽しく遊んでいます。 エキスパートクラス4まで来ておりあと一歩、マスターに到達すれば「シーズン1ソロ限定マスター到達の最古参プレイヤー」を名乗れるので、こんな記事を書かずにプレイすべきなんですが… シーズンリセットと同時にスマホ版も登場するため、万が一UIが更新されるかもと思えばここでクソUIについて語っておくべきでしょう。スマホ版プレイヤーが増えるとSwitch版の話題が弱くなっちゃうしね。 それではそろそろ、めくるめくクソUIの世界にご招待…

#Nintendo Switch#ポケモンユナイト#クソ#ユーザーインターフェース
ヒトにやさしく•昨年

【迷わせるUI】メール作成時の入力キャンセルのキャンセルとは？

キャンセルをキャンセルするとは？ PCやスマートフォンでメールを送信しようとしている際に、やっぱりやめた！と途中でキャンセルしたい時がありますよね。 当たり前に操作して、キャンセルできる方も多いと思いますが、画面を細かく見ていくと、ユーザーを悩ませる表記があります。 // iPhoneのメール作成時の文字入力キャンセル キャンセルボタンに惑わされる？ キャンセルを聞かれなくとも不便な場合も iPhoneのメール作成時の文字入力キャンセル iPhoneで、メール作成時に文字入力をキャンセルする際には、以下のような画面が表示されます。 文字を入力中の画面の左上には、キャンセルボタンが常駐しています…

#ユーザーインターフェース#キャンセル機能#デザイン#iPhone
そららのクリエイティブログ•昨年

ゴールデンウィークにブログをいろいろカスタマイズした話

こんにちはです。あっちのそららです。ゴールデンウィークは時間が多くとれたので、ブログのカスタマイズに取り組みました。今回は、その備忘録となります。 プロフィールの改良 月別アーカイブの設置 関連記事・最新記事の改良 メニューの改良 おわりに ※ソースコードの中身については記載していませんので、ご了承ください。 プロフィールの改良 全ページ共通で設置していた、プロフィール部分のデザインを変更。サイズが大きく、結構なスペースをとっていたので、上記画像のようにコンパクトにまとめました。中のパーツも主張しすぎないよう、落ち着いた印象に。全ページ共通もやめて、トップページと記事ページのみの表示としました…

#ブログデザイン変更#ブログカスタマイズ#ユーザーインターフェース
ジャンカーな日々•昨日

タブレット Android 11、TECLAST T50 タブレット 11インチ、 8GB LPDDR4+ 128GB ROM+1TB TF拡張、2.0GHz 8コアCPU、2K FHD IPSディスプレイ 2000*1200解像度、4G LTE モデルタブレットPC、GMS認証+20MP/8MPカメラ+18WPD急速充電+7500mAh+顔認識+Type-C+Bluetooth 5.0+GPS+WiFi 2.4G/5G+OTG転送をサポートする+1年品質保証、フルメタルボディ、日本語取扱説明書付き

詳細を確認 - メーカー :TECLAST - 価格 :￥35,900 - 出品価格 :￥35,900 ♥【最新 Android 11 タブレット 8GB+128GB+GMS認証】 8GB LPDDR4メモリと128GB eMMC5.1のストレージで、写真、ビデオ、ドキュメントをさらに保存できます。また、マイクロSDカードスロットはストレージを最大1TBまで拡張できるため（FAT32形式、別売り）、電子書籍、曲、ビデオ、写真など、お気に入りのすべてのメディアファイルを一緒に保存できます。TECLAST T50 タブレット11インチには最新のAndroid 11が搭載されており、便利なユーザーイ…

AUDIO MANIAC’s diary•3 日前

RaspberryPiでネットワークオーディオ

NAS（Soundgenic）導入、RaspberryPi購入と紆余曲折もありながらやっと辿りついた。 我が家のネットワークオーディオ。 いよいよ稼働開始だ。

audio-sound @ hatena•4 日前

【HiFiGOニュース】Shanling M6 Ultra：クアッドAK4493SEQ DAC搭載の最新ポータブルデジタルオーディオプレーヤー

Shanling M6 Ultra 元記事 ※この記事はHiFiGOから許諾を頂いて翻訳したものです。著作権はHiFiGOにあります。 Shanling M6 Ultra: Latest Portable Digital Audio Player With Quad AK4493SEQ DACsShanling Audio is a well-recognized brand in the HiFi audio industry. They are an old player dealing in all kinds of HiFi audio gears including in-ear m…

audio-sound @ hatena•4 日前

【HiFiGOニュース】HiBy RS2：Darwinベースの新R2Rデジタルオーディオプレーヤー

HiBy RS2 元記事 ※この記事はHiFiGOから許諾を頂いて翻訳したものです。著作権はHiFiGOにあります。 HiBy RS2: Seek Splendid Sound With This New Darwin Based R2R Digital Audio PlayerLast year, HiBy released the revolutionary RS6 digital audio player. The player laid the foundation of premium R2R-based Darwin Architecture for portable digita…

ドコモ 大好き　使い続けて３０年　•4 日前

アップデート情報　ドコモ　 SHー５1B 　AQUOS R6 機種変更　する？　機能　スペック　性能は？　おすすめ？

アップデート情報 ２０２２年７月２１日 〜 改善内容 タッチパネルの一部が反応しない場合があります。 カメラアプリが起動できない場合があります。 「Clip Now」 でスクリーンショットが撮影できない場合があります。 セキュリティ更新（設定メニューのセキュリティパッチレベルが2022年6月になります。） 更新手順 ホーム画面で「設定」→「システム」→「システムアップデート」 を選択し、画面の案内に従って操作します 過去ビルド番号：02.00.00、02.00.01、02.00.02 最新ビルド番号：02.00.05 こんにちは ドコモ大好き ３０年です 今回は ２０２１年６月２５日 発売 ド…

3DCGで何をどう作るか考え中•5 日前

Ankiアプリを使ってMayaを暗記する試行錯誤中（Maya学習 3回目）

（約 2,900文字の記事です。） Maya学習も3日目だが、連日学習できずに間に日を挟むこともあるので今回から○日目ではなくて○回目としてタイトルを付けようと思う。 今日は約2時間学習した。教材はこちらのイントロダクション2。 Maya基本習得コース「伊藤脳塾」 まだオブジェクトの移動方法やピボットの扱い方という、本当に基本的な操作方法しか学べていない。 対象読者はMaya初心者 見るのは一瞬だが Ankiアプリをテスト中 Ankiアプリは使い始めがとても大変 メチャクチャ効率よく暗記できる！ 社会人になって暗記カード使ってますか？

ＣＧ関係の備忘録ブログ•6 日前

UE5　ユーザーインターフェース

参考ＨＰ [UE4] 時間制限のあるゲームの作り方｜株式会社ヒストリア UE4でプレイ時間をUserWidgetで表示する 成果 www.youtube.com レベルとウィジットでユーザーインターフェースをつくるレベルフォルダを作成、RM→空のレベルを作成UIフォルダを作成、RM→空のウィジットを作成 ウィジットを開くパネルのCanvasPanelをドラッグして配置一般のTextをドラッグして配置、コンテンツ→Textを変更ボタンをドラッグして配置、Textをドラッグして配置、ボタンの子に設定、PLAYを入力 Back To TitleClear レベルを開くレベルブループリントを開くイベン…

舞浜新聞•7 日前

オリエンタルランド 第62期 定時株主総会を振り返る

6月29日、株式会社オリエンタルランドの株主総会が、千葉県の幕張メッセ（国際展示場7ホール）で行われました。 www.olc.co.jp 今回の総会は昨年度に引き続いて、新型コロナウイルスの感染拡大防止の観点から、インターネットや郵送による議決権行使が呼びかけられました。また、今回は初めてライブ配信が行われたため、会場外から総会の様子を見たという株主の方も多かったようです。 総会では経営陣から昨年度の事業報告、決算報告、会計監査報告が行われ、剰余金の処分（株主への配当金）、定款の一部変更、取締役11名の選任が決議されました。また、株主からの質疑応答も合わせて行われました。 今回の記事では株主か…

サンレコ 〜音楽制作と音響のすべてを届けるメディア•8 日前

E-MU Emax SE【シンセサイザーのフロンティア〜ヘンテコなシンセたち】Season 2 Episode 2（後編）

nemosynthシンセサイザー・イラスト：西園寺スペルマ https://twitter.com/sperm_saionji 企画／編集：バーバラ・アスカ https://twitter.com/barbara_asuka 前編はこちらからご覧ください。 サンプラーEmulatorで表舞台へ登場 Emulator ところで1980年代に入ると軽薄短小デジタル時代になり、唯一の商品たる重厚長大アナログモジュラー売れず。さりとてデジタルシンセシスを開発するも、いまいち良い音せず。さすがに唯一の商品の売れ行きが傾くのはゆゆしき問題。ならばアナログシンセをデジタルで制御しよう！と思いついて開発をはじ…

ＣＧ関係の備忘録ブログ•8 日前

UE5　ギミック

参考動画 Unreal Engine 5 | Blueprint For Beginners - YouTube 成果 www.youtube.com ドアの開閉をつくるBluePrintフォルダをつくりDoorフォルダをつくりBluePrintClass→Actor、名前をBP_Door開いてコンポーネント追加、StaticMeshを選択、名前をDoorFrameStaticContentフォルダでRM→機能またはコンテンツパックを追加→コンテンツをクリック、StarterContentを選択しプロジェクトに追加ボタン（やらなくてもPropsフォルダ入ってた）SM_DoorFrameをスタテ…

体験とデザイン、スタートアップについて•11 日前

【翻訳】Z世代のビジュアルトレンドとは？（TOM MAY, 2021, Creative Boom）

www.creativeboom.com クリエイターとして、私たちはオーディエンスを理解する必要があります。しかし、年齢が上がるにつれて、若い世代の頭の中を理解するのは難しくなります。そんな私たちを助けるために、人気の写真・動画編集アプリ「Picsart」が、本当に必読の有益で洞察に満ちた調査結果を公開してくれました。 Picsartの10周年を記念して発表されたこのビジュアルトレンドレポートには、Z世代が今、どのような色、スタイル、トレンドに反応しているのかが書かれています。そして、それはあなたを驚かせるかもしれません。 1970年代から90年代のレイヴシーン、デジタル技術の台頭、より良い…

orangeitems’s diary•11 日前

その仕様、できません　システム開発途中で気づくためには

この記事、身につまされる。 xtech.nikkei.com システム開発の頓挫を巡る、文化シヤッターと日本IBMとの間の裁判で、東京地方裁判所は日本IBM側に19億8000万円の支払いを命じた。米セールスフォースのPaaSを用いた販売管理システムの構築を目指し、2015年に始めた開発プロジェクトだったが、2017年にストップしていた。東京地裁は開発失敗の原因をどう認定したのか。裁判記録をもとに読み解く。 そもそもの話として、RFPを作成したベンダーと、受注したベンダーが同じ時点で両社がかなり深い関係だったんだろうなと推察する。 システム入れ替えのタイミングで既存ベンダーがRFPを作成する。そ…

明日はもうすこしマシにします•11 日前

『春ゆきてレトロチカ』感想メモ

実写ミステリアドベンチャーゲーム『春ゆきてレトロチカ』をクリアーしたので感想をメモ。核心には触れないもののあらすじ程度のネタバレあり。 ●あらすじ ミステリ小説家の河々見はるかは、編集者の山瀬明里とともに、四十間永司の実家・四十間家を訪れる。 四十間家には不死の伝説があり、食べると不老になるという果実“トキジクの実”を当主が受け継ぐという習わしがあった。 その受け継ぎの儀式を行う桜の木の下に白骨死体が埋まっているというニュースが世間を騒がせ、永司はその白骨死体の正体と、トキジクの実についての調査をはるかに依頼したのだった。 はるかが四十家を訪れた日、殺人事件が発生する――。 ●ゲーム内容 四十…