サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
サービス終了ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9月30日をもã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ス終了ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”利用・ã”愛顧ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
ã‚ã‹ã‚Šã‚„ã™ã„「エレベーターã®é–‹é–‰ãƒœã‚¿ãƒ³ã€ã£ã¦ã©ã‚“ãªã‚“ã ã‚ã†ã？ | fladdict
Twitterã§ã€Œãƒœã‚¿ãƒ³ã¨é–“é•ã„ã‚„ã™ã„サインã€ã«ã¤ã„ã¦å‘Ÿã„ãŸã‚‰ãƒ»ãƒ»ãƒ» ã„ã¤ã®ã¾ã«ã‹ã€Œé–“é•ã„ã‚„ã™ã„エレベーターボタンã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®è©±ã€ã«å·»ãè¾¼ã¾ã‚Œã¦ãŸã§ã”ã–る。 é¢ç™½ãã†ã ã£ãŸã®ã§ã€è‡ªåˆ†ã§ã‚‚考ãˆã¦ã¿ãŸã‚Šã€‚コアコンセプトã¯ä»¥ä¸‹ã®ã‚ˆã†ãªæ„Ÿã˜ã€‚ 安全å´ã«ãƒžãƒ¼ã‚¸ãƒ³ã‚’è¨ã‘ã‚‹ 表ç¾ã®ç‚ºã«å®‰å…¨ã‚’çŠ ç‰²ã«ã—ãªã„ è¿·ã£ãŸã‚‰ã‚³ãƒ³ã‚µãƒã«ã€‚ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°èŠ¸ã§é ‘張る。 視覚的ï¼è¨€èªžçš„ã«ãƒãƒ³ãƒ‡ã‚£ã‚ャップãŒã‚る人ã«ãƒªã‚¹ã‚¯ã‚’è² ã‚ã›ãªã„。「ã£ã¦ã‹ã€ãã“ã¯å‘¨å›²ã®äººã§å¸åŽã™ã‚‹ç¤¾ä¼šã«ã—よã†ãœï¼ã€ã¨ã„ã†æ€æƒ³ã‚’ã€ãã“ã¯ã‹ã¨ãªã埋ã‚込む。 ボタンã®æ–‡è¨€ã¨ã‹ 「開ã＆閉ã˜ã‚‹ã€ã‚„「開＆閉ã€ã¯ã€æ¼¢å—ãŒä¼¼ã¦ã¦è¦–èªæ€§ãŒæ‚ªã„ã®ã§ãƒœãƒ„。「ã‚ã‘る＆ã¨ã˜ã‚‹ã€ã‚„「ã‚ã‘る＆ã—ã‚ã‚‹ã€ã¯ã€ã€Œã‚‹ã€ãŒè¢«ã‚‹ã®ã§ãƒœãƒ„。「Open & Closeã€ã¯è¦–èªæ€§ãŒæ‚ªã„ã—åä¾›ãŒã‚ã‹ã‚“ãªã„ã®ã§ãƒœãƒ„。 ã§ã€Œã²ã‚‰ãã€ã¨ã€Œã—ã¾ã‚‹ã€ã«æ±ºå®šã€‚ 「ã¨ã˜ã‚‹ã€ã‚„「ã—ã‚ã‚‹ã€ã˜ã‚ƒãªãã¦ã€Œã—ã¾ã‚‹ã€ã«ã—ãŸæœ€å¤§ã®
UIã®æ”¹æ‚ªãŒUXを改善ã•ã›ã‚‹å ´åˆ - A Successful Failure
2013å¹´01月20æ—¥ UIã®æ”¹æ‚ªãŒUXを改善ã•ã›ã‚‹å ´åˆ Tweet Good UI≠Good UX UIã¨UXã«ã¤ã„ã¦ã¯ãã®ç†è§£ã«ã¤ã„ã¦å¤šãã®è°è«–ãŒãªã•ã‚Œã¦ããŸã€‚ãŸã¨ãˆã°ã€Googleã®åŠå·æ°ã¯ã€Œå†™çœŸãŒèªžã‚‹UXã¨UIã®é•ã„ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã«ãŠã„ã¦ã‚³ãƒ¼ãƒ³ãƒ•ãƒ¬ãƒ¼ã‚¯ã®ä¾‹ã‚’å…ƒã«UIã¨UXã«ã¤ã„ã¦èª¬æ˜Žã—ãŸãŒã€ãã®å¾Œã€ERATOã®æ¸¡é‚Šæ°ãŒã€Œ1分ã§ã‚ã‹ã‚‹UIã¨UXã‚’ã‚ã‹ã‚Šã‚„ã™ã説明ã™ã‚‹å†™çœŸã¨ãŠè©±ã€ã¨ã„ã†ã‚¨ãƒ³ãƒˆãƒªã«ãŠã„ã¦ã€ATMを例ã«ã‚ˆã‚Šã‚ã‹ã‚Šã‚„ã™ã„説明を挙ã’ã¦ã„る（次ã®å†™çœŸã¯å½“該エントリã‹ã‚‰ã®å¼•ç”¨ï¼‰ã€‚ ã“ã®ä¾‹ã§ã¯ãŸã¨ãˆUIãŒç´ 晴らã—ãã¦ã‚‚ã€ãã®ATMã¯æ™‚é–“ãŒã‹ã‹ã‚‹ãŸã‚ã€é•·ã„å¾…ã¡æ™‚é–“ãŒã§ãã€çµæžœã¨ã—ã¦UXãŒæãªã‚ã‚Œã‚‹å ´åˆã‚’示ã—ã¦ã„る。 ã—ã‹ã—ãªãŒã‚‰ã€å®Ÿéš›ã«ã¯ATMã®åŠ£æ‚ªãªUIãŒæ‚ªã„UXã®åŽŸå› ã¨ãªã£ã¦ã„ã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã€æœ¬å½“ã«ã“ã®ATMã®UIã¯ç´ 晴らã—ã„ã®ã‹ã¨ã„ã†ç–‘å•ãŒæ®‹ã‚‹ã€‚ã¤ã¾ã‚Šã€ŒGood UI ≠Go
アイトラッã‚ングãªã‚‰ä¸€ç›®çžç„¶ï¼æ–°ã€Œã¯ã¦ãªãƒ–ックマークã€ãŒä½•ã¨ãªã見ã¥ã‚‰ã„ç†ç”± | マミオン有é™ä¼šç¤¾-パソコン・数å¦ç ”ä¿®ã€æ³•äººç ”ä¿®
先日リニューアルã•ã‚ŒãŸã€Œã¯ã¦ãªãƒ–ックマークã€ã€‚ 大幅ãªãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã«å¯¾ã—ã€ãƒãƒƒãƒˆä¸Šã§ã¯è³›å¦ãŒåˆ†ã‹ã‚Œã¦ã„るよã†ã§ã™ã€‚ ã€å‚考記事】 ・ã¯ã¦ãªãƒ–ックマークã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ãŒã„ã‘ã¦ãªã„5ã¤ã®ç†ç”± - enator's blog ・ã¯ã¦ãƒ–リニューアル賛æˆè«– 個人的ã«ã¯ã€Œã‚ãã€è¦‹ã¥ã‚‰ããªã£ã¡ã‚ƒã£ãŸãªâ€¦ã€ã¨æ„Ÿã˜ã¾ã—ãŸãŒã€ä½•ã¨ãªãä¸æº€ã‚’訴ãˆã¦ã‚‚仕方ãŒãªã„ã®ã§ã€ä»Šå›žã¯ãã®åŽŸå› をマミオン得æ„ã®ã€Œã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ング分æžã€ã‚’用ã„ã¦è€ƒãˆã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ 綺麗ãªã€ŒFå—åž‹ã€ã‚’見ã›ã‚‹æ—§ãƒ‡ã‚¶ã‚¤ãƒ³ã¾ãšã¯ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«å‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦åˆ†æžãŒã§ãã‚Œã°ã‚ˆã‹ã£ãŸã®ã§ã™ãŒã€æ™‚ã™ã§ã«é…ã—。代ç†ã¨ã—ã¦ã€ä»¥å‰ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¿‘ã„以下ã®ã‚µã‚¤ãƒˆã§åˆ†æžã‚’è¡Œã£ã¦ã¿ã¾ã—ãŸã€‚ Hatebu::Classic - 見慣れãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¯ã¦ãªãƒ–ックマーク 被験者ã¯ã€30代男性ã§ã‚ã‚‹ç†è€…1åã§ã™ã€‚ã„ã¤ã‚‚ã®ã‚ˆã†ã«ã€ãƒ›ãƒƒãƒˆã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹è¡Œå‹•ã‚’è¡Œã£ãŸçµæžœ
å…¨ã¦ã®IT・Web関係者ã«è¦‹ã¤ã‚ãªãŠã—ã¦æ¬²ã—ã„「Don’t Make Me Think〠- Feel Like A Fallinstar
â€Don't Make Me Think†訳ã™ã¨ã€ã€Œã„ã¡ã„ã¡ç§ã«è€ƒãˆã•ã›ã‚‹ãªï¼ãƒœã‚±ï¼ã€ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ょã†ã‹ã€‚ ã“ã‚Œã¯ã€2001å¹´ã«Steve KrugãŒå‡ºã—ãŸæ›¸ç±ã®åå‰ãªã®ã§ã™ãŒã€ã“ã®ã€Œãƒ¦ãƒ¼ã‚¶ã«ã„ã¡ã„ã¡è€ƒãˆã•ã›ãªã„ã€ã“ã¨ã‚’忘れã¦ã„ã‚‹ã‹ã€ã„ãªã„ã‹ãŒã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ»Webサイトã®å‹è² を分ã‘る最も大ããªåˆ†å²ç‚¹ã®1ã¤ã§ã™ã€‚ 人間ã¯æ—¥ã€…ã®ç”Ÿæ´»ã®ä¸ã§ã€ã„ã¡ã„ã¡ç‰©ã‚’æ“作ã—ãŸã‚Šæƒ…å ±ã‚’è¦‹ã‚‹ãŸã³ã«ã‚ã‚Œã“れ考ãˆãŸããªã‚“ã¦ã‚ã‚Šã¾ã›ã‚“。 ユーザをã¤ã¾ã‚‰ãªã„æ“作やナビゲーションã§è€ƒãˆã•ã‚Œã‚Œã°ã•ã›ã‚‹ã»ã©ã‚¹ãƒˆãƒ¬ã‚¹ã¯å¢—大ã—ã€ä¼æ¥ã¸ã®ä¿¡ç”¨ã¯æ€¥æ¿€ã«å¤±ã‚ã‚Œã¾ã™ã€‚ 今日ã¯ã€ã“ã®â€Don't Make Me Thinkâ€ã«ã¤ã„ã¦ã€ 如何ã«ãƒ¦ãƒ¼ã‚¶ãŒè€ƒãˆã‚‹ã“ã¨ã‚’å«Œã†ã‹ 「考ãˆã•ã›ãªã„ã€ã¨ã¯ã©ã†ã„ã†ã“ã¨ã‹ ã‚’ã€ã“ã‚Œã¾ã§è¦‹ã¦ããŸãƒ¦ãƒ¼ã‚¶æ¤œè¨¼ã®çµæžœãªã©ã‚‚交ãˆã¦ã€å°‘ã—ã°ã‹ã‚Šæ›¸ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ ã‚らゆる「無駄ãªã€æ€è€ƒãŒã€ãƒ¦ãƒ¼ã‚¶ã‚’苛立ãŸã›ã€
入力フォームã®æ“作性ã€æ©Ÿç¨®ã«ã‚ˆã‚‹é•ã„ã«ã”注æ„ï¼ | æ ªå¼ä¼šç¤¾ã‚·ãƒ³ãƒ¡ãƒˆãƒªãƒƒã‚¯å…¬å¼ãƒ–ãƒã‚° - æºå¸¯é–‹ç™ºã‹ã‚‰ç”Ÿã¾ã‚Œã‚‹æŠ€è¡“æƒ…å ±
入力フォームã®æ“作性ã€æ©Ÿç¨®ã«ã‚ˆã‚‹é•ã„ã«ã”注æ„ï¼|æ ªå¼ä¼šç¤¾ã‚·ãƒ³ãƒ¡ãƒˆãƒªãƒƒã‚¯å…¬å¼ãƒ–ãƒã‚° - æºå¸¯é–‹ç™ºã‹ã‚‰ç”Ÿã¾ã‚Œã‚‹æŠ€è¡“æƒ…å ±| æºå¸¯ã‚µã‚¤ãƒˆé–‹ç™ºã‹ã‚‰ç”Ÿã¾ã‚Œã‚‹æŠ€è¡“æƒ…å ±ãƒ–ãƒã‚° 入力フォーム内ã®é …目を横並ã³ã«ã—ãŸã‚Šã€ãƒªãƒ³ã‚¯ã‚’è¿½åŠ ã—ãŸã‚Šã™ã‚‹ã¨ã€æºå¸¯ã§ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã«æ€ã‚ã¬å½±éŸ¿ã‚’åŠã¼ã—ã¦ã—ã¾ã†ã“ã¨ãŒã‚る。具体的ã«è¨€ã†ã¨ã€æ©Ÿç¨®ã«ã‚ˆã£ã¦ã¯ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„ラジオボタンをåå—ã‚ーã§é¸æŠžã™ã‚‹ã“ã¨ãŒé›£ã—ããªã£ãŸã‚Šã™ã‚‹ã®ã 。 今回ã¯æºå¸¯ã®åå—ã‚ーã®æ“作性ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ã¦ã¿ã‚‹ã€‚ ã“ã®ãƒšãƒ¼ã‚¸ã®æ“作性ã¯ï¼Ÿ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚„ラジオボタンãªã©ã‚’組ã¿åˆã‚ã›ãŸã‚·ãƒ³ãƒ—ルãªãƒšãƒ¼ã‚¸ã‚’用æ„ã—ãŸï¼ˆã‚µãƒ³ãƒ—ルページã¯ã“ã¡ã‚‰ï¼‰ã€‚HTMLソースã¯ä»¥ä¸‹ã®é€šã‚Šï¼ˆä¸€éƒ¨æŠœç²‹ï¼‰ã€‚ テã‚スト1<br /> <input type="text" name="t1" value="" /><br /> テã‚スト2<br /> <input type="tex
3クリックルール | 用語集 | ミツエーリンクス
3クリックルールã¨ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç›®çš„ã¨ã™ã‚‹ãƒšãƒ¼ã‚¸ã¾ã§ã€3クリック以内ã«ãŸã©ã‚Šç€ã‘ã‚‹ã“ã¨ãŒç†æƒ³ã§ã‚ã‚‹ã¨ã„ã†ç›®å®‰ã‚’è¨å®šã—ãŸã‚‚ã®ã§ã™ã€‚ã“ã“ã§é‡è¦ãªã®ã¯ã€ã‚µã‚¤ãƒˆå†…ã§ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‹•ãを最å°é™ã«ã™ã‚‹ã‚ˆã†ãªè¨è¨ˆã«ã™ã‚‹ã“ã¨ã§ã€ä½œæ¥åŠ¹çŽ‡ãŒå‘上ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒåŠ¹çŽ‡ã‚ˆã閲覧ã§ãã‚‹ã¨ã„ã†åˆ©ç‚¹ãŒã‚ã‚Šã¾ã™ã€‚
サãƒã‚¿ãƒ³ãƒˆãŒè²·ã„物ã‹ã”関連ページ調査ã€ã€ŒãŠæ°—ã«å…¥ã‚Šãƒªã‚¹ãƒˆã«è¿½åŠ ボタンã€ã‚’49ï¼…ãŒè¡¨ç¤º | Web担当者Forum
WEBモãƒã‚¤ãƒ«æ¥ç•Œå°‚é–€ã®äººææ´¾é£ãƒ»ç´¹ä»‹äº‹æ¥ã®ã‚µãƒã‚¿ãƒ³ãƒˆã¯ã€200ã®ECサイトを対象ã«è²·ã„物ã‹ã”ã«é–¢é€£ã™ã‚‹ãƒšãƒ¼ã‚¸ã«ã¤ã„ã¦ã®ã€ŒECサイトã®ãƒˆãƒ¬ãƒ³ãƒ‰èª¿æŸ»ã€ã‚’実施ã€çµæžœã‚’発表ã—ãŸã€‚ãã‚Œã«ã‚ˆã‚‹ã¨ã€è²·ã„物ã‹ã”周辺ã«è¡¨ç¤ºã•ã›ã¦ã„る主ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ã€ŒãŠæ°—ã«å…¥ã‚Šãƒªã‚¹ãƒˆã«è¿½åŠ ボタンã€ãŒãƒˆãƒƒãƒ—ã§49ï¼…ã€ã¤ã„ã§ã€Œåœ¨åº«çŠ¶æ³ã€ãŒ40ï¼…ã€ã€ŒãŠå±Šã‘æ—¥ã®ç›®å®‰ã€ãŒ38ï¼…ã ã£ãŸã€‚ã¾ãŸã€è²·ã„物ã‹ã”ã«å…¥ã‚Œã‚‹ãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯93ï¼…ãŒã‚ªãƒªã‚¸ãƒŠãƒ«ç”»åƒã ã£ãŸã€‚調査ã¯ä»Šå¹´8月ã«ã€è‡ªç¤¾ãƒ‰ãƒ¡ã‚¤ãƒ³ã®ECサイトを対象ã«è¡Œã‚ã‚ŒãŸã€‚ è²·ã„物ã‹ã”ã«å…¥ã‚Œã‚‹ãƒœã‚¿ãƒ³ã®è‰²ã¯ã€ã‚ªãƒ¬ãƒ³ã‚¸ãŒ21ï¼…ãŒ1ä½ã€èµ¤ãŒ18ï¼…ã§2ä½ã€ãƒ”ンクãŒ11ï¼…ã§3ä½ã¨æš–色系ãŒç´„åŠæ•°ã‚’å ã‚ãŸã€‚注文内容確èªãƒšãƒ¼ã‚¸ã§ã¯ã€è³¼å…¥å˜ä¾¡ã‚¢ãƒƒãƒ—ã®ãŸã‚ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã—ã¦ã€ŒãŠã™ã™ã‚商å“ã€ã‚’45ï¼…ã®ã‚µã‚¤ãƒˆãŒè¡¨ç¤ºã•ã›ã¦ã„ãŸã€‚ユーザビリティå‘上ã®ãŸã‚ã®å·¥å¤«ã§ã¯ã€ã€Œã‚«ãƒ¼ãƒˆã«å…¥ã‚ŒãŸå•†å“ã®ã‚µãƒ ãƒã‚¤ãƒ«ç”»åƒã€ã‚’表示ã•ã›ã‚‹ã‚µã‚¤
Webユーザインターフェース㮠"暗黙知" ã‚’æ„è˜ã—ã¦ã„ã¾ã™ã‹ï¼Ÿ : LINE Corporation ディレクターブãƒã‚°
暗黙知（ã‚ã‚“ã‚‚ãã¡ã€Tacit Knowing）ã¯ã€ãƒãƒ³ã‚¬ãƒªãƒ¼ã®å“²å¦è€…・社会å¦è€…マイケル・ãƒãƒ©ãƒ³ãƒ‹ãƒ¼ï¼ˆMichael Polanyi) ã«ã‚ˆã£ã¦1966 å¹´ã«æ示ã•ã‚ŒãŸæ¦‚念ã§ã€èªçŸ¥ã®ãƒ—ãƒã‚»ã‚¹ã€æˆ–ã¯ã€è¨€è‘‰ã«è¡¨ã›ã‚‹çŸ¥è¦šã«å¯¾ã—ã¦ã€ï¼ˆå…¨ä½“的・部分的ã«ï¼‰è¨€è‘‰ã«è¡¨ã›ãªã„・説明ã§ããªã„知覚を指ã™ã€‚Wikipediaより ã“ã‚“ã«ã¡ã¯ã€‚livedoorã§æ¤œç´¢å…¨èˆ¬ã‚’担当ã—ã¦ãŠã‚Šã¾ã™ã€é ˆç”°ã§ã™ã€‚ タイトルã®ã¾ã¾ãªã®ã§ã™ãŒã€å°‘ã—ã¥ã¤æ—¥æœ¬ã®WEBã«ãŠã‘る暗黙知を共有ã—ãŸã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ 暗黙知ã®å…±æœ‰ã™ã‚‹ã“ã¨ã§å¾—られるメリットã§ã™ãŒã€ ユーザーã«ã¨ã£ã¦ã¯ã€åˆ†ã‹ã‚Šã¥ã‚‰ã„UIを日本ã‹ã‚‰ã§ãã‚‹ã ã‘ç„¡ãã™ã“ã¨ãŒã§ãã€æ–¬æ–°ãªUIã«æ…£ã‚Œã‚‹ã¨ã„ã†ç…©ã‚ã—ã„時間ã‹ã‚‰ã®é–‹æ”¾ä¼æ¥ã«ã¨ã£ã¦ã¯ã€æš—黙知ã¨ã—ã¦æ±ºã¾ã‚ŠãŒã‚ã‚‹ã“ã¨ã§ã€UIを検討ã™ã‚‹æ™‚é–“ã®çŸç¸®ã«ã‚‚ãªã‚‹ã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯èª°ã§ã‚‚知ã£ã¦ã„ã‚‹ã¨æ€ã‚れる基本的ãªã¨ã“ã‚ã ã‘
ã‚ャズムを超ãˆã‚ï¼ - 団塊～シニア層å‘ã‘ã®Webè¨è¨ˆã€€ã‚„ã£ã¡ã‚ƒã„ã‘ãªã„10ã®ï¼µï¼©
一時期パソコン教室ã®è¬›å¸«ã‚’ã‚„ã£ã¦ã„ãŸã“ã¨ã«ã‚ˆã‚‹çµŒé¨“ã¨ã€æ˜¨ä»ŠWebサービスé‹ç”¨ã«ã‚ãŸã£ã¦ä¸é«˜å¹´å±¤ã‹ã‚‰ã®ã‚¯ãƒ¬ãƒ¼ãƒ ãªã©ã‚’自分ãªã‚Šã«ã¾ã¨ã‚ãŸçµæžœã¨ã—ã¦ã€50代以上ã®ãƒ¦ãƒ¼ã‚¶ã«å¯¾ã™ã‚‹Webサービス＆PCアプリケーションã®UIè¨è¨ˆã«ãŠã‘る以下10ã®TIPSを公開ã—ã¦ã¿ãŸã„ã¨æ€ã†ã€‚...ã¨ã„ã£ã¦ã‚‚ãŸã‹ã ã‹10個ã§åŽã¾ã‚‹ç°¡å˜ãªè©±ã§ã¯ãªã„ã®ã§ã€æ€ã„ã¤ã„ãŸã‚‰éƒ½åº¦è¿½åŠ ã—ã¦è¡ŒããŸã„。 ID，ニックãƒãƒ¼ãƒ を考ãˆã•ã›ã¦ã¯ã„ã‘ãªã„。åŠè§’英å—開始é™å®šã¯è«–外 IDやニックãƒãƒ¼ãƒ ãŒæ€ã„ã¤ã‹ãªã„æ–¹ãŒå¤šã„。ã“ã‚Œã¯ã‚·ãƒ‹ã‚¢ã«é™ã‚‰ãšã€ITリテラシーãŒãã‚Œã»ã©é«˜ããªã„若年層ã«ã¤ã„ã¦ã‚‚言ãˆã‚‹ã“ã¨ã€‚作るå´ã®äººé–“も「éŽåŽ»ã«Webã§ä½¿ã£ãŸID,Nicknameã¯å…¨ã¦ä½¿ã£ã¡ã‚ƒãƒ€ãƒ¡ã€‚何ã‹æ–°ã—ã„ã®ã‚’考ãˆã¦å…¥ã‚Œã¦ã¿ã¦ã€‚ã€ã¨è¨€ã‚れるã¨çµæ§‹æ‚©ã‚“ã˜ã‚ƒã†ã‚‚ã®ã€‚ãã‚Œã¨åŒã˜çŠ¶æ…‹ã«é™¥ã‚‹ã¨æ€ã£ã¦ã„ãŸã ã‘ã‚‹ã¨ã‚ã‹ã‚Šã‚„ã™ã„。「IDã®ã‹ã‚ã‚Šã«é›»è©±ç•ªå·ã§ã‚‚ã„ã„ã§ã™ã‚ˆã€ã¨ã„ã†ã¨çµ
ユーザを混乱ã•ã›ãªã„表組ã¿ã®ã‚³ãƒ„ (ユーザビリティ実践メモ)
ウェブサイト制作ã«ãŠã„ã¦ã€å¤šãã®æƒ…å ±ã‚’ã„ã‹ã«æ•´ç†ã—ã¦ãƒ¦ãƒ¼ã‚¶ã«ä¼ãˆã‚‹ã‹ã¯é‡è¦ãªãƒã‚¤ãƒ³ãƒˆã®1ã¤ã§ã™ã€‚よã使ã‚れる方法ã¨ã—ã¦è¡¨çµ„ã¿ãŒã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯å®Ÿéš›ã®äº‹ä¾‹ã‚’ã‚‚ã¨ã«ã—ãŸã‚±ãƒ¼ã‚¹ã‚¹ã‚¿ãƒ‡ã‚£ã‚’通ã˜ã¦ã€ãƒ¦ãƒ¼ã‚¶ã‚’æ··ä¹±ã•ã›ãªã„表組ã¿ã®ã‚³ãƒ„ã‚’ã”紹介ã—ã¾ã™ã€‚ 表１ã¯ã‚ˆã見ã‹ã‘る表組ã¿ã®ä¾‹ã§ã™ãŒã€å®Ÿéš›ã«ãƒ¦ãƒ¼ã‚¶ã®ç«‹å ´ã«ç«‹ã£ã¦ã“ã®è¡¨ã‚’使用ã—ã¦ã¿ã‚‹ã¨ã€ã„ãã¤ã‹ã®å•é¡Œç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ åŒç¨®ã®æƒ…å ±ã‚’ãƒ¦ãƒ¼ã‚¶ã¯åŒºåˆ¥ã§ããªã„ 表1ã®å•é¡Œç‚¹ã¨ã—ã¦ã€ 日付ã¨ã„ã†åŒç¨®ã®æƒ…å ±ã‚’å¤šã掲載ã—ã¦ã„ã‚‹ãŸã‚ã€ãƒ¦ãƒ¼ã‚¶ã«ã¯å„æƒ…å ±ãŒä½•ã®æ—¥ä»˜ã‚’æ„味ã—ã¦ã„ã‚‹ã®ã‹åŒºåˆ¥ã§ããšã€åˆ†ã‹ã‚Šã«ãã„列数ãŒå¤šã„ãŸã‚ã«ã€ã‚»ãƒ«å†…ã«æŠ˜ã‚Šè¿”ã—ãŒç™ºç”Ÿã—ã€èªã¿ã«ãã„ ã“ã¨ãŒæŒ™ã’られã¾ã™ã€‚ 特ã«ã€1ã¤ç›®ã®å•é¡Œç‚¹ã¯ã€è¡¨ãŒç¸¦ã«é•·ã„å ´åˆã«ãƒ¦ãƒ¼ã‚¶ã‚’æ··ä¹±ã•ã›ã‚‹è¦å› ã®ä¸€ã¤ã«ãªã‚Šã¾ã™ã€‚ãªãœãªã‚‰ã€ç”»é¢ã‚µã‚¤ã‚ºã«åŽã¾ã‚Šãらãªã„ã»ã©è¡¨ãŒç¸¦ã«é•·ã„å ´åˆã€ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã„ãã¨ã€Œé–‹å‚¬æ—¥ã€ãªã©ã®é …ç›®åãŒç”»é¢ã‹ã‚‰æ¶ˆ
フォームデザインã„ã‚ã„ã‚ - DesignWalker
今回ã¯ã€ãƒ•ã‚©ãƒ¼ãƒ ã®è¦‹ãŸç›®ã«ã“ã ã‚ã£ã¦ã„ã‚ã„ã‚ã¨ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 登録ã€ãƒã‚°ã‚¤ãƒ³ã€ã‚³ãƒ¡ãƒ³ãƒˆã€æ¤œç´¢ãªã©ãªã©ã„ã‚ã„ã‚ãªå ´é¢ã§ä½¿ã‚れるフォームをãã‚Œã„ã«è¦‹ã›ã‚‹ã‚¢ã‚¤ãƒ‡ã‚¢ãŒãŸãã•ã‚“ã¤ã¾ã£ã¦ã„ã¾ã™ã€‚ Blog Comment Form Design Showcase | Smiley Cat Web Design ブãƒã‚°ã®ã‚³ãƒ¡ãƒ³ãƒˆãƒ•ã‚©ãƒ¼ãƒ を集ã‚ãŸã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ã§ã™ã€‚ãã‚Œã„ãªãƒ•ã‚©ãƒ¼ãƒ ãŒãŸãã•ã‚“ã‚ã‚Šã¾ã™ã。ã¾ãŸã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã§ã¯ã€ä»–ã«ã‚‚ã„ã‚ã„ã‚ã¨ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã¾ã¨ã‚られã¦ãŠã‚Šã¾ã™ã€‚ãƒã‚°ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ や登録フォームã€åˆ¥ã®ãƒ–ãƒã‚°ã‚³ãƒ¡ãƒ³ãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚‚å‚考ã«ãªã‚Šã¾ã™ã。 Pattern Tap ç¾åœ¨185種類ã®ãƒ•ã‚©ãƒ¼ãƒ デザインãŒã¾ã¨ã‚られã¦ãŠã‚Šã¾ã™ã€‚ Form Generators, Styling, Inspiration | CSSAddict ãŠã—ゃれã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒ•ã‚©ãƒ¼ãƒ ãŒãŸãã•ã‚“。 Web
ユーザーã«ã¨ã£ã¦ã¯UIãŒã™ã¹ã¦ï¼šUIデザイン原則をソシオメディアãŒèªžã‚‹ - builder by ZDNet Japan
シーãƒãƒƒãƒˆãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¹ã‚¸ãƒ£ãƒ‘ンã¯9月29æ—¥ã€builderã¨ã—ã¦ã¯2回目ã®ã‚¤ãƒ™ãƒ³ãƒˆã¨ãªã‚‹ã€Œbuilder tech dayã€ã‚’開催ã—ãŸã€‚今回ã¯ã€ŒUser Interface & beyondã€ã‚’テーマã«ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€ã‚¢ãƒ‰ãƒ“システムズã€ã‚«ãƒ¼ãƒ«ã®ã‚¹ãƒ”ーカーãŒç™»å£‡ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ç¾åœ¨ã¨æœªæ¥ã«ã¤ã„ã¦è¬›æ¼”ã—ãŸã€‚ 本稿ã§ã¯ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢å–ç· å½¹ã§ã‚る上野å¦æ°ã®åŸºèª¿è¬›æ¼”「ユーザーã«ã¨ã£ã¦ã¯UIãŒã™ã¹ã¦ã€ã‚’紹介ã—よã†ã€‚ トイレã«ã²ãã‚€UIã®ãƒ’ント 講演ã®å†’é ã€ä¸Šé‡Žæ°ã¯ç±³å›½ã®è‘—åãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ãƒ»ãƒ•ã‚¡ãƒ¼ãƒ ã€Adaptive Pathã«2008å¹´ã¾ã§åœ¨ç±ã—ã¦ã„ãŸDan Safferæ°ã¨å¯¾è©±ã—ãŸéš›ã®ã‚¨ãƒ”ソードを披露。 Safferæ°ãŒã€Œãƒˆã‚¤ãƒ¬ã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ§˜ã€…ãªãƒ’ントãŒã‚ã‚‹ã€ã¨è©±ã—ã¦ã„ãŸã“ã¨ã‚’紹介ã—ã€ä¸‹ã®ç”»åƒã‚’示ã—ãŸã€‚ 上野æ°ã¯èµ¤è‰²ã®æ³¨æ„書
WAI-ARIA（日本語訳）：日立ã®ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³
WAI-ARIAã¨ã¯ã€Web Accessibility Initiative-Accessible Rich Internet Applicationsã®ç•¥ã§ã€W3CãŒç¾åœ¨ã€å‹§å‘Šã«å‘ã‘ã¦ç–定作æ¥ã‚’進ã‚ã¦ã„るリッãƒãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—リケーションã®ã‚¢ã‚¯ã‚»ã‚·ãƒ“リティã«é–¢ã™ã‚‹ä»•æ§˜æ›¸ã®ã“ã¨ã§ã™ã€‚JavaScriptã‚„Ajaxãªã©ã‚’使用ã—ãŸå‹•çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãƒªãƒ¼ãƒ€ãƒ¼ã‚„ã‚ーボードæ“作ã§ã¯åˆ©ç”¨ã§ããªã„ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚WAI-ARIAã¯ã€ãã†ã„ã£ãŸå•é¡Œã‚’解決ã™ã¹ãã€W3Cã®Protocols and Formats ワーã‚ンググループ (PFWG) ã«ãŠã„ã¦ç–定ã•ã‚Œã¦ã„ã¾ã™ã€‚ WAI-ARIAã®é–¢é€£æ–‡æ›¸ç¾¤ã®åŽŸæ–‡ã¯è‹±èªžã§ã™ãŒã€æ—¥æœ¬ã«ãŠã‘ã‚‹ã“ã®ä»•æ§˜ã¸ã®ç†è§£ã¨æ™®åŠãŒé€²ã‚€ä¸€åŠ©ã«ãªã‚Œã°ã¨ã€æ—¥ç«‹ãŒç¤¾å†…用ã«ç¿»è¨³ã—ãŸæ–‡æ›¸ã‚’日立ã®ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚µã‚¤ãƒˆã§å…¬é–‹ã—ã¾ã™ã€‚Webサイトã€Webシステムã®ã‚¢ã‚¯ã‚»ã‚·
Blogger
Google ã®ã‚¦ã‚§ãƒ–ãƒã‚°å…¬é–‹ãƒ„ールを使ã£ã¦ã€ãƒ†ã‚ストã€å†™çœŸã€å‹•ç”»ã‚’共有ã§ãã¾ã™ã€‚
Ajaxã«ã‚ˆã‚‹ã‚¨ãƒ©ãƒ¼ãƒã‚§ãƒƒã‚¯ã®æ³¨æ„点 (ユーザビリティ実践メモ)
入力フォームã«ã¤ã„ã¦ã€æœ€è¿‘ã§ã¯Ajaxを用ã„ã‚‹ã“ã¨ã§ã€ã€Œé€ä¿¡ã€ãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹å‰ã«ã‚¨ãƒ©ãƒ¼ãƒã‚§ãƒƒã‚¯ã‚’ã™ã‚‹æ‰‹æ³•ãŒä½¿ã‚れるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ 今回ã¯ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§ãƒ•ã‚©ãƒ¼ãƒ ã®ã‚¨ãƒ©ãƒ¼ãƒã‚§ãƒƒã‚¯ã‚’è¡Œã†å ´åˆã®æ³¨æ„点ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã™ã€‚ ã‚ã¾ã‚Šè‰¯ããªã„例：Remember the Milkã®ç™»éŒ²ç”»é¢ http://www.rememberthemilk.com/signup/ ユーザåを入力ã™ã‚‹æ¬„ã§ã¯ã€å…¥åŠ›ã¨åŒæ™‚ã«ã‚¨ãƒ©ãƒ¼ãƒã‚§ãƒƒã‚¯ãŒè¡Œã‚れるãŸã‚ã€å¤šãã®å ´åˆ1æ–‡å—ç›®ã‹ã‚‰ã‚¨ãƒ©ãƒ¼ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 2æ–‡å—目を入力ã™ã‚‹ã¨å³åº§ã«ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒæ›´æ–°ã•ã‚Œã¾ã™ã€‚ ユーザãŒå½“åˆã‹ã‚‰è‡ªåˆ†ã®ãƒ¦ãƒ¼ã‚¶åã¨ã—ã¦è€ƒãˆã¦ã„ãŸã€Œbebittaroã€ã‚’入力ã—終ãˆã‚‹ã¨ã€åˆ©ç”¨å¯èƒ½ã§ã‚ã‚‹æ—¨ã®ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 上記ã¯å…¥åŠ›ã«å¯¾ã—リアルタイムã§ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’è¿”ã™ã“ã¨ã§èª¤å…¥åŠ›ã‚’é¿ã‘よã†ã¨ã„ã†å·¥å¤«ã§ã™ãŒã€ãƒ¦ãƒ¼ã‚¶ãŒå…¥åŠ›ã‚’終ãˆã‚‹å‰ã«ã‚¨ãƒ©ãƒ¼è¡¨ç¤º
ユーザビリティ実践メモ
スマートフォンã¨ã¨ã‚‚ã«ã‚¿ãƒ–レット端末ã®æ™®åŠçŽ‡ã¯ã¾ã™ã¾ã™ä¸Šæ˜‡ã—ã€æœ€è¿‘ã§ã¯è¡—ä¸ã‚„電車ãªã©ã§ã‚¿ãƒ–レット端末を利用ã—ã¦ã„る人を多ã見ã‹ã‘るよã†ã«ãªã‚Šã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã®ç¶šãã‚’èªã‚€
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
CRX Project
{{#tags}}- {{label}}
{{/tags}}