Storybook is a frontend workshop for building UI components and pages in isolation. Thousands of teams use it for UI development, testing, and documentation. It's open source and free.
UIに関するboyasanのブックマーク (227)
-
boyasan 2023/12/07
-
JavaScript入力ライブラリ - InputManJS（インプットマンJS） | Developer Solutions〈開発支援ツール〉 - メシウス株式会社
帳票・レポート 日本仕様の帳票開発に必要な機能を搭載したコンポーネント ActiveReports for .NET ActiveReportsJS 表計算・グリッド Excel風のビューと表計算機能を実現するUIコンポーネント SPREAD for Windows Forms SPREAD for ASP.NET SPREAD for WPF SpreadJS 入力支援 快適な入力を実現する日本仕様入力コンポーネントセット InputManPlus for Windows Forms InputManPlus for ASP.NET InputManPlus for WPF InputManJS 多段明細 1レコード複数行&日付表示に 最適なグリッドコンポーネント MultiRowPlus for Windows Forms 戻る コンポーネントセット Visual Studioで利用す
-
CSSで作る！押したくなるボタンデザイン100（Web用）
.btn-square { display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #668ad8;/*ボタン色*/ color: #FFF; border-bottom: solid 4px #627295; border-radius: 3px; } .btn-square:active { /*ボタンを押したとき*/ -webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/ }
-
-
はてなブックマーク新ユーザーページを正式リリースいたしました - はてなブックマーク開発ブログ
先日下記エントリーで告知いたしました通り、本日7月3日にはてなブックマーク新ユーザーページを正式リリースいたしました。ご利用いただいていた旧ユーザーページは、すべて新ユーザーページに移行しました。 ▽ はてなブックマーク新ユーザーページを正式リリースいたします - はてなブックマーク開発ブログ ご利用方法などに関してご質問がおありの際には、お問い合わせ窓口よりご連絡ください。 ▽ はてなブックマーク - お問い合わせ - はてな また、告知エントリー内で募集いたしましたユーザーページに関するアンケートにご回答いただいたユーザー様、ありがとうございました。今後のサービス開発の参考とさせていただきます。 今後ともはてなブックマークをよろしくお願いいたします。
-
なぜ「アクセルと踏み間違えないブレーキ」が普及しないのか：日経ビジネスオンライン
宗像 誠之 日経ビジネス記者 日経コミュニケーション、日本経済新聞社産業部、日経コンピュータを経て、2013年1月から日経ビジネス記者。 この著者の記事を見る
-
レスポンシブ対応、検索フォームのデザイン・実装するアイデアのまとめ
CSSアニメーションを使って実装された、レスポンシブや省スペース用の検索フォーム、フル画面に表示させる検索フォームなど、デザインや実装のアイデアが面白い検索フォームを紹介します。
-
-
若年層はその親世代よりフラットデザインを好む
18～25歳のユーザーはフラットなUIの魅力を中高年よりもやや高く評価している。しかし、フラットデザインで見た目を魅力的にすることには、その結果、損なわれるユーザビリティに見合うほどの価値はないかもしれない。 Young Adults Appreciate Flat Design More than Their Parents Do by Kate Meyer on February 28, 2016 日本語版2016年6月9日公開 自分たちのインタフェースが流行の先端をいっている、あるいは今風であると思われたい場合にデザイナーはフラットデザインをよく採用する。その根底にあるのは、フラットなUIのターゲットはミレニアル世代であるという前提である。つまり、ミレニアル世代はその両親や祖父母世代よりもこのデザインスタイルを好むと思われている。したがって、中高年ユーザーがフラットなUIの使い方をな
-
マイクロソフトのユーザビリティへの取り組み
マイクロソフトが新奇性を追い求めた結果、その製品の使い勝手が損なわれている。マイクロソフトには、膨大な数のユーザに責任ある態度を示し、もっと質の高い製品にしていくことが必要だろう。 黒須教授 2014年12月8日 最近はどうなのか知らないが、以前、シアトルのマイクロソフト本社には数十人から百人ほどのユーザビリティ担当者がいて、ユーザビリティ活動を熱心にやっている、と同社の人から聞いたことがある。それを聞いて、それは心強いことだと思ったのだが、さて、実際の製品のユーザビリティはどういう状況になっているかというと、実に様々な問題を内包していて、とてもユーザビリティやUX活動を熱心に行っているとは思われない。今回のコラムの意図は、マイクロソフトという会社を叩くことにあるのではなく、いまや世界中の基本ソフトとなってしまっているWindowsやOfficeをもっと質の高い製品にしてもらいたい、という
-
I/O 2014 アプリに学ぶマテリアルデザイン
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
-
アプリUI/UXデザイナー必見！「ハンバーガーボタン」ナビゲーションを使うとユーザーエンゲージメントが半減することが発覚 | ゴリミー
あなたが作っているナビゲーションボタンは今流行りの「ハンバーガーボタン」、またの名を「ナビゲーションドロワー」を採用しているだろうか。それとも一覧で表示している「タブボタン」を採用しているだろうか。 クリーンでシンプル、メインコンテンツの表示領域が最も広く確保できるなどいいこと尽くしの「ハンバーガーボタン」ナビゲーション。一方で、常にボタンが表示されメインコンテンツの表示領域が必然的に狭くなってしまう「タブボタン」ナビゲーション。見た目のデザインとしては当然「ハンバーガーボタン」の方が良い。では実際にユーザーとしても同様の見解なのだろうか。 クリーンでシンプルだが、ユーザーは操作方法を覚えられない 「ハンバーガーボタン」もしくは「ナビゲーションドロワー」と呼ばれるナビゲーションUIは数多くのアプリに見られる。Googleもアプリデベロッパー向けにオススメのデザインパターンとして推奨している
-
-
UI/UXでいいじゃん | F's Garage
作業してる息抜きにブログ UI/UX言うな論は、あたかもUIがUX全体を規定してしまうが故に起きる意識の齟齬にあると思っている。 あたかもwikipediaをwikiと言ってしまったり、JavaScriptをJavaと言ってしまいエンジニアの不安を掻き立てる人たちへの不安に近いものだろうか。 まぁそもそもUXという言葉が非常にわかりにくい。わかりにくいと言えば、その昔は「システム」という日本語が日本にはなかったと、芝浦工業大学で初めてのカタカナ学部である「システム工学部」と言う名前を日本に持ち込んだ時の話を聞いたことが有る。 僕に認知だと芝浦工大のシステム工学部は言うほど古い学部ではなかったが、なんとその時代の手前まで「システム」という言葉がなかったというのは驚きだ。そりゃソフトウエアで日本が勝てないわけだ。物質主義とでも言うのだろうか。僕が製造業にいたとき、ソフトウエアはオマケみたいなも
-
小さい子どもにコンピュータを触らせるということ - ビスケットのあれこれ
ビスケットは，開発して新しい機能を追加したときなど，必ず子どもたちが使っている様子を自分目で見てどんな風に使っているかを見てきます（最近はその暇が無くて他人に任せていたりして，かなりまずいんですが）．3年前くらいの面白いエピソードをご紹介しましょう． ちょうど，Androidタブレットで動くビスケットを開発していて（これはまた一般には配布していません．実験環境だけです），それがどのように子どもたちに使われるか見に行きました．僕としても指で直接操作するタブレットのUIの開発は初めてで．実は，マウスとタッチペンの操作は結構似ています．どちらも，非常に小さいエリアを結構正確にポイントできて，ドラッグもできますから．どちらかというと，ペンの方がドラッグが得意でしたね．小さい子はマウスクリックが全然出来ないとか（ボタンを押すときに指先だけ押すということができないので，手を握ってしまって，その結果マウ
-
Flat Design Inspiration
8 Comments Thank you for nice inspiration and downloads. Strange why have not included two ui kits: https://designmodo.com/square-free/ and https://designmodo.com/flat-free/ i think these two ui kits are flagman’s for flat ui kits… anyway, thank you! Love the top 3! Need a little inspiration for a flat UI im designing. Cheers guys! For some reason, each time I see a flat design like you have showc
-
2階層を往復するだけのエレベータUIはどうあるべきか？ - A Successful Failure
2013年04月29日 2階層を往復するだけのエレベータUIはどうあるべきか？ Tweet 駅のホームと改札口の2階層だけを往復するエレベータでは、なぜか毎回行き先ボタンを押す事を強いられる。B1なのかB2なのか、ホームなのか改札階なのか、はたまたコンコースってやつのなのか？ そんなの反対側に決まっているだろうに。このUIはもっと改良されるべきではないだろうか？ 現状、標準的なUIとしては、図1のように行き先を示すボタンが2つ並んでいるものだ。ボタンの階数表示だけではユーザが混乱するため、「改札階」「ホーム階」「コンコース階」など階層の意味を示す表示が付けられている場合が多い。しかし、ユーザに考えさせることには変わりなく、特に初めて利用するエレベータではどちらを押すべきか若干戸惑うことが多い。なぜ反対側に行くに決まっているのに、わざわざユーザに考えさせるのだろうか？ 図1:通常のエレベータ
-
MS製品開発とデザイン--「Windows Phone」タイルUIデザイナーの取り組み
Albert Shum氏という人物のことは知らないかもしれないが、同氏がデザインに関わった製品のいくつかは知っているはずだ。 Shum氏は有名なNikeのInnovation Kitchenで働くデザイナーグループの一員だった。Innovation Kitchenは、最終的に「Nike+」運動パフォーマンスモニタリング製品ラインとなる最も初期のプロトタイプを開発したチームだ。Microsoftが5年前にShum氏を雇ったとき、同氏とチームは「Windows Phone」発表の際に目玉となったタイルベースのインターフェースを開発した。 Shum氏は新しいタイプのMicrosoft社員だ。同社は、優れたデザインを切望するようになった消費者の支持を得ようとしており、Shum氏のような創造的なタイプを必要としている。AppleやAmazon、サムスンが作り出す洗練されたスタイリングとますますシーム
-
デスクトップのUI・UX設計はモバイルの影響を受けて変わっていく | スラド IT
ソフトウェア開発者でDr.Dobb's誌編集長のAndrew Binstock氏が、スマートフォンとデスクトップPCのインタフェース設計に関するコラムを掲載している（Dr.Dobb's、本家/.）。 スマートフォンとデスクトップPCのユーザーインタフェース（UI）とユーザーエクスペリエンス（UX）は大きく異なる。そのため、UI、UXの設計はそれぞれ個別に行われてきている。一方で（やや性急すぎるが）MicrosoftのWindows 8メトロUIのように両方を一つにしようという動きも見られる。たとえば、Webアプリの分野では複雑だったダイアログボックスの設計が簡素化する方向に向かっている。これはスマートフォンからの影響を受けている部分が大きい。 ドロップダウン・メニューの発展も著しい。デスクトップPC向けのドロップダウンメニュー機能の拡張に応じてはどんどん長くなっていったが、最近では指でタッ
-
アフォーダンスからシグニファイアへ - A Successful Failure
2012年02月13日 アフォーダンスからシグニファイアへ Tweet D.A.ノーマンが『誰のためのデザイン? 』で紹介した概念、アフォーダンス(affordance)は、UIデザインにおける基本的な考え方として受け入れられてきた。UIに関する書籍を紐解けば、アフォーダンスに関する解説を見つけることができるだろう。率直に言ってアフォーダンスの考え方を知らないUI屋、デザイナーはもぐりと看做してよい。 デザイン界におけるアフォーダンス デザイン界においてアフォーダンスは、製品などのモノが、どのように扱われるべきか、どのような性質を持つものかが、ユーザに一目でわかるように付与された（主に）視覚的なサインの意味で使われる。わかり易い例を挙げると、アフォーダンスとは、踏んでは倒せないノコノコにトゲを付けるようなこと、と説明されている（下図）。トゲゾーはトゲという視覚的なサインによって、踏んではい
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました