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. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
「ã‚ã¨ä½•ï¼…ã€ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»é¢ã‚’集ã‚ãŸç¾Žè¡“館 | WIRED VISION
å‰ã®è¨˜äº‹ã€€è¨˜æ†¶ã‚’始ã‚る「脳ã®ã‚¹ã‚¤ãƒƒãƒã€ç™ºè¦‹ã‹ ãƒãƒƒãƒˆã®èª˜æƒ‘をブãƒãƒƒã‚¯ã—ã¦ãれるソフト『自制心ã€ã€€æ¬¡ã®è¨˜äº‹ 「ã‚ã¨ä½•ï¼…ã€ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»é¢ã‚’集ã‚ãŸç¾Žè¡“館 2009å¹´4月 1æ—¥ Scott Loganbill 『Pretty Loadedã€ã¯ã€Flashã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»é¢ã‚’集ã‚ãŸç¾Žè¡“館ã 。 ã•ã¾ã–ã¾ãªã‚¯ãƒªã‚¨ã‚¤ãƒ†ã‚£ãƒ–ãªç”»é¢ã‚’ãŸãã•ã‚“見るã“ã¨ãŒã§ãã‚‹ã€‚é ‘å¼µã‚Œã°ã€å…¨éƒ¨è¦‹ã‚‹ã“ã¨ã‚‚ã§ãã‚‹ã‹ã‚‚ã—ã‚Œãªã„……ç¾åœ¨15％完了ã§ã€ã‚ã¨ã‚‚ã†å°‘ã—ã 。 kottkeã®è¨˜äº‹ã‚’å‚ç…§ã—ãŸã€‚ [日本語版：ガリレオ-åˆåŽŸå¼˜åï¼åˆåŽŸå¼˜å] WIRED NEWS 原文(English)
UIデザインガイドラインã®ã¾ã¨ã‚ : could
UIUXガイドライン UIデザインガイドラインã®ã¾ã¨ã‚ デザインガイドラインã¯ã€å®Ÿéš›åŒã˜ã‚ˆã†ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‚’作るã¨ãã ã‘ã§ãªãã€UIデザインを考ãˆã‚‹éš›ã«ã‚‚役立ã¤è²´é‡ãªè³‡æ–™ã§ã™ã€‚今ã¾ã§å€‹åˆ¥ã§ç´¹ä»‹ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ä¸€æŒ™ã«ã¾ã¨ã‚ã¦ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ã¦ã¿ã¾ã—ãŸã€‚ Introduction to Apple Human Interface Guidelines 個人的㫠UI デザインガイドラインã¨ã„ãˆã°ã“れ。日本語訳も大変便利ã§ã™ Apple User Experience Guides ソフトウェア開発å‘ã‘ã§ã™ãŒã€ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ã‚ãŸã‚Šã¯å‚考ã«ãªã‚Šã¾ã™ iPhones Human Interface Guidelines 会員登録ã™ã‚‹ã¨è¦‹ã‚Œã‚‹ PDF 資料ã§ã™ãŒã€ä¸Šè¨˜ã®ãƒªãƒ³ã‚¯ã‹ã‚‰ãƒ–ラウザ上ã§è¦³è¦§ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ Windows User Experience Interaction G
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
é¢ç™½ã„ï¼Wordファイルã®ãƒ“ジュアルマージツール·TextFlow MOONGIFT
オフィスã§ã¯Excelã‚„Accessã€PowerPointã«ç¶šã„ã¦Wordも良ã利用ã•ã‚Œã‚‹ã€‚ãã—ã¦å¤šæ•°ã®äººãŒåˆ©ç”¨ã™ã‚‹ãŸã‚ã«å…±æœ‰ã«ã‚るファイルãŒã‚³ãƒ”ーã•ã‚Œã€ç·¨é›†ã•ã‚Œã¦ã—ã¾ã„ベースã¯åŒã˜ã ã£ãŸã¯ãšã®ãƒ‰ã‚ュメントãŒå¤šæ•°å˜åœ¨ã™ã‚‹çŠ¶æ…‹ã«é™¥ã‚‹ã€‚ ビジュアル的ãªWord用マージツール ãã®ã‚ˆã†ãªæ™‚ã«è¡Œã†ã®ãŒãƒžãƒ¼ã‚¸ã«ãªã‚‹ã€‚ã ãŒãƒ†ã‚ストエディタã§ã¯å®¹æ˜“ãªãƒžãƒ¼ã‚¸ä½œæ¥ã‚‚ã€ãƒã‚¤ãƒŠãƒªã®Wordドã‚ュメントã§ã¯ãã†ç°¡å˜ã«ã¯ã„ã‹ãªã„。ãã®è§£æ±ºç–ã‚’æ案ã—ã¦ãれるã®ãŒTextFlowã 。 TextFlowã¯AIR製ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ã§ã€è¤‡æ•°ã®Wordファイルを相互ã«æ¯”較ã—ã¦ãƒžãƒ¼ã‚¸ã™ã‚‹ã“ã¨ãŒã§ãるソフトウェアã 。 AIR製ã§ã‚ã‚‹ãŸã‚ã«TextFlowã¯Windowsã¯ã‚‚ã¡ã‚ã‚“ã€Mac OSXã§ã‚‚動作ã™ã‚‹ã€‚TextFlowã¸ã®ãƒ¦ãƒ¼ã‚¶ç™»éŒ²ãŒå¿…é ˆã§ã‚ã‚Šã€ç¢ºèªãƒ¡ãƒ¼ãƒ«ã«è¨˜è¼‰ã•ã‚ŒãŸURLをクリック後ã€ç”»é¢ä¸‹ã«ã‚るライセンスã‚ーãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®
LoiLo inc
人々ã®æƒ³åƒã‚’å‰µé€ ã«ç¹‹ã’るツールを開発・æä¾›ã™ã‚‹ä¼šç¤¾ã§ã™ã€‚
ã“ã“ã¾ã§ã‚„ã‚‹ã‹â€¦ã®å¾¹åº•ãƒ‡ã‚¸ã‚¿ãƒ«ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ï¼ テーブルクãƒã‚¹ã¾ã§ãƒ—ãƒã‚¸ã‚§ã‚¯ã‚¿ãƒ¼ä»•æ§˜
ã“ã“ã¾ã§ã‚„ã‚‹ã‹â€¦ã®å¾¹åº•ãƒ‡ã‚¸ã‚¿ãƒ«ãƒ¬ã‚¹ãƒˆãƒ©ãƒ³ï¼ テーブルクãƒã‚¹ã¾ã§ãƒ—ãƒã‚¸ã‚§ã‚¯ã‚¿ãƒ¼ä»•æ§˜2008.10.22 18:00 真ã®PC好ãã«ã¯ã€å¿ƒåœ°ã‚ˆã„レストランã§ã—ょã†ãªã…。 レストランã«å…¥ã£ã¦å¸ã«ç€ãã¨ã€ã„ããªã‚Šé 上ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ã‚¿ãƒ¼ã‹ã‚‰PCオンã¨ã„ã†æ„Ÿã˜ã§ã™ã‚ˆã€‚テーブルクãƒã‚¹ãŒã€ãŠå¥½ã¿ã®å£ç´™ã«ãƒã‚§ãƒ³ã‚¸ã§ãã‚‹ã®ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€æ–™ç†ãŒé‹ã°ã‚Œã¦ãる予定ã®ãƒ—レート部分ãŒã€ã‚らã‹ã˜ã‚ラウンドスペースã«ãªã£ã¦ã„ã¦ã€ãã“ã¸ãƒ‡ã‚¸ã‚¿ãƒ«æ˜ åƒã§ãƒªã‚¢ãƒ«æ„Ÿã‚ãµã‚Œã‚‹æ³¨æ–‡æ–™ç†ã‚’å†ç¾ï¼ æ°—ã«å…¥ã£ãŸã‚‰ã€ãã®ã¾ã¾ãƒ†ãƒ¼ãƒ–ルディスプレイã«ã‚¿ãƒƒãƒã—ã¦æ³¨æ–‡ã¨ã„ã†æµã‚Œã«ãªã£ã¦ã„るよã†ã§ã™ã。 ã“ã‚Œã€ã¡ã‚‡ã£ã¨èžãã ã‘ã§ã¯ã€ãªã‚“ã‹ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼å°½ãã—ã§ã€ã¡ã‚‡ã£ã¨æ¸©ã‹ã¿ã«æ¬ ã‘るよã†ã«ã‚‚æ„Ÿã˜ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€å®Ÿã¯ã¨ã£ã¦ã‚‚オシャレã§ãƒã‚¤ã‚»ãƒ³ã‚¹ï¼ ãã®é…惑ã®åº—内ã®æ§˜åã‚’ã€ç¶šãã®ãƒ•ã‚©ãƒˆã‚®ãƒ£ãƒ©ãƒªãƒ¼ã«ã¦ã”確èªãã ã•ã„。 イギリスã¯ãƒãƒ³ãƒ‰ãƒ³ã®ã‚¦ã‚¨ã‚¹ãƒˆã‚¨ãƒ³ãƒ‰ï¼ˆ
ダメãªãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ã‚¤ã‚¹è¬›åº§
サービス終了ã®ãŠçŸ¥ã‚‰ã› ã„ã¤ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“スをã”利用ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã™ã€‚ ãŠå®¢æ§˜ãŒã‚¢ã‚¯ã‚»ã‚¹ã•ã‚ŒãŸã‚µãƒ¼ãƒ“スã¯æœ¬æ—¥ã¾ã§ã«ã‚µãƒ¼ãƒ“スを終了ã„ãŸã—ã¾ã—ãŸã€‚ 今後ã¨ã‚‚Yahoo! JAPANã®ã‚µãƒ¼ãƒ“スをã”愛顧ãã ã•ã„ã¾ã™ã‚ˆã†ã€ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚
マイクãƒã‚½ãƒ•ãƒˆMojave実験ã®æ•™è¨“ï½¢XP利用者ã¯Vistaã¨çŸ¥ã‚‰ãªã‘ã‚Œã°VistaãŒå¤§å¥½ã｣（動画）
マイクãƒã‚½ãƒ•ãƒˆMojave実験ã®æ•™è¨“ï½¢XP利用者ã¯Vistaã¨çŸ¥ã‚‰ãªã‘ã‚Œã°VistaãŒå¤§å¥½ã｣（動画）2008.08.04 10:00 先入観ã£ã¦æ€–ã„ã§ã™ã。 ã“ã‚Œã¯ã€Vistaã®æ‚ªè©•ã«ã©ã£ã·ã‚Šæ¼¬ã‹ã£ã¦ã‚¢ãƒƒãƒ—グレードã«ãªã‹ãªã‹é‡ã„腰を上ã’ãªã„サンフランシスコã®Windows XP利用者を密室ã«æ‹›ãã€é–‹ç™ºã‚³ãƒ¼ãƒ‰ãƒãƒ¼ãƒ ï½¢Mojaveï½£ãªã‚‹è¬Žã®æ–°ä½œOS（実ã¯Vista）を披露ã—ã€ãã®æ„Ÿæƒ³ã‚’ブラインドã§å°‹ãã¦ã¿ãŸå‹•ç”»ã§ã™ã€‚çµæžœã¯ã”覧ã®é€šã‚Šã€ 絶賛ã®åµï¼ ã§ã™ã‚ˆã。実際ã€9割以上ã®äººãŒMojaveVista大好ãã ã£ãŸãã†ã§ã™ã€‚ マイクãƒã‚½ãƒ•ãƒˆãŒVistaã®æ‚ªã„イメージ払æ‹ã®ãŸã‚ç«‹ã¡ä¸Šã’ãŸï½¢Mojave Experiment｣（モãƒãƒ™å®Ÿé¨“）ã®ã‚µã‚¤ãƒˆã§ã¯ã€ã“ã†ã—ãŸãƒ–ラインドテストã§åŽéŒ²ã—ãŸçµ¶è³›ã®å£°ãƒ»ãƒ“デオを淡々ã¨ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“PRã‚ャンペーンã§ã™ã‘ã©ã€ã“ã®å®Ÿé¨“ã®é¢ç™½ã„ã¨ã“ã‚ã¯ã€Vistaã«
デスクトップを３D物ç†ä¸–ç•Œã«å¤‰èº«ã•ã›ã‚‹ Shock Desktop 3D - æƒ…å ±è€ƒå¦ Passion For The Future
・Shock Desktop 3D http://www.docs.kr/entry/Download-Shock-Desktop3D-en èµ·å‹•ã™ã‚‹ã¨é€šå¸¸ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãŒãã®ã¾ã¾ï¼“D化ã•ã‚Œã‚‹ã€‚立体化ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã¯è³ªé‡ã‚’ã‚‚ã£ãŸç‰©ä½“ã§ã‚ã‚‹ã‹ã®ã‚ˆã†ã«å‹•ã。マウスã§æŒã¡ä¸Šã’ãŸã‚Šã€è·³ã飛ã°ã—ãŸã‚Šã—ã¦ä½ç½®ã‚’変ãˆã‚‹ã“ã¨ãŒã§ãる。アイコンåŒå£«ãŒã¶ã¤ã‹ã‚‹ã¨ç›¸äº’作用ã—ã¦è·³ã返る。ç¾å®Ÿä¸–ç•Œã®ã‚ˆã†ãªç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿç¾ã•ã‚Œã¦ã„る。整列ã—ã¦ã„るアイコン群をマウスã§ã‹ãã¾ã‚ã—ã¦ã€ãã£ã¡ã‚ƒãã¡ã‚ƒã«ã™ã‚‹ã®ãŒæ¥½ã—ã„。（ãã®ã‚ã¨ã€ã²ã¨ã¤ã²ã¨ã¤ç‰‡ä»˜ã‘ã‚‹ã®ã¯ç¾å®Ÿä¸–ç•Œã®ã‚ˆã†ã«é¢å€’ã ãŒï¼‰ã€‚ å³ã‚¯ãƒªãƒƒã‚¯ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰Icon typeã‚’Cubeã«ã™ã‚‹ã¨ç«‹æ–¹ä½“ã«ãªã‚‹ã€‚立方体ã®æ–¹ãŒè»¢ãŒã‚Šã‚„ã™ã„。アイコンã®å¤§ãã•ã¯å€‹åˆ¥ã«å¤‰æ›´ãŒã§ãる。é‡è¦ãªãƒ•ã‚©ãƒ«ãƒ€ã€ã‚ˆã使ã†ã‚¢ãƒ—リã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’大ããã—ã¦ãŠãã¨ä¾¿åˆ©ã 。アイコンã®ã‚µã‚¤ã‚ºã«é‡è¦åº¦ãªã©ã®æ„味
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
被験者ã®æ“作ã€è¡¨æƒ…ã€éŸ³å£°ã‚’ã¾ã¨ã‚ã¦éŒ²ç”»ã§ãるユーザビリティテストツール『Silverback〠| 100SHIKI.COM
サイトやãƒãƒƒãƒˆã‚µãƒ¼ãƒ“スを作ã£ãŸã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ“リティテストã¯å¿…ãšã‚„ã£ãŸæ–¹ãŒã„ã„。 実際ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æ“作ã—ã¦ã‚‚らã£ã¦ã€ãã®ã¨ãæ„Ÿã˜ãŸã“ã¨ã‚’言ã£ã¦ã‚‚らã†ã ã‘ã§ã‚‚多ãã®ç¤ºå”†ã‚’å¾—ã‚‹ã“ã¨ãŒã§ãる。 ãã—ã¦ãã®ãŸã‚ã®ãƒ„ールãŒSilverbackã 。Mac専用ã§ãªãŠã‹ã¤æœ‰æ–™ã§ã¯ã‚ã‚‹ãŒï¼ˆã¨ã„ã£ã¦ã‚‚50ドル程度ã ）ã€ã“ã‚Œã¯ã‹ãªã‚Šé‡è¦ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã¯ãªã„ã ã‚ã†ã‹ã€‚ ã“ã®ã‚½ãƒ•ãƒˆã‚’使ãˆã°ãƒ†ã‚¹ãƒˆã®è¢«é¨“者ãŒè¡Œã£ãŸæ“作ã€è¢«é¨“者ã®è¡¨æƒ…ã€ã—ゃã¹ã£ãŸéŸ³å£°ãªã©ã‚’全部記録ã—ã¦Quicktimeæ˜ åƒã«ã¾ã§è½ã¨ã—ã¦ãれる。 一見ã€åœ°å‘³ã§ã‚ã‚‹ãŒã€ã“ã‚Œã£ã¦ã™ã”ã„ソフトãŒç™»å ´ã—ãŸã‚“ã˜ã‚ƒãªã„ã§ã—ょã†ã‹ã・・・ã¨å€‹äººçš„ã«ã¯æ€ã†ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
First Look at Trillian Astra Beta
ソシオメディア | UIデザインパターン
ã€ShowTime】ヘルプ・ãŠå•åˆã›
Apple風ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«é›†
http://uipatternfactory.com/
手書ã風ã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ç”»é¢ãŒã•ãã•ã作れる『Balsamiq Mockupsã€
{{#tags}}- {{label}}
{{/tags}}