[B! UI] gachakku0131のブックマーク

【個人開発】日常用のメモ帳アプリ（PWAアプリ）をリリースしてみた - Qiita

はじめにカレンダーとメモが、﹁ガッチリ結びついた﹂メモ帳が欲しいなぁ。というコンセプトで作りました。無料です。 ※ 2022/02/10 追記アプリのURLを上記に変更。 ※ 2022/10/04 追記 2023/03/31にGoogleの旧ログイン方法が廃止されます。アプリのアップデートは行われませんので、新規登録やログインはお控えください。見栄え感アプリ名の通り、時間に紐付いたメモが出来るのが特徴です！技術スタック言語 TypeScript フレームワーク Vue.js + CompositionAPI データ保存 GoogleDriveAPI IndexedDB + CacheAPI ホスティング FirebaseHosting アプリ機能 ServiceWorker︵PWA︶ FirebaseRemoteConfig ︵アップデート管理︶使い勝手のポイント Go

gachakku0131 2020/11/26

すごく使いやすい

vue.js
UI

リンク

Googleが繰り返すデザイン変更からたどり着いた極意「明白こそが至高」について解説

by Rajeshwar Bachu GoogleはGoogle検索やGmailなどさまざまなプロダクトを作成していますが、そういったプロダクトをデザインする中で得た知見などをまとめるためのデザイナー・開発者たちによる共同プロジェクト「Google Design」が存在します。そのGoogle Designが、「明白なUIこそ至高のUIである」として、ユーザーインタフェース(UI)デザインにおいて重要な要素をまとめて解説しています。 The Obvious UI is Often the Best UI - Google Design - Medium https://medium.com/google-design/the-obvious-ui-is-often-the-best-ui-7a25597d79fd デザイナーはプロダクトができる限り使いやすく、可能な限り誘導的なものになるよ

gachakku0131 2019/10/12

リンク

GunosyのUIを徹底的に分析してリデザインしてみた

2013.08.18 GunosyのUIを徹底的に分析してリデザインしてみたこの記事は以下に移転しました。 http://lambda-structure-design.jp/lab/redesign-of-gunosy-ui/

gachakku0131 2013/08/28

リンク

スマホUI考（番外編）　顧客やユーザーの要望に全て対応すると、アプリは99%破綻する | fladdict

顧客や上司、ユーザーの場当たりな要望に対応しつづけると、どんなアプリもゴミアプリになる。たとえそれが理にかなった要望であっても。なぜなら面積の限られたスマホでは﹁一画面の機能数とボタン数﹂が、使い易さと品質に深くリンクしているからです。ということを、エラい人にプレゼンするのがお仕事の今日この頃。でも毎回毎回、同じことを説明するのがシンドイので資料をブログにまとめたいなぁと思うなど。思考実験として、ここでは架空事例としてTwitterアプリを例に考えてみる。何かの間違いで、日本の大手メーカーがTwitterを買収すると・・・UIデザイナーが体を張らないと99%ぐらいの確率でこうなるのです。ここがオリジナル Request1: ダイレクトメッセージをトップ階層にユーザーからの真っ当な要望。実際にはサービスの本質ではないのですが、要望はかなり多いはず。ただTwitter社的にはme

gachakku0131 2013/08/10

リンク

UI/UXが学べる神スライド7選 | Find Job ! Startup

FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから約26年間、多くの方々に支えていただき、運営を続けてまいりました。転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、今後も、IT/Web業界やクリエイティブ

gachakku0131 2013/07/14

リンク

1分でわかるUIとUXをわかりやすく説明する写真とお話 | インタラクションとデザイン

ユーザインタフェース使いやすいように、わかりやすい画面に、間違えにくいように、美しい情報デザイン、丁寧な説明。すばらしいユーザインタフェースができた。ユーザエクスペリエンスしかし、そのATMは少し時間がかかった。結果的にお客さんは並ぶことが多くなった︵気分を害す、イライラ︶。﹁お金を引き出す、預ける﹂という銀行の体験は悪くなってしまった。解説︵UIからUXが重要と言われようになった理由︶この場合、良いユーザインタフェースを設計できたとしても、並んでしまうことを問題として扱わなくなる。ユーザインタフェースの設計としては、最高のATMを提供することはできるだろう。しかしユーザエクスペリエンスからみると、最高の預金・引出体験にはらない。つまり、最高のUIを提供しても、ユーザの問題を解決したことにならない。だから﹁ユーザの体験という視点からUIを設計していこうよ！﹂という流

gachakku0131 2012/11/01

UI

リンク

デオシークの口コミや効果を検証！ワキガの私が使い込んでみました！ | 愛と小町

デオシークの特徴加齢臭も撃退強烈な足のニオイも撃退ワキ、足など全身のニオイをシャットアウトデオシークは厚生労働省が認可した医薬部外品で、殺菌効果や消臭効果がきちんと認められた有効成分が配合されている商品です。市販されているデオドラントクリームと比べると、医薬部外品は入っている成分が違いますので、消臭効果が高いです。デオシークは、デオドラントクリーム単品でも消臭効果が期待できますが、ボディソープとのセットを使用することでさらなる消臭効果が期待できます。ワキガや加齢臭などのような頑固な臭いによる悩みは深いですが、デオシークによって悩みから解放される人が増えています。博士有効成分は消臭効果や殺菌効果が認められている成分なんだ頑固な臭いはデオシークで一発なんだもう怖くないんだ価格 3,380円（定期コース） 6,980円（単品購入）有効成分パラフェノールスルホン酸亜鉛、イ

gachakku0131 2012/07/31

リンク

サービス終了のお知らせ - NAVER まとめ

サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。

gachakku0131 2012/07/19

リンク

UX/UIデザインガイドライン : 小野和俊のブログ

このところ、アプレッソの中でも、MIJS製品技術委員会でも、自分たちのソフトウェアのUX/UIをブラッシュアップしていくためにどんなことができるのかをディスカッションしている。 UX/UIデザインガイドラインとして各社の推奨する指針をまとめたものがWebで公開されているので、プログラマーであれデザイナーであれ、ソフトウェアの画面設計に何らかの形で携わるのであれば、基礎知識として主要なものには目を通し、プログラマーがデザインパターンの用語で手短にコミュニケーションが取れるのと同じように、﹁ここは○○ガイドラインの△△パターンを使うのはどうかな？﹂というような会話ができるようにしていきたいと思っている。 ■ Apple ・アップルヒューマンインターフェースガイドライン・iOSヒューマンインターフェースガイドライン(PDF) ・iPadヒューマンインターフェースガイドライン(PDF) ■ M

gachakku0131 2012/04/14

リンク

ソシオメディア | UIデザインパターン

ソシオメディアが独自に提供するUIデザインパターン集。これを使えばUI設計を効率化できます。

gachakku0131 2012/04/14

リンク

エンジニアのためのUX入門

This document discusses several key concepts in UI/UX design including user experience (UX), user interface (UI), information architecture (IA), interaction design, affordances, and the evolution of design approaches. It provides examples of early interfaces like Apple's Knowledge Navigator and how interfaces are now more conversational like Siri. The document also references several important thi

gachakku0131 2012/02/03

UI
design

リンク

Webユーザインターフェースの "暗黙知" を意識していますか？ : LINE Corporation ディレクターブログ

暗黙知︵あんもくち、Tacit Knowing︶は、ハンガリーの哲学者・社会学者マイケル・ポランニー︵Michael Polanyi) によって1966 年に提示された概念で、認知のプロセス、或は、言葉に表せる知覚に対して、︵全体的・部分的に︶言葉に表せない・説明できない知覚を指す。Wikipediaよりこんにちは。livedoorで検索全般を担当しております、須田です。タイトルのままなのですが、少しづつ日本のWEBにおける暗黙知を共有したいと思っています。暗黙知の共有することで得られるメリットですが、ユーザーにとっては、分かりづらいUIを日本からできるだけ無くすことができ、斬新なUIに慣れるという煩わしい時間からの開放企業にとっては、暗黙知として決まりがあることで、UIを検討する時間の短縮にもなるというメリットがあると思います。まずは誰でも知っていると思われる基本的なところだけ

gachakku0131 2011/12/05

リンク

書評「UIデザインの基礎知識」 - elm200 の日記(旧はてなダイアリー)

私はずっとプログラマとして活動してきたが、ウェブデザインをはじめとする見かけのデザインは苦手だった。ずっと避けて通っていたのだが、いまの時代、ウェブサイトのプロトタイプくらい自分で作れるようになりたいと思った。デザイナーの知人に相談したところ、紹介してくれたのがこの本。ユーザーインタフェースデザインの基礎知識 ~プログラム設計からアプリケーションデザインまで~ 作者: 古賀直樹出版社/メーカー: 技術評論社発売日: 2010/04/23メディア: 単行本︵ソフトカバー︶購入: 11人クリック: 170回この商品を含むブログ (15件) を見る豊富な例を引用しながら、ユーザーインターフェイスをデザインする上で陥りがちな典型期な過ちを解説していく。数学科出身の著者というだけあって、解説は理論的で、感覚より論理を重視するプログラマにも分かりやすい。理想的なコンピュータシステムは、ユーザー

gachakku0131 2011/09/15

UI
book

リンク

『iOSヒューマンインターフェイスガイドライン』はUI解説書の枠を越えている：国内・海外情報から見える『企業のWEB活用法』：ITmedia オルタナティブ・ブログ

中小企業がITを活用して売り上げにつなげるにはどうしたらいいか？WEBマーケティングとWEB戦略コンサル実績350社50業種以上の実績とノウハウで、海外の最先端情報を中心に、噛み砕いてご紹介。作成者‥中山陽平 iOS、実質的にはiPhoneのアプリケーションを作る際に参照してくださいと言う事で配布されている﹁iOSヒューマンインターフェイスガイドライン︵以下iOS_HIG︶﹂弊社のシステムを真剣にスマートフォン対応にするために読み始めたのですが、この内容が、ただのインターフェイスのガイドラインだけではなく、さらに踏み込んだ内容になっていて驚きました。 Appleのサードパーティアプリに対する姿勢、サードパーティアプリケーションがiPhoneの大きな魅力であるという認識が、このガイドラインからはにじみ出ています。 App開発者以外もぜひ見ておくべきこれはぜひ、WEBに関わる方は見て頂き

gachakku0131 2011/04/17

UI
*later

リンク

Loading...

gachakku0131 2010/12/06

リンク

SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記

安藤日記安藤日記：デジタルガジェット好き「安藤幸央」の日々のメモ ( yukio.andoh@gmail.com ) [ http://twitter.com/yukio_andoh ] Design Sprint Newsletter https://designsprint.substack.com/ SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン＃川島さんの示唆に富んだ話がすばらしかった。川島優志氏シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Doodle creation" Judy Shade UX Researcher: "UX at

gachakku0131 2010/11/01

リンク

あなたのWebを入力しやすくするjQueryプラグイン10選

あなたのWebを入力しやすくするjQueryプラグイン10選：CSSの書き方も分かるjQueryプラグイン実践活用法（終）（1/5 ページ） jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたりズームインする「jCarousel」「Zoombox」プラグインの使い方を解説しました。今回は、フォームを使いやすくするための各種プラグインを、以下のようにチェックボックス／ラジオボタン、ドロップダウンリスト、テキストボックス／テキストエリア、フォームのカテゴリ別に分類して紹介します。

gachakku0131 2010/06/20

リンク

TechCrunch | Startup and Technology News

Elon Musk’s AI startup, xAI, has raised $6 billion in a new funding round, it said today, in one of the largest deals in the red-hot nascent space, as he…

gachakku0131 2010/06/19

ユーザ体験：〔*: user experience, 操作方法・手順、操作感覚、出力の形式・構造など、ユーザに/が接する部分をすべて含む最広義のユーザインタフェイス。〕

リンク

WEBアプリケーション作成に使われる４３のコントロールパターン:phpspot開発日誌

43 Essential Controls for Web Applications | UX Booth WEBアプリケーション作成に使われる４３のコントロールパターンがまとまっています。４３のパターンが網羅されているので、部分的に、どういうインタフェースが良いか？という点について迷った際にエントリを眺めるだけで参考になる部分がありそうです。オートサジェストカルーセルカレンダー、スケジュールグラフ、チャートコンボボックススライダ４３と言わずもっとありそうな気もしますが、ある程度のパターンを知っておき、適材適所のUIを考えてユーザビリティを上げるのに役立てることが出来そうですね。それぞれのUIにも沢山のインタフェースがあると思いますが、その場合は「パーツごとのデザインが盛り沢山で参考にできるPattern Tap」で紹介したPatternTapなどを更に参考に出来そうです

gachakku0131 2010/03/25

リンク

43 Essential Controls for Web Applications | UX Booth

43 Essential Controls for Web Applications March 6th, 2010 Designing a web application? Familiarize yourself with Rich Internet Application techno logies and the best UI controls for creating your application. Rich Internet Application techno logy has empowered us to create really amazing user experiences. The best RIAs on the web today rely on a discreet set of UI controls to provide a lively and t

gachakku0131 2010/03/25

コントロールパターン

リンク

はてなブックマーク

タグ

関連タグで絞り込む (20)

UIに関するgachakku0131のブックマーク (20)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス