流行りのレスポンシブ・ウェブデザイン！ よく使われるデザインパターンを集めてみた！
流行りのレスポンシブ・ウェブデザイン！ よく使われるデザインパターンを集めてみた！ 2013.01.18 | この方法お勧めです！ | サイト推薦！ tips | WordPress | ほらみんなも！ | デザイン | レスポンシブ あけましておめでとうございます！ 今いる場所がシアター！Huluの動画サイトにはまり、かなり引きこもりがちなブラウンです。 超寝不足。。。やばいです。。。 今回は流行りの【レスポンシブ・ウェブデザイン】について、デザイナー目線の記事を書こうと思います。 少し前までは『レスポンシブ！？そんなんいらんわっ！！無視や！無視っ！！』って思って勉強することから逃げていました。しかしもうダメのようです… もうIT業界では、レスポンシブ・ウェブデザインは当たり前って流れがきてます。確かにアクセス解析ではPCよりスマホやタブレットからの方が多いですし。 とにかく、今回レスポ
Ubuntuの新しいメニューシステム「Head-Up Display」 | スラド Linux
Ubuntuは30年来のメニューシステムを一新した「Head-Up Display」を導入することを決めたそうだ（本家/.）。 この「Head-Up Display（HUD）」ではドロップダウンメニューからコマンドを探すのではなく、検索ボックスにコマンドを入力するようになる。たとえばGIMPで「Rad」と入力すれば「Radial blur」（ぼかし半径）が候補として表示されるなど、入力はオートコンプリートされるとのこと。また「あいまいコマンドのマッチング」機能も搭載されており、過去の入力履歴から正しいコマンドを導き出しユーザに提案してくれるとのこと。 CanonicalのMark Shuttleworth曰く、HUDは新しいソフトウエアにより早く慣れるのを手助けしてくれるとのこと。ヘビーユーザーでない人やWindowsインタフェイスに慣れたユーザにとっては不慣れなメニューからコマンドを探す
asinthecity.com
Det er en rekke ulike faktorer som spiller inn når banken skal vurdere søknaden din om forbrukslån. Det vil derfor lønne seg å gjøre noen forberedelser før du starter søknadsprosessen. Dette kan ha mye å si for om du får innvilget et forbrukslån eller ikke. En helhetsvurdering avgjør utfallet på lånesøknaden. Hver bank har sine egne retningslinjer for å sikre en forsvarlig utlånpraksis. Alderskrav
このままじゃmixiページはダメかもしれない - in between days
ちょっと考えてみたけど、このままじゃmixiページはダメだろうなあ。mixiページ自体の機能がべつにどうこうということではなく、情報を受け取る側のインターフェイスが魔窟すぎる。建て増しに建て増しを重ねた田舎の温泉旅館のようだ。 ためしに、mixiの画面を見に行かないで、mixiのPC用インターフェイスを頭のなかに思い浮かべてみてほしい。3カラム構成になっているおなじみのオレンジ色の画面だ。そのmixiのインターフェイスのうち、mixiページに関するアクティビティ・更新情報・新着コメント・最新書き込み、そういったものはいったいどのあたりに表示されるんだっけ？ っていうのを思いだしてみてほしい。すぐに「ここ！」ってわかるだろうか？ 数えてみたんだけど、ユーザーによるコンテンツとアクティビティ（ニュースとか広告は除く）が通知あるいはフィードされるボックスは、mixiのPCインターフェイス上にデフ
Balsamiq Company Info — We're Good People, and We Care! | Balsamiq
Since we started in 2008, our mission is to help people create software and websites that are easier to use. We do this by: Building the market-leading low-fidelity wireframing tool. Teaching UI design, mostly to non-designers. Building a long-lasting company. We like to compete on usability and customer service.
Operating System Interface Design Between 1981-2009
A Graphical User Interface (GUI for short) allows users to interact with the computer hardware in a user friendly way. Over the years a range of GUI's have been developed for different operating systems such as OS/2, Macintosh, Windowsamiga, Linux, Symbian OS, and more. We'll be taking a look at the evolution of the interface designs of the major operating systems since the 80's. I should mention
すばらしいソフトを作るには、カリスマが講演 ― ＠IT
記者という職業柄、これまで非常に多くのプレゼンテーションを見てきたが、プレゼンテーションの1枚目が半裸の女性モデルの写真だったのは初めてだった。 2月13日、14日の予定で東京・目黒で開催中の「デベロッパーズ・サミット2008」で講演したFog Creek Softwareの創業者でCEOのジョエル・スポルスキー（Joel Spolsky）氏のプレゼンテーション「Joel on Developers Summit――素晴らしいソフトウェアを作るということ」は、型破りに楽しく、なおかつソフトウェア開発者にとって示唆に富む内容だった。 スポルスキー氏は米マイクロソフトのExcelチームで、Excel用マクロ言語を、後にVBAと呼ばれることになるモダンなオブジェクト指向言語に置き換える仕事でプログラムマネージャを務めたことがあるなどソフトウェア開発のベテランだが、エッセイの書き手としても名を馳せ
多くのユーザーは一度に1本しかジュースを買わない ― ＠IT
ユーザビリティのヒント（1） 多くのユーザーは 一度に1本しかジュースを買わない 「自動販売機での不要な動作から考える」 ソシオメディア 上野 学 2006/6/2 Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなTips集。自動販売機でジュースを買うときの不要な動作から考える。（編集部） 今回からはWebアプリケーションのユーザーインターフェイスの続編の「Tips編」として、ウェブアプリケーションのユーザーインターフェイスをデザインするうえで役立つさまざまなヒントを、少し細かな視点から具体的に見ていきます。 複雑な構成物を作り上げるには、基本となるコンセプトやアーキテクチャといった抽象度の高い部分から考えていくトップダウン式のアプローチと、構成要素の細部から考えていくボトムアップ式のアプローチの両方が必要になりますが、前回までの経験則編はどちらかといえばトップダ
14 Tab-Based Interface Techniques | Developer's Toolbox | Smashing Magazine
A module tab is a design pattern where content is separated into different panes, and each pane is viewable one at a time. The user requests content to be displayed by clicking (or in some instances hovering over) the content’s corresponding tab control. A module tab is a User Interface (UI) design pattern where content is separated into different panes, and each pane is viewable one at a time. Th
＠IT：Webアプリケーションのユーザーインターフェイス［1］-1
Webアプリケーションのユーザーインターフェイス[1] ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの ソシオメディア 上野 学 2005/6/2 ■はじめに Webクライアントの技術が進歩し、多様化するに従って、Webベースのシステムにはデスクトップアプリケーションと同等の品質を持つユーザーインターフェイスが必要となってきています。 しかし開発の現場では、ユーザーインターフェイス（特にGUI）デザインについての専門的なスキルを持った技術者が圧倒的に不足しています。その理由は、ソフトウェア製品におけるユーザーインターフェイスの重要性が正当に理解されていないためと、ユーザーインターフェイス・デザインに関する教育機会がほとんどないためです。 利用者の視点に立てば、ユーザーインターフェイスとは製品そのものです。いくら高度に洗練された仕組みがバックエンドにあったとしても、それが
UI Patterns and Techniques: Introduction
Introduction About Patterns Organizing the Content Overview Plus Detail Hub and Spoke Extras On Demand Step-by-Step Instructions One-Window Drilldown Intriguing Branches Multi-Level Help Getting Around Clear Entry Points Toplevel Navigation Color-Coded Divisions Animated Transition Detail View Navigation Organizing the Page Visual Framework Center Stage Titled Sections Card Stack Closable Pa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
UI Technology Paradigm Shift
IDEA * IDEA
IDEA * IDEA
TechCrunch | Startup and Technology News
IDEA * IDEA
IDEA * IDEA
ソシオメディア | UIデザインパターン
ma.laさんによるライブドアテクノロジーセミナーのプレゼン資料「Technologies for UI」