ユーザーが迷わないウェブサイト設計のためのガイドライン | マミオン有限会社-パソコン・数学研修、ウェブユーザビリティ評価
とはいえ、今どきのシニアはインターネットくらい使えるだろうと思っていませんか？ 実は、老眼が始まり始めたころから、若い人と壮年期の方の画面の見え方は変わりはじめます。細かい文字を読むのが辛くなったり、新しい言葉が出てきたときに読み飛ばす、自分ができたことをしようとするため、予想外の変化やエラーに対処がしづらくなるなど「加齢」に伴い、心・体共に若いころのものとは少しずつ変化が生じます。 また、定年退職を迎えるとインターネットに触れる機会が少なくなるため、操作の応用が効かなくなるなどの傾向が現れます。 2013年8月中旬に、60歳以上のネットユーザー（N=100）を対象とした「インターネットショッピングに関する簡易調査」を行いました。 「途中でショッピングをあきらめたことがある」と回答した方は、なんと6割にも上ることがわかりました。今回のアンケート対象はネットリサーチのモニターなので、ITリテ
Contents | Web Style Guide
Front Matter Chapter 1: Strategy Chapter 2: Research Chapter 3: Process Chapter 4: Information Architecture Chapter 5: Site Structure Chapter 6: Page Structure Chapter 7: Interface Design Chapter 8: Graphic Design Chapter 9: Typography Chapter 10: Editorial Style Chapter 11: Images Chapter 12: Video Back Matter About the authors Patrick J. Lynch and Sarah Horton have been working together on award
[JS]エクセルやスプレッドシートのように美しく機能的な表を作成するスクリプト -ParamQuery grid
HTMLで作成した普通のテーブルでも、Microsoft OfficeのエクセルやGoogleのスプレッドシートのように美しく機能的なテーブルにする軽量のjQueryのプラグインを紹介します。 ParamQuery grid ソート、セルサイズの変更、インライン編集などもできます。 ParamQuery gridの特徴 ParamQuery gridのデモ ParamQuery gridの使い方 ParamQuery gridの特徴 商用利用可のオープンソース。 データのフォーマットはHTML, Array, XML, JSONなど。 ソート、ページング、カラムのリサイズに対応。 デザインはテーマでカスタマイズ可能。 バーチャルスクロール・レンダリング。 セルのインライン編集。 対応ブラウザはIE6/7/8をはじめ、主要な全てのブラウザ。 サーバーサイドのフレームワークはASP.NET,
Adobeアカデミックストア
Get 20+ Creative Cloud apps for less than the price of 3 apps. The All Apps plan includes 20+ apps and services plus 20,000 fonts, storage, templates, and tutorials for less than the price of Acrobat, Photoshop, and Premiere Pro sold separately. https://main--cc--adobecom.hlx.page/cc-shared/fragments/merch/products/catalog/marquee/includes Free trial | Free trial Creative Cloud All Apps Buy now |
Collection: Design Patterns
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
[CSS]フォントのサイズ指定はpx？ em？ 既存の再検討とこれからのテクニック
フォントのサイズの単位に何を使ってますか？ px？ em？ それら2つのよく利用されるテクニックをおさらいし、さらに第3のテクニックも紹介します。 Font sizing with rem [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに pxを使ったサイズ指定 emを使ったサイズ指定 remを使ったサイズ指定 はじめに フォントのサイズの単位に何を使用するかは、未だに激しい議論の的となっています。それらのテクニックにはそれぞれ長所と短所があるのも現実です。 それらの中で短所が少なく、よく利用されるテクニックは2つあります。 pxを使ったサイズ指定 emを使ったサイズ指定 これら2つのテクニックを再検討し、さらにもう3つ目のテクニックを紹介します。 pxを使ったサイズ指定 ウェブの初期に、私たちはテキストのサイズを定めるために「px」を使用していました。これは一貫しており
リクナビＮＥＸＴ／リクルートの転職サイト
現在、あなたがお使いのブラウザは、Cookie（クッキー）をブロックする設定になっています。 リクナビＮＥＸＴでは、個人情報保護と利便性の観点からクッキーの使用をお願いしています（個人情報収集等の目的では使用しておりません）。お手数ですが、ブラウザの設定を変更してください。
Design patterns
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Persuasive design patterns are recurrent, psychology-based strategies that deliberately steer users toward intended outcomes. They provide designers with a systematic framework for embedding purposeful influence in an i
Explore the Book » Designing Web Interfaces
Make it Direct As Alan Cooper states: "Where there is output, let there be input." This is the principle of direct manipulation. For example, instead of going to a separate page to edit content it can be done inline, directly in the context of the page. Keep it Lightweight It's about keeping a light footprint. When the user interacts with the application it should be in a way that causes the least
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Newest blog post: Why Create a Design System Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise
Start Building Consistent Web Interfaces | Patternry
Create front-end style guides in minutes Patternry is the smartest way to build, manage and share living style guides and design systems. Get Free Trial Example Library Everything in one place Patternry is the best way to store design & code assets for your product. Design patterns, guidelines, screenshots, living code examples, discussions and more. Learn more > Reuse design & code Patternry is b
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Web Design & CSS Inspiration for the iPhone — CSS iPhone
The Wix Editor | Wix Support Center
GitHub - smcllns/css-social-buttons: Zocial: CSS login and social buttons
stroll.js - CSS3 Scroll Effects
IDEA*IDEA 〜 とあるサービス運営者が学んだことをまとめるブログ
http://www.userplus.com/blog/
[記]『ディフェンシブ・ウェブデザインの技術―「うまくいかないとき」に備えたデザイン、「上手に」間違えるためのデザイン』37signals, 吉川 典秀, ソシオメディア(毎日コミュニケーショ�![[記]『ディフェンシブ・ウェブデザインの技術―「うまくいかないとき」に備えたデザイン、「上手に」間違えるためのデザイン』37signals, 吉川 典秀, ソシオメディア(毎日コミュニケーショ�](https://cdn-ak-scissors.b.st-hatena.com/image/square/23e9a76b01a0ebd0e2762216d44b6d1dd8ac219a/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fm.media-amazon.com%2Fimages%2FI%2F41Q592E36CL._SL500_.jpg)
Amazon.com: Web Form Design: Filling in the Blanks: Wroblewski, Luke: Books
http://www.uipatterns.net/