プãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®UXãƒãƒ¼ãƒˆã‚·ãƒ¼ãƒˆ — ã‚ã‚Šãˆã‚‹ãˆã‚Šã‚
ã¯ã˜ã‚ã« http://msdn.microsoft.com/ja-jp/library/aa511258.aspx 㮠「Windows ユーザー エクスペリエンス ガイドライン〠「ガイドライン〠主ã«ã€Œã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã€ ã®æŠœç²‹ã§ã™ã€‚ 以下ã®åŸºæº–ã§æŠœç²‹ã—ã¾ã—㟠Web UIã«å¿œç”¨å¯èƒ½ 実用的ã‹ã¤å…·ä½“çš„ 自明ã§ã¯ãªã„ プライマリUIを目立ãŸã›ã‚‹ プライマリ UI è¦ç´ を強調ã™ã‚‹ã«ã¯ã€ä»¥ä¸‹ã«å¾“ã„ã¾ã™ã€‚ - プライマリ UI è¦ç´ ã¯ã€è¦–ç·šã®é€šã‚Šé“ã«é…ç½®ã—ã¾ã™ã€‚ - タスクを開始ã™ã‚‹ UI è¦ç´ ã¯ã€å·¦ä¸Šéš…ã¾ãŸã¯ä¸å¤®ä¸Šã«é…ç½®ã—ã¾ã™ã€‚ - コミット ボタンã¯ã€å³ä¸‹éš…ã«é…ç½®ã—ã¾ã™ã€‚ - 残りã®ãƒ—ライマリ UI ã¯ã€ä¸å¤®ã«é…ç½®ã—ã¾ã™ã€‚ - コマンド ボタンã€ã‚³ãƒžãƒ³ãƒ‰ リンクã€ã‚¢ã‚¤ã‚³ãƒ³ãªã©ã€æ³¨æ„を引ã付ã‘るコントãƒãƒ¼ãƒ«ã‚’使用ã—ã¾ã™ã€‚ - 大ããªãƒ†ã‚ストや太å—ã®ãƒ†ã‚ストãªã©ã®ç›®ç«‹ã¤ãƒ†ã‚ストを使用ã—ã¾ã™ã€‚ ユ
ウェブサイトã§ã‚„ã£ã¦ã—ã¾ã„ãŒã¡ãªãƒ¦ãƒ¼ã‚¶ãƒ“リティã®ãƒŸã‚¹
ウェブサイトã§ã‚„ã£ã¦ã—ã¾ã„ãŒã¡ãªãƒ¦ãƒ¼ã‚¶ãƒ“リティã®9ã¤ã®ãƒŸã‚¹ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 9 Common Usability Mistakes In Web Design 下記ã¯ã€ãã®æ„訳ã§ã™ã€‚ 1. クリックã§ãるエリアãŒå°ã•ã„ リンクã®ã‚¯ãƒªãƒƒã‚¯ã§ãるエリアãŒå°ã•ã„ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã®ãŒéžå¸¸ã«å›°é›£ã§ã™ã€‚ 解決方法 リンク箇所ã«paddingãªã©ã‚’è¨ã‘ã¦ã€ã‚¯ãƒªãƒƒã‚¯ã§ãるエリアを大ããã—ã¾ã™ã€‚ 2. é–“é•ã£ãŸç›®çš„ã®ãŸã‚ã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ ページãƒãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€å†…容を複数ã®ãƒšãƒ¼ã‚¸ã«åˆ†ã‘る時ã«ä½¿ç”¨ã—ã¾ã™ã€‚ ã—ã‹ã—ã€æœ€è¿‘ページビューを増やã™ç›®çš„ã§ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¨ç½®ã—ã¦ã„るサイトãŒã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã«ã¯å•é¡Œç‚¹ãŒ2ã¤ã‚ã‚Šã¾ã™ã€‚ 一ã¤ç›®ã¯ã€1ã¤ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’èªã‚€ã®ã«ãƒšãƒ¼ã‚¸ã‚’ãƒãƒ¼ãƒ‰ã—ãªãã¦ã¯ãªã‚‰ãªã„ã“ã¨ã€‚二ã¤ç›®ã¯ã€SEOã¨é–¢ä¿‚ãŒã‚ã‚Šã¾ã™ã€‚ページã®ã‚¤ãƒ³ãƒ‡ãƒƒã‚¯ã‚¹ä»˜ã‘ã‚’è¡Œã†éš›ã€ãƒšãƒ¼
汎用性ã®é«˜ãã†ãªç„¡æ–™ã§é«˜å“質ã®ãƒ™ã‚¯ã‚¿ãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆé›† | コリス
VECTOR TUTSã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œç„¡æ–™ã®é«˜å“質ãª60ã®ãƒ™ã‚¯ã‚¿ãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ‘ックã€ã‹ã‚‰ã€æ±Žç”¨æ€§ã®é«˜ãã†ãªã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã‚’紹介ã—ã¾ã™ã€‚ 60 Free Vector Icon Packs for Design Professionals
MOONGIFT: » 必見ï¼æ€–ããªã‚‹ãらã„優秀ãªCMS「concrete5ã€:オープンソースを毎日紹介
ã“ã‚Œã¾ã§å¤šæ•°ã®CMSを見ã¦ããŸãŒã€ã“ã“ã¾ã§å®Œæˆåº¦ãŒé«˜ã„ã¨è¨€ãˆã‚‹ã‚‚ã®ã«å‡ºä¼šã£ãŸã“ã¨ã¯ãªã‹ã£ãŸâ€¦ãã†è¨€ãˆã‚‹ãらã„凄ã„。ã“ã®ã©ãã©ãæ„Ÿã¯DekiWikiã«è§¦ã‚ŒãŸæ™‚ã«æ„Ÿã˜ãŸã‚‚ã®ã«è¿‘ã„。 見ãŸã¾ã¾ç·¨é›†ã§ãã‚‹CMS CMSã¨è¨€ãˆã°ã€ãƒ¦ãƒ¼ã‚¶ç”»é¢ã¨ç®¡ç†ç”»é¢ã«åˆ†ã‹ã‚Œã¦ã„ã¦ã€ç®¡ç†ç”»é¢ã¯ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã‚„テーマã®è¨å®šã€å„é …ç›®ã®ä¸¦ã³ã‚’指定ã™ã‚‹ã®ãŒé€šå¸¸ã 。実際ã®å‡ºåŠ›çµæžœã¯ã‚·ã‚¹ãƒ†ãƒ ä»»ã›ã§ã€ãã®ç‚¹ãŒæŸ”軟性ã«æ¬ ã‘る点ã§ã‚‚ã‚ã£ãŸã€‚ ã—ã‹ã—ã“ã‚Œã¯é•ã†ã€‚見ãŸã¾ã¾ç·¨é›†ã§ãã€ã•ã‚‰ã«é«˜ã„柔軟性をç¶æŒã—ã¦ã„る。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯concrete5ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã€ç®¡ç†ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„作æˆå…¨ã¦ãŒé«˜åº¦ãªCMSã 。 相当個人的ãªæ„Ÿæƒ…ãŒå…¥ã£ã¦ã—ã¾ã£ã¦ã„ã‚‹ã®ã¯ã€åŒã˜ã‚ˆã†ãªã‚·ã‚¹ãƒ†ãƒ を構築ã™ã‚‹äºˆå®šãŒã‚ã£ãŸã‹ã‚‰ã 。ã ãŒconcrete5ã¯å®Œæˆåº¦ã‚‚高ãã€å¤šå°‘ã®æ”¹é€ ã•ãˆæ–½ã›ã°å分ãªæ°—ãŒã™ã‚‹ã€‚ã‚„ã¯ã‚Šä¸‹æ‰‹ã«é–‹ç™ºã‚³ã‚¹ãƒˆã‚’ã‹ã‘るよりもオープンソースã§æŽ¢
21 Most Useful Free Resources For Designers And Web Developers | SmashingApps.com
by AN Jay · October 24, 2008 21 Most Useful Free Resources For Designers And Web Developers We are always looking to come up with the post that is attractive and useful for everyone. We most of the time focuses on the designer’s stuff, developer’s resources and where anything is going to launch free of cost. There are countless designer’s and developer’s free resources available which everyone sho
自分ã®ãƒšãƒ¼ã‚¸ã‚„サイトãŒå„ブラウザã§ã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ç¢ºèªã§ãる便利ãªã‚µã‚¤ãƒˆã„ã‚ã„ã‚ - GIGAZINE
サイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’変更ã—ãŸã‚Šã€æ–°ã—ãデザインã™ã‚‹éš›ã«ä½¿ãˆã‚‹ã®ãŒã“ã®ã‚¯ãƒã‚¹ãƒ–ラウザテストã€è¦ã™ã‚‹ã«ã€Œãã‚Œãžã‚Œã®OSã®ãã‚Œãžã‚Œã®ãƒ–ラウザã§è‡ªã‚µã‚¤ãƒˆã¯æ£ã—ã見ãˆã¦ã„ã‚‹ã®ã‹ï¼Ÿã€ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚予算ã¨æ™‚é–“ãŒæ½¤æ²¢ã§ã‚ã‚Œã°ã€è‡ªåˆ†ã§å„種OSã‚’æƒãˆã€å„種ブラウザを導入ã—ã¦ãƒã‚§ãƒƒã‚¯ã§ãã‚‹ã®ã§ã™ãŒã€ã‚ã¾ã‚Šã«ã‚‚éžç¾å®Ÿçš„ãªå ´åˆãŒå¤šã„ãŸã‚ã€ã“ã®æ‰‹ã®ãƒ†ã‚¹ãƒˆã‚µã‚¤ãƒˆã¯éžå¸¸ã«é‡å®ã—ã¾ã™ã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„レイアウトã®ãƒã‚§ãƒƒã‚¯ã«ä½¿ãˆã‚‹ã‚¯ãƒã‚¹ãƒ–ラウザテストã®ã‚µã‚¤ãƒˆä¸€è¦§ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ 10 Helpful Resources for Cross Browser Testing Browsershots http://browsershots.org/ 見ã¦ã®ã¨ãŠã‚Šã€ç¾æ™‚点ã§ã¯ã»ã¼æœ€å¼·ã«æœ€ã‚‚è¿‘ã„定番クãƒã‚¹ãƒ–ラウザテストサイトãŒã€ŒBrowsershotsã€ã§ã™ã€‚Linux・Windows・Mac OS・BSDã®å„種ブ
ボタンクリックã®åŠ¹æžœéŸ³ã‚„環境音ãªã©500,000超ã®ã‚µã‚¦ãƒ³ãƒ‰ã‚’ダウンãƒãƒ¼ãƒ‰ã§ãã‚‹ -The Freesound Project | コリス
The Freesound Projectã¯ã€ãƒœã‚¿ãƒ³ã®ã‚¯ãƒªãƒƒã‚¯æ™‚ã®éŸ³ã‚„波・風・鳥ã®é³´ã声・ノイズ・パンãƒãƒ»ã‚ック・電話・楽器ãªã©ã®å¤šç¨®å¤šæ§˜ãªã‚µã‚¦ãƒ³ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãるサイトã§ã™ã€‚
フォームをã¡ã‚‡ã“ã£ã¨ã ã‘使ã„ã‚„ã™ãã™ã‚‹å°æŠ€ã„ã‚ã„ã‚ - IDEA*IDEA ～ 百å¼ç®¡ç†äººã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚° ～
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
ページã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã«ã‚‚最é©ãªãƒ•ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆ20é¸ | コリス
Logo Design NZ blogã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€ä½¿ã„å‹æ‰‹ã®ã‚ˆã•ãã†ãªã€ãƒšãƒ¼ã‚¸ã®ã‚¢ã‚¯ã‚»ãƒ³ãƒˆã«ã‚‚最é©ãªãƒ•ãƒªãƒ¼ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Download Top 20 Designing Fonts
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Webサイトをスマートフォン対応ã—ã¦ã¨è¨€ã‚ã‚ŒãŸæ™‚ã«è¦‹ã¦ãŠããŸã„サイトã¾ã¨ã‚｜caraldo.net | Webã¨iPhoneã¨ãƒãƒ¼ãƒ‰ãƒã‚¤ã‚¯ãŒå¤§å¥½ãï¼
背景ã«ä½¿ãˆã‚‹ãƒ™ã‚¯ã‚¿ãƒ¼ç´ æã„ã‚ã„ã‚ - DesignWalker
{{#tags}}- {{label}}
{{/tags}}