Ultimate guide to table UI patterns : Janko Jovanovic
Many agree that tables are a phenomenon in user interface design: they are very important parts of user interfaces but often overlooked. Tables show structured data and their purpose is to make that data readable, scannable and easily comparable. The thing is that in many cases tabular data is obscured. This is why tables have bad reputation and many find them boring. The truth is that the are eve
ã‚ャズムを超ãˆã‚ï¼ - 団塊～シニア層å‘ã‘ã®Webè¨è¨ˆã€€ã‚„ã£ã¡ã‚ƒã„ã‘ãªã„10ã®ï¼µï¼©
一時期パソコン教室ã®è¬›å¸«ã‚’ã‚„ã£ã¦ã„ãŸã“ã¨ã«ã‚ˆã‚‹çµŒé¨“ã¨ã€æ˜¨ä»ŠWebサービスé‹ç”¨ã«ã‚ãŸã£ã¦ä¸é«˜å¹´å±¤ã‹ã‚‰ã®ã‚¯ãƒ¬ãƒ¼ãƒ ãªã©ã‚’自分ãªã‚Šã«ã¾ã¨ã‚ãŸçµæžœã¨ã—ã¦ã€50代以上ã®ãƒ¦ãƒ¼ã‚¶ã«å¯¾ã™ã‚‹Webサービス＆PCアプリケーションã®UIè¨è¨ˆã«ãŠã‘る以下10ã®TIPSを公開ã—ã¦ã¿ãŸã„ã¨æ€ã†ã€‚...ã¨ã„ã£ã¦ã‚‚ãŸã‹ã ã‹10個ã§åŽã¾ã‚‹ç°¡å˜ãªè©±ã§ã¯ãªã„ã®ã§ã€æ€ã„ã¤ã„ãŸã‚‰éƒ½åº¦è¿½åŠ ã—ã¦è¡ŒããŸã„。 ID，ニックãƒãƒ¼ãƒ を考ãˆã•ã›ã¦ã¯ã„ã‘ãªã„。åŠè§’英å—開始é™å®šã¯è«–外 IDやニックãƒãƒ¼ãƒ ãŒæ€ã„ã¤ã‹ãªã„æ–¹ãŒå¤šã„。ã“ã‚Œã¯ã‚·ãƒ‹ã‚¢ã«é™ã‚‰ãšã€ITリテラシーãŒãã‚Œã»ã©é«˜ããªã„若年層ã«ã¤ã„ã¦ã‚‚言ãˆã‚‹ã“ã¨ã€‚作るå´ã®äººé–“も「éŽåŽ»ã«Webã§ä½¿ã£ãŸID,Nicknameã¯å…¨ã¦ä½¿ã£ã¡ã‚ƒãƒ€ãƒ¡ã€‚何ã‹æ–°ã—ã„ã®ã‚’考ãˆã¦å…¥ã‚Œã¦ã¿ã¦ã€‚ã€ã¨è¨€ã‚れるã¨çµæ§‹æ‚©ã‚“ã˜ã‚ƒã†ã‚‚ã®ã€‚ãã‚Œã¨åŒã˜çŠ¶æ…‹ã«é™¥ã‚‹ã¨æ€ã£ã¦ã„ãŸã ã‘ã‚‹ã¨ã‚ã‹ã‚Šã‚„ã™ã„。「IDã®ã‹ã‚ã‚Šã«é›»è©±ç•ªå·ã§ã‚‚ã„ã„ã§ã™ã‚ˆã€ã¨ã„ã†ã¨çµ
使ãˆã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“リティーガイドライン10 – creamu
é…ã„エントリーã§ã™ãŒã€Smashing Magazineã§ä½¿ãˆã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“リティーガイドラインãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ ã–ã£ã¨ã”紹介ã—ã¾ã™ã。 1. フォームã®ãƒ©ãƒ™ãƒ«ã¯ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ä¸ŠãŒãƒ™ã‚¹ãƒˆ study by UX Mattersã«ã‚ˆã‚‹ã¨ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ©ãƒ™ãƒ«ã¯ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ä¸ŠãŒç†æƒ³çš„ã¨ã®ã“ã¨ã€‚多ãã®ãƒ•ã‚©ãƒ¼ãƒ ã§ã€ãƒ©ãƒ™ãƒ«ã¯ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®å·¦ã«ç½®ã‹ã‚Œã€2カラムã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ãªã£ã¦ã„る。ã„ã„デザインã ãŒã€æœ€ã‚‚使ã„ã‚„ã™ã„レイアウトã¨ã¯è¨€ãˆãªã„。ãªãœãªã‚‰ã€ãƒ•ã‚©ãƒ¼ãƒ ã¯ä¸€èˆ¬çš„ã«åž‚ç›´æ–¹å‘ã«ä¸¦ã‚“ã§ãŠã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ä¸Šã‹ã‚‰ä¸‹ã«å‘ã‹ã£ã¦å…¥åŠ›ã—ã¦ã„ã。ユーザーã¯è¦–線を下ã®æ–¹å‘ã«å‘ã‘ã¦ã„ãã®ã 。ãã®ãŸã‚ã€ãƒ©ãƒ™ãƒ«ãŒå·¦ã«ã‚るよりもã€åŒã˜æ–¹å‘ã«ã‚ã‚‹æ–¹ãŒèªè˜ã—ã‚„ã™ã„。 2. ユーザーã®è¦–ç·šã¯äººã®é¡”ã«å‘ã Webページを見るã¨ãã€äººã®é¡”ã‚„ç›®ã«è¦–ç·šãŒè¡Œã。マーケッターã«ã¨ã£ã¦ã¯ã€æ³¨ç›®ã‚’集ã‚る有効ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ユーザーã¯ç”»åƒã®ä¸ã®äººã®è¦–ç·šãŒå‘ã„ã¦
[JS]jQueryã®ãƒ—ラグイン33+1é¸ -2008å¹´6月 | コリス
当サイトã§ã¯Cookieを使用ã—ã¦ã„ã¾ã™ã€‚引ã続ã当サイトを閲覧ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€ãƒãƒªã‚·ãƒ¼ã‚’å—ã‘入れãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚今後表示ã—ãªã„詳ã—ã見る
ã€ãƒã‚¦ãƒ„ー】ã‚ãšã‹æ•°è¡Œã§"ã‚‚ã®ã™ã”ã„テーブル"ã«! - jQueryプラグイン「Flexigrid〠(2) æ—¢å˜ãƒ†ãƒ¼ãƒ–ルã«Flexigridを組ã¿è¾¼ã‚€ | エンタープライズ | マイコミジャーナル
動作サンプル - æ—¢å˜ãƒ†ãƒ¼ãƒ–ルã«Flexigridを組ã¿è¾¼ã‚€ jQuery 1.2.6ã¨Flexigridを用æ„ã—ã€å®Ÿéš›ã«ãƒ†ãƒ¼ãƒ–ルリストã«çµ„ã¿è¾¼ã‚“ã§ä½¿ã£ã¦ã¿ãŸã€‚ã“ã“ã§ã®Webブラウザ実行環境ã¯æ¬¡ã®ã¨ãŠã‚Šã€‚ Microsoft Windows XP SP2 / Microsoft Internet Explorer 7 FreeBSD 8-current / Mozilla Firefox 2 ã¾ãšã¯æ—¢å˜ã®ãƒ†ãƒ¼ãƒ–ルã«å¯¾ã—ã¦çµ„ã¿è¾¼ã‚“ã§ã¿ã‚‹ã€‚ベースã¨ãªã‚‹HTMLソースコードã¨Webブラウザã§ã®å®Ÿè¡Œçµæžœã¯æ¬¡ã®ã¨ãŠã‚Šã€‚ base_table.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Con
FPN-団塊〜シニア層å‘ã‘ã®Webè¨è¨ˆã€€ã‚„ã£ã¡ã‚ƒã„ã‘ãªã„10ã®ï¼µï¼©
5．ビジãƒã‚¹ãƒªã‚µãƒ¼ãƒã®ãƒ“ジãƒã‚¹ãƒ¢ãƒ‡ãƒ« ビジãƒã‚¹ãƒªã‚µãƒ¼ãƒãŒã‚¢ã‚¦ãƒˆã‚½ãƒ¼ã‚¹ã•ã‚Œã‚‹ç†ç”± ビジãƒã‚¹ãƒªã‚µãƒ¼ãƒã‚’社外ã«ä¾é ¼ã™ã‚‹ç†ç”±â‘ ã€œä¿¡é ¼ã§ãる人「ã™ã¹ã¦ã¯ä¾é ¼ã‹ã‚‰å§‹ã¾ã‚‹ã€ã‹ã‚‰ã§ã‚‚書ãã¾ã—ãŸãŒã€ä¾é ¼ä¸»ãŒç¤¾å¤–ã«ãƒªã‚µãƒ¼ãƒã‚’委託ã™ã‚‹æœ€å¤§ã®ç†ç”±ã¯ã€äº‹æ¥ç’°å¢ƒã‚’定点ã§æŠŠæ¡â€¦ 2021.01.18 2021.05.13 147 view コラム〜リサーãƒãƒ£ãƒ¼ã®æ—¥å¸¸ トリプル ディスプレイ モニター 在宅勤務ãŒå¸¸æ…‹åŒ–ã—ã¦ã„る人ã¯ã€ã¾ãš トリプル ディスプレイ 環境ã«æŠ•è³‡ã™ã‚‹ã“ã¨ã‚’考ãˆã¦ã¿ã¦ãã ã•ã„。作æ¥åŠ¹çŽ‡ã®åœ§å€’çš„å‘上ãŒå¯èƒ½ã§ã™ã€‚… 2021.05.06 2021.05.11 205 view 3．ビジãƒã‚¹ãƒªã‚µãƒ¼ãƒã®å ±å‘Šæ›¸ä½œæˆ èžã手ã®é ã«å…¥ã‚Šã‚„ã™ã„資料作æˆã€œèžã„ã¦ç†è§£ã™ã‚‹äººã¨èªã‚“ã§ç†è§£â€¦ 〠相手ã«åˆã‚ã›ãŸ è³‡æ–™ä½œæˆ ã€‘æœ€åˆã«çµè«–ã‚’è¿°ã¹ã¦ã‹ã‚‰ã€ãれをè£ä»˜ã‘るデータをæ示ã™ã‚‹ã¨ã„ã†æ§‹æˆã¯ã€æ¬§ç±³æµã®ãƒã‚¸ã‚«ãƒ«ã‚·ãƒ³ã‚ングã®åŸº
[é¡] ã—ã£ã½ã®ã•ãã£ã¡ã‚‡ 2006å¹´03月 -- Spiegel's Trunk
2003 [ 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11, 12 ] 2004 [ 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11, 12 ] 2005 [ 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11, 12 ] 2006 [ 01, 02, 03, 04, 05, 06, 07, 08, 09, 10, 11, 12 ] éŽåŽ»ã®æ—¥è¨˜ä¸€è¦§ ç–Žçµåˆã®ãŸã‚ã® Web API ã‚ー， ã‚ã‚‹ã‚る。 確ã‹ã«ã¡ã‚‡ã£ã¨è€ƒãˆã‚‹ã¨ DB ã‹ã‚‰ç›´æŽ¥ãƒ‡ãƒ¼ã‚¿ã‚‚らã£ãŸã»ã†ãŒã‚ˆã•ã’ã«è¦‹ãˆã‚‹ã‚ˆã。 Web アプリケーションã«é™ã‚‰ãšï¼Œ サービス間ã§ã®ã‚„ã‚Šå–ã‚Šã«ãŠã„ã¦ã‚µãƒ¼ãƒ“スã®å†…部ã«ç›´æŽ¥ã‚¢ã‚¿ãƒƒãƒã™ã‚‹ã®ã¯ç‹ãŒæ‚ªã„。 ç–Žçµåˆã¨ã„ã†ã‹ã‚µãƒ¼ãƒ“ス間ã®ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å•é¡Œã¨è€ƒãˆã‚‹ã¹ãã ã‚ã†ã€‚ 最近ã¯ã•ã£ã±ã‚Šèžã‹
ケータイæ—ã®ç‰¹æ€§ã‚’生ã‹ã—ãŸã‚±ãƒ¼ã‚¿ã‚¤ã‚µã‚¤ãƒˆã®ä½œã‚Šæ–¹ [絵文録ã“ã¨ã®ã¯]2006/10/26
å‰å›žã®è¨˜äº‹ã€Œã‚±ãƒ¼ã‚¿ã‚¤æ–‡åŒ–åœã¨ãƒãƒƒãƒˆæ–‡åŒ–åœã®æ·±ã„æºã€ã¯ã€ã‹ãªã‚Šã®åå¿œãŒã‚ã£ãŸã€‚ãƒãƒƒãƒˆã‚’使ã„ã“ãªã—ã¦ã„る人ã¨ã€ã‚±ãƒ¼ã‚¿ã‚¤ãƒ¡ã‚¤ãƒ³ã§ä½¿ã£ã¦ã„る人ã§ã¯ã€è¡Œå‹•ãƒ‘ターンãŒå¤§ããé•ã£ã¦ã„る――ã“ã®äº‹å®Ÿã‚’å†èªè˜ã—ã¦ã€ä½•ã‹é¢ç™½ã„ã“ã¨ãŒã§ããã†ã ã¨ã‹ã€å•†æ©ŸãŒã‚ã‚Šãã†ã ã¨æ€ã£ã¦ã‚‚らãˆã‚Œã°ã€æ›¸ã„ãŸç”²æ–ãŒã‚ã£ãŸã¨ã„ã†ã‚‚ã®ã§ã‚る。 ã•ã¦ã€å‰å›žã®è¨˜äº‹ã¯ã€ãã®è¡Œå‹•ãƒ‘ターンã®é•ã„ï¼ãƒ¡ãƒ‡ã‚£ã‚¢ç‰¹æ€§ã®é•ã„ãŒå˜åœ¨ã—ã¦ã„ã‚‹ã€ã¨ã„ã†äº‹å®Ÿã‚’指摘ã™ã‚‹ã“ã¨ãŒä¸å¿ƒã ã£ãŸã€‚ãƒãƒƒãƒˆã‚’使ã„ã“ãªã—ã¦ã„る人ã®è«–ç†ã‚’ãã®ã¾ã¾ç§»è¡Œã—ã¦ã‚‚ã€ã‚±ãƒ¼ã‚¿ã‚¤ãƒ¡ã‚¤ãƒ³ã®äººã®è¡Œå‹•ãƒ‘ターンã‹ã‚‰è¨€ã£ã¦ä¾¿åˆ©ãªã‚µã‚¤ãƒˆã«ãªã‚‹ã¨ã¯ã„ãˆãªã„。ã§ã¯ã€ã‚±ãƒ¼ã‚¿ã‚¤ã‚µã‚¤ãƒˆã¯ã©ã®ã‚ˆã†ãªç‰¹æ€§ã‚’æŒã£ã¦ã„ã‚‹ã®ã‹ã€‚ãれを探れã°ã€ä½¿ã„ã‚„ã™ã„ケータイサイトãŒä½œã‚Œã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã†ã€‚ 今回ã¯ã€ãã®ã‚±ãƒ¼ã‚¿ã‚¤ã‚µã‚¤ãƒˆã®ç‰¹æ€§ã‚’探るãŸã‚ã«ã€ã„ã‚ã„ã‚寄りé“ã—ã¦ã¿ãŸã„。 ■最åˆã«ã€ã„ãã¤ã‹ã®åå¿œã«ã¤ã„㦠404 Blog Not
Joel on Software - 環境をコントãƒãƒ¼ãƒ«ã§ãã‚Œã°æ¥½ã—ãæ„Ÿã˜ã‚‹ã‚‚ã®
Joel Spolsky ジョエル・スãƒãƒ«ã‚¹ã‚ 翻訳: Yasushi Aoki é’æœ¨é– 2000/10/24 ç§ã®çŸ¥ã£ã¦ã„ã‚‹ç‹é‡‘入りã®C++プãƒã‚°ãƒ©ãƒžãŸã¡ã®å¤šãã¯ã€ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’å«Œã£ã¦ã„る。ã“ã‚Œã¯ç§ã«ã¨ã£ã¦ã¯é©šãã¹ãã“ã¨ã 。ãã‚Œã¨ã„ã†ã®ã‚‚ã€UIプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ãŒæœ¬è³ªçš„ã«ã‚„ã•ã—ãã€ç›´æ„Ÿçš„ã§ã€æ¥½ã—ã„ã‚‚ã®ã ã¨çŸ¥ã£ã¦ã„ã‚‹ã‹ã‚‰ã 。 ãã‚ŒãŒã‚„ã•ã—ã„ã¨ã„ã†ã®ã¯ã€ã©ã†ã‚„ã£ã¦çŸ©å½¢ã‚’別ãªçŸ©å½¢ã®çœŸã‚“ä¸ã«é…ç½®ã™ã‚‹ã‹ã€ã¨ã„ã†ä»¥ä¸Šã«è¤‡é›‘ãªã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã¯ã€é€šå¸¸å¿…è¦ã«ãªã‚‰ãªã„ã‹ã‚‰ã 。ãã‚ŒãŒç›´æ„Ÿçš„ã§ã‚ã‚‹ã¨ã„ã†ã®ã¯ã€ã‚‚ã—ã‚ãªãŸãŒé–“é•ã£ãŸãªã‚‰ãŸã¡ã©ã“ã‚ã«ãã®ã“ã¨ãŒã‚ã‹ã‚Šã€ä¿®æ£ã§ãã‚‹ã‹ã‚‰ã 。楽ã—ã„ã¨ã„ã†ã®ã¯ã€ã‚ãªãŸã®ä½œæ¥ã®çµæžœã‚’å³åº§ã«è¦‹ã‚‹ã“ã¨ãŒã§ãã‚‹ã‹ã‚‰ã 。ã‚ãªãŸã¯è‡ªåˆ†ãŒãƒ—ãƒã‚°ãƒ©ãƒ を直接彫刻ã—ã¦ã„ã‚‹ã‹ã®ã‚ˆã†ã«æ„Ÿã˜ã‚‹ã ã‚ã†ã€‚ ç§ã®è€ƒãˆã§ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒžãŒUIプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã‚’怖れるã®ã¯ã€ã»ã¨ã‚“ã©ã®å ´åˆå½¼ã‚‰ã®UI
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Data Table | Patternry
龙岩僖窘科技股份有é™å…¬å¸
{{#tags}}- {{label}}
{{/tags}}