ユーザーã®é€²æ—を明示ã™ã‚‹ã€Œãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã€è©³è§£
オンラインストアã§ã®æ³¨æ–‡ã‚„フォームãªã©ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é€²æ—を明示ã™ã‚‹ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®æ¦‚è¦ã‚„特長ã€å®Ÿè£…例ã€ã‚ˆãã‚ã‚‹é–“é•ã„ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Progress Trackers in Web Design: Examples and Best Practices 以下ã¯ãã®ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã¨ã¯ï¼Ÿ 2. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã¨ãƒ‘ンããšã®ç›¸é•ç‚¹ 3. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®æ´»ç”¨ 4. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティス 5. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®å®Ÿè£… 6. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®ã‚ˆãã‚ã‚‹é–“é•ã„ 7. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ 1. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã¨ã¯ï¼Ÿ プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã¨ã¯é€²æ—を明示ã™ã‚‹ã‚‚ã®ã§ã€è¤‡æ•°ã®ã‚¹ãƒ†ãƒƒãƒ—ãŒã‚るプãƒã‚»ã‚¹ã‚’完了ã™ã‚‹ãŸã‚ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ‰‹åŠ©ã‘ã¨ãªã‚‹ã‚‚ã®ã§ã™ã€‚ オンラインã®ãƒ—ãƒãƒ€
LukeW | The Apple Store's Checkout Form Redesign
The Apple Store's Checkout Form Redesign by Luke Wroblewski December 16, 2009 Though most people wouldn't consider Apple's Web site an important online destination, November saw Apple in the top ten list of US Web sites. 62 million Internet users visited Apple online during the month with an average of 1 hour and 18 minutes spent per user. By comparison, Google had 155 million unique visitors in N
jQueryã§å¹…ã®å¤§ããªãƒ‰ãƒãƒƒãƒ—ダウンメニュー作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspot開発日誌
jQueryã§å¹…ã®å¤§ããªãƒ‰ãƒãƒƒãƒ—ダウンメニュー作æˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ ドãƒãƒƒãƒ—ダウンã¨ã„ã†ã¨ã€å˜ä¸€ã®åˆ—を想åƒã—ã¾ã™ãŒã€å®Ÿéš›ã«ã¯ã€æ¨ªã«åºƒãŒã£ãŸã»ã†ãŒè¦‹ã‚„ã™ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 次ã®ã‚ˆã†ãªå¹…ã®åºƒã„ドãƒãƒƒãƒ—ダウンメニューを実装ã™ã‚‹ä¾‹ã«ãªã£ã¦ã¾ã™ã€‚ åŒã˜ã‚ˆã†ãªãƒ‰ãƒãƒƒãƒ—ダウンã®ä¾‹ã‚‚色々公開ã•ã‚Œã¦ã„ã¦ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã®éš›ã®å‚考ã«ã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 以下ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„。 Mega Drop Down Menu w/ CSS & jQuery | Dropdown Menu | drop down menus | CSS Menu Tutorial | Drop Down Menu Tutorial
å˜èª¿ãªã‚¦ã‚§ãƒ–サイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«æ‰‹ã‚’åŠ ãˆã¦ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’アップã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
ウェブサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã‚’è¿½åŠ ã—ãŸã‚Šã€ç´°éƒ¨ã‚’ブラッシュアップã—ãŸã‚Šã—ã¦ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚’アップã™ã‚‹Photoshopã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’Psdtuts+ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
FWD勉強会vol.1資料公開
2007å¹´10月27æ—¥ã«é–‹å‚¬ã•ã‚ŒãŸã€ŒPHP in Fukuoka ＆ ç¦å²¡WebデザイナーズåˆåŒå‹‰å¼·ä¼šã€ã§ä½¿ç”¨ã—ãŸè³‡æ–™ã‚’公開ã—ã¾ã™ã€‚ FWD勉強会vol.1資料公開［PDF:1.4MBï¼½ 当日ä¼ãˆãã‚Œãªã‹ã£ãŸã“ã¨ã‚„ã€è‰¯ã„忘れã¦ã„ãŸã“ã¨ã€æº–å‚™ä¸è¶³ã ã£ãŸéƒ¨åˆ†ã‚’補ã†æ„味ã§ã€ä»˜éŒ²ã‚’è¿½åŠ ã—ã¦ã‹ã‚‰å…¬é–‹ã—よã†ã¨æ€ã£ã¦ã„ã¾ã—ãŸãŒã€æ™‚é–“ãŒã‹ã‹ã‚Šãã†ã ã£ãŸã®ã§ã€å¾Œæ—¥ä½™è£•ãŒã§ãã¦ã‹ã‚‰å…¬é–‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 今回ã¯ã€Œã„ã‚ã®ã¯ãªã—ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§ã€è‰²å½©èª¿å’Œã‚’テーマã«è©±ã‚’ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã€‚å¦ç”Ÿã®é ƒã«è‰²ã«ã¤ã„ã¦ã®æŽˆæ¥ã‚’å—ã‘ã¦ã„ã‚‹ã¯ãšã§ã™ãŒã€ã‚ã¾ã‚Šå‹‰å¼·ã‚’ã—ã¦ã„ãªã‹ã£ãŸã®ã§è©³ã—ã„ã‚ã‘ã§ã¯ãªãã€å°‘ã—知ã£ã¦ã„る程度ã§ã—ãŸã€‚ãã“ã§ã„ã‚ã‚“ãªæœ¬ã‚’èªã‚“ã ã‚Šã—ãªãŒã‚‰å‹‰å¼·ã‚’ã—ç›´ã™ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ 色ã®è©±ã¯ã¨ã¦ã‚‚範囲ãŒåºƒãã€èª¿ã¹ã¦ã„ãã†ã¡ã«å…¨ä½“ã‚’ã‚«ãƒãƒ¼ã™ã‚‹ã“ã¨ãªã©åˆ°åº•ç„¡ç†ã§ã‚ã‚‹ã“ã¨ãŒåˆ¤ã£ã¦ãŸã®ã§ã€è¦æœ›ã®ã‚ã£ãŸã€Œè‰²å½©èª¿å’Œã€ã«çµžã‚‹ã“ã¨ã«
Android GUI PSD Vector Kit — Smashing Magazine
In this post we release Android GUI Starter Kit, a set that comes with several button elements as well as different interface options for Android GUI. This set was designed by Pavel MaÄek and released especially for Smashing Magazine and its readers. Android GUI PSD is based on elements of Android 1.5 GUI and was made to help open-source community with Android applications mock-ups. Most of the el
Webデザイナーã®ãŸã‚ã®ç¾Žã—ã„jQueryプラグイン22 – creamu
Tutorial9ã§ã€Webデザイナーã®ãŸã‚ã®ç¾Žã—ã„jQueryプラグインãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã–ã£ã¨ã„ãã¤ã‹ã”紹介。 » jQuery.popeye – an inline lightbox alternative lightboxをギャラリーã®ã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã«ä»£æ›¿ã—ãŸjQuery.popeye » jPlayer – jQuery mp3 player plugin jQueryã§ä½œã‚‹mp3ミュージックプレーヤー » jQuery form plugin jQueryã§éžåŒæœŸé€šä¿¡ã®ãƒ•ã‚©ãƒ¼ãƒ を実装 » easyDrag jQuery plugin ç°¡å˜ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をドラッグ&ドãƒãƒƒãƒ—ã§ãるよã†ã«ã™ã‚‹ãƒ—ラグイン » jQuery accordion plugin – vertical åž‚ç›´æ–¹å‘ã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ » Switch stylesheets with jQuery
ボードゲームã¨ã—ã¦ã€Œå°†æ£‹ã€ã‚’デザインã™ã‚‹
緊急告知 å¤ä¼‘ã¿ã‚¤ãƒ™ãƒ³ãƒˆï¼šã€Œå°†æ£‹ã‚’楽ã—ã‚‚ã†ã€ã‚’開催ã—ã¾ã™ 外国人やåˆã‚ã¦ã®äººã«ã‚‚分りやã™ãデザインã—ãŸãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«å°†æ£‹ç›¤ã§ã€ãƒœãƒ¼ãƒ‰ã‚²ãƒ¼ãƒ ã¨ã—ã¦é…力的ãªã€Žå°†æ£‹ã€ã‚’楽ã—む集ã„ã§ã™ã€‚ 女æµãƒ—ãƒæ£‹å£«ã®ã€ŒåŒ—å°¾ã¾ã©ã‹ã€ã•ã‚“ãŒæ¥å ´ã•ã‚Œã¾ã™ã€‚将棋ã«æŒ‘戦ã§ãã¾ã™ã‚ˆã€‚ 日時：8月２２日（土曜日）åˆå¾Œï¼‘時〜４時 å ´æ‰€ï¼šæ˜å’Œãƒ¬ãƒˆãƒå•†å“åšç‰©é¤¨ï¼ˆJRä¸å¤®ç·šé’梅駅下車3分） http://showa-retro.omjk.jp/ 詳ã—ãã¯ã“ã¡ã‚‰ã®ãƒãƒ©ã‚·ã‚’ã”覧ãã ã•ã„。 事ã®å§‹ã¾ã‚Šã¯2009å¹´ã®ã‚²ãƒ¼ãƒ マーケットã§ãŠä¼šã„ã—ãŸå¥³æµãƒ—ãƒæ£‹å£«ã®ã€ŒåŒ—å°¾ã¾ã©ã‹ã€ã•ã‚“ã‹ã‚‰ã€å¤–国人ã«ã‚‚å—ã‘入れ易ã„将棋ボードをオリジナルã§ä½œã‚‹ã”相談をå—ã‘ãŸã“ã¨ã§ã—ãŸã€‚彼女ã«ã¯æ—¢ã«è‡ªåˆ†ã®é ã®ä¸ã«ãŠãŠã¾ã‹ãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã‚ã‚‹ã¨ã®ã“ã¨ã§ã—ãŸã®ã§ã€å¾Œæ—¥ãŠè©±ã—ã¾ã—ょã†ã¨ã„ã†ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã†ã„ã†å‘½é¡ŒãŒä¸Žãˆã‚‰ã‚Œã‚‹ã¨è‡ªåˆ†ã§ã‚‚作りãŸããªã£ã¦ããŸã®ã§
Ring
Ringã¨ã¯ã€ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã‚°ãƒ«ãƒ¼ãƒ—会社従æ¥å“¡ã‚’対象ã«ã—ãŸæ–°è¦äº‹æ¥æ案制度ã§ã™ã€‚ 『ゼクシィã€ã€ŽR25ã€ã€Žã‚¹ã‚¿ãƒ‡ã‚£ã‚µãƒ—リã€ãªã©æ•°å¤šãã®äº‹æ¥ã‚’生ã¿å‡ºã—ã¦ããŸæ–°è¦äº‹æ¥åˆ¶åº¦ã¯ã€ 1982å¹´ã«ã€ŒRINGã€ã¨ã—ã¦ã‚¹ã‚¿ãƒ¼ãƒˆã—ã€1990年「New RINGã€ã¨æ”¹å®šã€ãã—ã¦2018年「Ringã€ã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸã€‚ リクルートグループã®å¾“æ¥å“¡ã¯èª°ã§ã‚‚自由ã«å‚åŠ ã™ã‚‹ã“ã¨ãŒã§ã〠テーマã¯ãƒªã‚¯ãƒ«ãƒ¼ãƒˆã®æ—¢å˜é ˜åŸŸã«é™ã‚‰ãšã€ã‚ã‚Šã¨ã‚ã‚‰ã‚†ã‚‹é ˜åŸŸãŒå¯¾è±¡ã§ã™ã€‚ リクルートã«ã¨ã£ã¦ã€Ringã¨ã¯ã€Œæ–°ã—ã„価値ã®å‰µé€ ã€ã¨ã„ã†ã‚°ãƒ«ãƒ¼ãƒ—経営ç†å¿µã‚’体ç¾ã™ã‚‹å ´ã§ã‚り〠従æ¥å“¡ãŒè‡ªåˆ†ã®æ„æ€ã§æ–°è¦äº‹æ¥ã‚’æ案・実ç¾ã§ãる機会ã§ã™ã€‚ Ringフãƒãƒ¼ ãã®å¾Œã®äº‹æ¥é–‹ç™ºæ‰‹æ³• Ringを通éŽã—ãŸæ¡ˆä»¶ã¯ã€äº‹æ¥åŒ–を検討ã™ã‚‹æ¨©åˆ©ã‚’å¾—ã¦ã€äº‹æ¥é–‹ç™ºã‚’è¡Œã„ã¾ã™ã€‚ ã•ã¾ã–ã¾ãªäº‹æ¥é–‹ç™ºã®æ‰‹æ³•ãŒã‚ã‚Šã¾ã™ãŒã€ä¾‹ãˆã°æ—¢å˜é ˜åŸŸã§ã®äº‹æ¥é–‹ç™ºã®å ´åˆã¯ã€ 担当事æ¥ä¼šç¤¾å†…ã§äºˆç®—ã‚„
優れãŸãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’è¨è¨ˆã™ã‚‹éš›ã«è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆ
ユーザーã«ã¨ã£ã¦æœ‰ç›Šãªãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’è¨è¨ˆã™ã‚‹éš›ã«è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’Usability Postã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 8 Characteristics Of Successful User Interfaces 以下ã€ãã®æ„訳ã§ã™ã€‚ ユーザインターフェイスã®è¨è¨ˆæ™‚ã«ã€è€ƒæ…®ã™ã‚‹8ã¤ã®ãƒã‚¤ãƒ³ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快ã§ã‚ã‚‹ã¨ã„ã†ã®ã¯ã€æœ€ã‚‚é‡é‡ãªè¦ç´ ã§ã™ã€‚ ユーザインターフェイスデザインã®ç›®çš„ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ„味ã¨æ©Ÿèƒ½ã‚’ä¼ãˆã€åˆ©ç”¨ã™ã‚‹ã‚¢ãƒ—リケーションã¨ç›¸äº’ã«ã¤ãã‚ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹ã“ã¨ã§ã™ã€‚ãã®ã‚¢ãƒ—リケーションãŒã©ã®ã‚ˆã†ã«æ©Ÿèƒ½ã™ã‚‹ã®ã‹ã€ã©ã“ã«é€²ã‚€ã¹ãã‹ç†è§£ã™ã‚‹ã“ã¨ãŒã§ããªã„時ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å›°æƒ‘ã—ãŒ
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://www.fallinstar.org/2010/01/2010_ui.html
User Plus
{{#tags}}- {{label}}
{{/tags}}