Webサイトã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã€Œã‹ã£ã“よãï¼ã€ã€Œã‚¤ãƒ³ãƒ‘クトをï¼ã€ã¨ã—ã‹è¨€ã‚ãªã„Web担当者よã€æœ¬æ¥ã®ç›®çš„ã«ç«‹ã¡è¿”ã‚Œ | 生田昌弘ã®ã€ŒWeb担当者ã«å–ï¼ã€
第2回　ワイヤーフレームã¨è¨è¨ˆãƒ„ール | gihyo.jp
å‰å›žã€ã€Œâ IA One Sheetersã€ã‚’ã”紹介ã—ã¾ã—ãŸãŒã€ã‚‚ã¡ã‚ã‚“ãれらを指ã—ã¦ã™ã¹ã¦ãŒã€ŒIAタスクã§ã‚ã‚‹ã€ã¨ã¯è¨€ã„切れã¾ã›ã‚“。ãŸã å°‘ãªã‹ã‚‰ãšIAã¨ã„ã†ãƒãƒ¼ãƒ«ï¼ˆå½¹å‰²ï¼‰ã«ãŠã„ã¦é–¢ä¿‚ã—ã¦ãるタスクã§ã‚ã‚‹ã“ã¨ã¯é–“é•ã„ãªã„ã¨æ€ã„ã¾ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€ãã®ã‚µãƒ³ãƒ—ルã«ã‚‚ã‚ã£ãŸã€Œãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€ã«ã¤ã„ã¦ã®ãƒ„ールを紹介ã—ã¾ã™ã€‚ ãã‚‚ãã‚‚ç”»é¢ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãŠã‚ˆã³åŽŸç¨¿ã®æ•´ç†ã¨ã„ã†æ„味ã§ã¯ã€ã„ã‚ã„ã‚ãªãƒ„ールãŒé–¢ä¿‚ã—ã¦ãã¾ã™ã€‚Web制作ã®ç¾å ´ã«ãŠã„ã¦ã¯WebデザイナーやWebディレクターã¨ã„ã†ãƒãƒ¼ãƒ«ãŒé–¢ã‚ã‚Šã€ã‚¿ã‚¹ã‚¯ãƒ™ãƒ¼ã‚¹ã«ã™ã‚‹ã¨ã©ã®ãƒãƒ¼ãƒ«ãŒãã®ã‚¿ã‚¹ã‚¯ã‚’é‚è¡Œã™ã‚‹ã®ã‹ãŒæ··ä¹±ã—ãŒã¡ã§ã™ã€‚ã“ã®é€£è¼‰ã§ã¯Webデザイナーを対象ã¨ã—ã¦ã€ãƒ„ールã®ä½¿ã„方やã¶ã¤ã‹ã‚‹èª²é¡Œã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ã‚ã¦ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ワイヤーフレームã«ã¤ã„㦠ワイヤー（線形状）ã§ãƒ•ãƒ¬ãƒ¼ãƒ ï¼ˆæž ï¼‰ã«ã—ã¦ã„ãã“ã¨ã‹ã‚‰åå‰ãŒã¤ã„ãŸã¨æ€ã‚ã‚Œã¾ã™ãŒã€ã‚‚ã¨ã‚‚ã¨ã¯CG（
Webæƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£ï¼ˆIA）ã¨ãƒ„ール 記事一覧 | gihyo.jp
é‹å–¶å…ƒã®ãƒã‚´ Copyright © 2007-2025 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容ã®å…¨éƒ¨ã‚ã‚‹ã„ã¯ä¸€éƒ¨ã‚’ç„¡æ–ã§åˆ©ç”¨ã™ã‚‹ã“ã¨ã‚’ç¦æ¢ã—ã¾ã™â 。個別ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ãŒè¨å®šã•ã‚Œã¦ã„る記事ç‰ã¯ãã®ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã„ã¾ã™ã€‚
UX・UI・IAやアクセシビリティã®ã€Œå°‚門知è˜ã€ãŒå¢—ãˆã‚‹ã¾ã¨ã‚ - コムテブãƒã‚°
TL;DR コーディングやシステムã¯åˆ†ã‹ã‚‹ã‘ã©ã€æœ€çµ‚çš„ã«ä½¿ã„ã‚„ã™ã„è¨è¨ˆã‚„クライアントã•ã‚“ãŒç´å¾—ã™ã‚‹ã‚ˆã†ãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã‚‰ãªã„。ç´å“後ã«ä½¿ã„ã«ãã„箇所ãŒã‚ã‚‹ã¨è¨€ã‚れる。ãã†ãªã‚‹å‰ã«ã€Œä½•ã¨ãªã進ã‚ãªã„ã€ã‚ˆã†ã«ã‚µã‚¤ãƒˆåˆ¶ä½œã‚„サービス・アプリを作æˆã™ã‚‹å‰ã®æ®µéšŽã§çŸ¥ã£ã¦ãŠããŸã„知è˜ã€‚UX・UI・IA ã®é•ã„ãŒæ¼ 然ã¨ã—ã¦ã„ã‚‹ã¨ãã«ã€‚ IAï¼ˆæƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£ï¼‰ ï¼‘ï¼ŽåŸºç¤ŽçŸ¥è˜ æƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£ã¨ã¯ Web サイト全体ã®è¨è¨ˆå›³ã€æƒ…å ±ã‚’åˆ†ã‹ã‚Šã‚„ã™ãä¼ãˆã‚‹ã“ã¨ã€‚主ã«ï¼©ï¼¡ï¼ˆã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ¼ã‚テクト）ãŒæ‹…当ã—ã¾ã™ã€‚国内ã§ã¯ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ãŒæ‹…当ã™ã‚‹ä¼šç¤¾ã‚‚多ã„ã¨æ€ã„ã¾ã™ã€‚æƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£ã¯ã‚µã‚¤ãƒˆã‚’見ãŸç›®ã®å°è±¡ã ã‘ã§ãªãã€ç›®ã«è¦‹ãˆãªã„ã‚µã‚¤ãƒˆæ§‹é€ ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹ã“ã¨ã§ã€ã‚ã‹ã‚Šã‚„ã™ã„サイトã«ã™ã‚‹æŠ€è¡“。 [スライド] 社内㮠IAï¼ˆæƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£ï¼‰ç ”ä¿®ã®è¬›å¸«ã‚’ã—ã¦ã¿ãŸã€‚：ãã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ— | future-proof
「Facebookã¯ãƒã‚«ã°ã‹ã‚Šã€ã«è¦‹ã‚‹ã€Œã„ã„æƒ…å ±ã¯ã„ã¤ã ã£ã¦ä½•å›žã§ã‚‚出ã™ã¹ãã€ã®æ³•å‰‡ | åˆä»£ç·¨é›†é•·ãƒ–ãƒã‚°â€•å®‰ç”°è‹±ä¹…
今日ã¯ã€2月ã«è©±é¡Œã«ãªã£ãŸã€ŒFacebbokã¯ãƒã‚«ã°ã‹ã‚Šã€ã¨ã„ã†æŸãƒ–ãƒã‚°è¨˜äº‹ã§å–り上ã’られãŸè©±é¡Œã‹ã‚‰ã€Web担当者（特ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ä¼ç”»ã®äººï¼‰ãŒæ„è˜ã—ã¦ãŠãã¹ã「ã•ã‚“ã–ん既出ã®æƒ…å ±ã€ã®æ‰±ã„ã«ã¤ã„ã¦ã€‚ 有åãªè©±ã ã¨æ€ã£ã¦ã„ãŸã‘ã©ã€ãã‚Œã§ã‚‚知らãªã„人ã¯å±±ã»ã©ã„ã‚‹ã‚“ã ãªã。 ãã†æ€ã£ãŸå‡ºæ¥äº‹ãŒã‚ã‚Šã¾ã—ãŸã€‚ 今日ã®è©±ã¯ã€çµè«–ã¨ã—ã¦ã¯ã€ã‚ãªãŸãŒã€Œèª°ã§ã‚‚知ã£ã¦ã„るよã€ã€Œä»¥å‰ã«æŽ²è¼‰ã—ãŸã‚ˆã€ã¨æ€ã†æƒ…å ±ã§ã‚‚ã€ãã‚ŒãŒå±Šã„ã¦ã„ãªã„人ã¯ãŸãã•ã‚“ã„ã‚‹ã®ã ã‹ã‚‰ã€æœ¬å½“ã«æœ‰ç”¨ã§ä¼ãˆã‚‹ã¹ãæƒ…å ±ã¯ã€ä½•åº¦ã§ã‚‚出ã™ã¹ãã （ãŸã ã—ä¼ãˆæ–¹ã¯å·¥å¤«ã—ã¦ï¼‰ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ 「実話ã€ã¨ã—ã¦æ‹¡æ•£ã•ã‚ŒãŸã‚¨ã‚¹ãƒ‹ãƒƒã‚¯ã‚¸ãƒ§ãƒ¼ã‚¯2012å¹´2月ã”ã‚ã«ã€Facebookã§è©±é¡Œã«ãªã£ãŸæ›¸ãè¾¼ã¿ãŒã‚ã‚Šã¾ã—ãŸã€‚「感動ã—ãŸã€ã€Œç´ 晴らã—ã„ã€ã€Œå®Ÿè©±ã‚‰ã—ã„ã§ã™ã€ã€Œã„ã‚„ã€ãƒ‡ãƒžã®ã‚ˆã†ã§ã™ã€ã¨å¤§æ‹¡æ•£ã—ãŸã‚‚ã®ã§ã™ã€‚ ã“ã‚Œã¯å®Ÿè©±ã§ã‚‚デマã§ã‚‚ãªã„å˜ãªã‚‹ã‚¨ã‚¹ãƒ‹ãƒƒã‚¯ã‚¸ãƒ§ãƒ¼ã‚¯ã§ã€å…ƒãƒã‚¿ã¯ã
UX（ユーザーエクスペリエンス）ã¨è§£æžã‚’ã¤ãªã’る「サイト内検索アナリティクスã€
『MarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine プレミアムセミナーã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”紹介ã—ã¾ã™ã€‚ MarkeZine Day
ユーザーエクスペリエンスデザインã®æˆæžœç‰©ãƒªã‚¹ãƒˆ | Web担当者Forum
ユーザーエクスペリエンス（UX）デザインã®ä¸–ç•Œã«èº«ã‚’ç½®ãã‚ã‚Œã‚ã‚Œã«ã¨ã£ã¦ã¯ã€ã„ã¾ã‚„心浮ãç«‹ã¤ã‚ˆã†ãªæ™‚代ã¨ãªã£ãŸã€‚UXã®ä¾¡å€¤ã¯ã¾ã™ã¾ã™åºƒãèªã‚られるよã†ã«ãªã‚Šã€æ¬¡ã€…ã«ç”Ÿã¾ã‚Œã‚‹æ–°ãŸãªãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚„メディアを超ãˆãŸãƒˆãƒ¬ãƒ³ãƒ‰ã¯ã€UXデザインã®å®Ÿè·µé¢ã§é£›èºçš„ãªé€²åŒ–を生ã¿å‡ºã™åœŸå£Œã‚’æ•´ãˆã¤ã¤ã‚る。 ç§è‡ªèº«ã€æ–°ãŸãªãƒãƒ£ãƒ¬ãƒ³ã‚¸ã®æ•°ã€…ã«è¦‹èˆžã‚ã‚Œã¦ã‚ã‚„ã†ã安全åœã‹ã‚‰æŠ¼ã—æµã•ã‚Œãã†ã«ãªã‚ŠãªãŒã‚‰ã‚‚ã€ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ¼ã‚テクトã¨ã—ã¦ã¯ãれらを大ã„ã«æ¥½ã—ã‚“ã§ã„る。ã“ã‚Œã¾ã§ã«ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‚„リッãƒãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’デザインã—ãŸã‚Šã€ãƒ¢ãƒã‚¤ãƒ«æ¤œç´¢ã®æœªæ¥ã«ã¤ã„ã¦ã®ã‚·ãƒŠãƒªã‚ªã‚’æã„ã¦ã¿ãŸã‚Šã€ã„ã‚ã„ã‚ãªãƒãƒ£ãƒãƒ«ã‚„アプリケーションã«ã¾ãŸãŒã‚‹ã‚ˆã†ãªUXã‚’è¨è¨ˆã—ã¦ããŸã€‚ã™ã‚‹ã¨ãã®ã†ã¡ã€VIPルームã®â€œã‚¨ãƒ©ã„人ãŸã¡â€ã«è‡ªåˆ†ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ã”ç†è§£ã„ãŸã ã“ã†ã¨è‹¦å¿ƒã™ã‚‹å ´é¢ãŒæ¬¡ç¬¬ã«å¢—ãˆã¤ã¤ã‚ã‚‹ã“ã¨ã«æ°—ã¥ã„ãŸã€‚ ãã‚“ãªã‚ã‘ã§ã€ç§ã¯
ペルソナã¨ã¯â€•â€•ã‚¦ã‚§ãƒ–サイトå‘ã‘ペルソナをç†è§£ã—ã¦ã€æ€ã„ã“ã¿ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼åƒã¨æ±ºåˆ¥ã—よㆠ| ã‚„ã£ã¦ã¿ã¾ã—ãŸãƒšãƒ«ã‚½ãƒŠä½œã‚Š
é¡”ã®è¦‹ãˆã«ãã„æ¼ ç„¶ã¨ã—ãŸã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã€ã§ã¯ãªãã€ã‚ãŸã‹ã‚‚実在ã™ã‚‹äººç‰©ã®ã‚ˆã†ã«å…·ä½“çš„ã«è¨˜è¿°ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€ãƒšãƒ«ã‚½ãƒŠã‚·ãƒ¼ãƒˆã‚’èªã‚ã°ã€ãã®äººãŒä½•ã‚’期待ã—ã¦ã©ã®ã‚ˆã†ã«ã‚¦ã‚§ãƒ–サイトを訪れã€ã©ã®ã‚ˆã†ã«è¦‹ã‚‹ãƒšãƒ¼ã‚¸ã‚’é¸ã‚“ã§ã„ã‚‹ã‹ãªã©ã‚’ã€å…·ä½“çš„ã‹ã¤ä½“系的ã«æ·±ãç†è§£ã§ãる。 ユーザーãŒã€Œã§ãã‚‹ã“ã¨ã€ã ã‘ã§ã¯ãªã「ã—ãŸã„ã“ã¨ã€ã‚’見ã¤ã‘る「ユーザーã«ã¨ã£ã¦ä½¿ã„ã‚„ã™ã„サイトをè¨è¨ˆã—ãŸã‘ã‚Œã°ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティテストã§å分ã ã€ã¨è€ƒãˆã‚‹äººã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œãªã„。確ã‹ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã€Œã§ãã‚‹ã“ã¨ã€ã€Œã§ããªã„ã“ã¨ã€ã€Œã—ã‚„ã™ã„ã“ã¨ã€ã€Œã—ã«ãã„ã“ã¨ã€ã«é–¢ã—ã¦ã¯ã€ã„ã‚ゆるユーザビリティã®é ˜åŸŸã§ã‚«ãƒãƒ¼ã§ãã¦ã„ãŸéƒ¨åˆ†ã 。ã—ã‹ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティã§ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãれを望んã§ã‚„ã£ã¦ã„ã‚‹ã“ã¨ã‹ã©ã†ã‹ã€ã¤ã¾ã‚Šã€Œã—ãŸã„ã“ã¨ã€ã€Œã—ãŸããªã„ã“ã¨ã€ã‚ã‚‹ã„ã¯ã€Œã—ã¦ã»ã—ã„ã“ã¨ã€ã€Œã—ã¦ã»ã—ããªã„ã“ã¨ã€ã‚’ç†è§£ã™ã‚‹ã“ã¨ã¯é›£ã—ã„。 ãã‚Œã«å¯¾ã—ã¦ãƒšãƒ«ã‚½ãƒŠã¯ã€æž¶ç©ºã¨ã¯ã„ãˆã€ã‚ãŸ
サイトã®ã€Œç›®çš„ã¨æ§‹æˆã€ã‚’ã€ã¾ãšå›³è§£ã™ã‚‹ã€€ç¬¬1回 | 1万円ã§çœŸä¼¼ã§ãる“戦略的サイトé‹ç”¨è¡“†- å°ã•ã作ã£ã¦é€Ÿã改善
ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã§ã¯ã€Webサイトを1万円ã§ã€Œå°ã•ãã€ä½œã£ã¦ã€ãれをé‹ç”¨ã—ãªãŒã‚‰åŠ¹çŽ‡è‰¯ã改善・最é©åŒ–ã—ã¦ã„ã方法を解説ã™ã‚‹ã€‚ 「SEOã€ã€Œã‚¢ã‚¯ã‚»ã‚¹è§£æžã€ã‹ã‚‰ã€ã€ŒWebマーケティングã€ã€ŒCMSã€ã€ã•ã‚‰ã«ã€ŒUXã€ã€ŒIAã€ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æŠ€è¡“ã€ã¾ã§â€¦â€¦ã€‚ã¨ã«ã‹ã覚ãˆã‚‹ã“ã¨ãŒå¤šã„Webã®ä¸–界。専門性を高ã‚ã‚‹ã®ã‚‚大事ã ãŒã€ã™ã¹ã¦ã¯ã¤ãªãŒã£ã¦ã„ã‚‹ã“ã¨ã‚’忘れãªã„よã†ã«ã—ã¦ã»ã—ã„。分æ¥ã¯çµ„ç¹”ãŒã‚¹ã‚±ãƒ¼ãƒ«ã™ã‚‹ãŸã‚ã®å·¥å¤«ã®ä¸€ã¤ã«éŽãŽãªã„。完璧を目指ã•ãšã€ã‚‚ã£ã¨åŠ›ã‚’抜ã„ã¦ã€ãƒãƒ©ãƒ³ã‚¹ã®å–ã‚ŒãŸåŠ¹çŽ‡ãŒè‰¯ã„ã€Webサイトã®æ§‹ç¯‰ãƒ»é‹ç”¨æ–¹æ³•ã‚’æ案ã—ãŸã„。ãれも抽象的ãªæ–¹æ³•è«–ã§ã¯ãªãã€å…·ä½“çš„ã§ãƒžãƒãŒã§ãる実践的ãªæ–¹æ³•ã§ã€‚ ãã“ã§ã€ã‚µã‚¤ãƒˆã‚’戦略的ã«å®‰ä¾¡ã«çŸæœŸé–“ã§ç«‹ã¡ä¸Šã’ã€é‹ç”¨ã—ãªãŒã‚‰æœ€é©åŒ–ã—ã¦ã„ã£ãŸéŽç¨‹ã¨çµæžœã‚’ã€å…·ä½“çš„ã«ç´¹ä»‹ã—ã¦ã„ã連載を始ã‚ã‚‹ã“ã¨ã«ã—ãŸã€‚数億円è¦æ¨¡ã®å„種プãƒã‚¸ã‚§ã‚¯ãƒˆçµŒé¨“ã‹ã‚‰å¾—ãŸãƒŽã‚¦ãƒã‚¦ã‚’ã‚‚ã¨ã«ã€å°ã•ã安価ã«å®Ÿç¾ã§ã
Webサイトè¨è¨ˆã«ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ¼ã‚テクトã¯å¿…è¦ã‹ | Web担当者Forum
僕ã¯ã€æ™®æ®µã¯ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¢ãƒ¼ã‚テクトã¨ã—ã¦æƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£è¨è¨ˆã‚„ユーザー経験デザインã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«é–¢ã‚ã£ãŸã‚Šã€ãƒ—ãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼ã¨ã—ã¦ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‚’統括ã™ã‚‹ç«‹å ´ã«ç«‹ã£ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚³ãƒ©ãƒ ã§ã¯ã€åƒ•è‡ªèº«ã®çµŒé¨“ã‚„æƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£åˆ†é‡Žã§ã®è°è«–ã‹ã‚‰ã€ä¸»ã«Webプãƒã‚¸ã‚§ã‚¯ãƒˆä¸€èˆ¬ã«é–¢ã‚るよã†ãªèª²é¡Œã‚„考ãˆæ–¹ã‚’紹介ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã€ç¬¬ï¼‘回ã®ãƒ†ãƒ¼ãƒžã¨ã—ã¦ã¯ã€åƒ•ãŒä»£è¡¨ã‚’å‹™ã‚ã‚‹æ ªå¼ä¼šç¤¾ã‚³ãƒ³ã‚»ãƒ³ãƒˆã®ä½“制を例ã«ã—ãªãŒã‚‰ã€ã€Œæƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£ã€ã¨ã„ã†è€ƒãˆæ–¹ãŒã©ã†ã„ã†ã‚‚ã®ãªã®ã‹ã‚’紹介ã—ã¾ã™ã€‚ ãã‚‚ãã‚‚æƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£ã¨ã¯ä½•ã‹æƒ…å ±ã‚¢ãƒ¼ã‚テクãƒãƒ£ã¯ã€ç°¡å˜ã«è¨€ã£ã¦ã—ã¾ãˆã°æƒ…å ±ã®ã¤ãªãŽæ–¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ï¼ˆå›³1）。世ã®ä¸ã«ã¯ã€å¹³é¢ä¸Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰ã€æ“作画é¢ã®ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆGUIデザイン）ã€ä¸»ã«è£½å“ã®å½¢ã®ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ï¼‰ãªã©ã€ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå˜åœ¨ã—ã¾ã™ãŒã€æƒ…å ±ã‚¢ãƒ¼ã‚テクãƒ
スマフォやタブレットã«æœ€é©ãªãƒŠãƒ“ゲーションã®è€ƒå¯Ÿ -見ãŸç›®ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã¯ãªãæ“作性ã§ï¼
スマートフォンã€ã‚¿ãƒ–レットã€ãƒ©ãƒƒãƒ—トップタイプã®ã‚¿ãƒ–レットãªã©ã€ã‚¿ãƒƒãƒãƒ‡ãƒã‚¤ã‚¹ã«æœ€é©ãªãƒŠãƒ“ゲーションã®è€ƒå¯Ÿã‚’紹介ã—ã¾ã™ã€‚ å˜ã«è¦‹ãŸç›®ã®ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã¯ãªãã€æ“作性を考慮ã—ãŸãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ã™ã€‚ Responsive Navigation: Optimizing for Touch Across Devices 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ å„デãƒã‚¤ã‚¹ã®ã‚µã‚¤ã‚º å„デãƒã‚¤ã‚¹ã®ã‚¿ãƒƒãƒæ–¹æ³• タッãƒãƒ‡ãƒã‚¤ã‚¹ã«æœ€é©ãªãƒŠãƒ“ゲーションã®ä½ç½® デモ スマフォ・タブレット・ラップトップタブレットã®ã‚µã‚¤ã‚º ã¾ãšã¯ã€ãƒ‡ãƒã‚¤ã‚¹ã”ã¨ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚µã‚¤ã‚ºã‚’確èªã—ã¦ã¿ã¾ã™ã€‚ éŽåŽ»2ヵ月ã«ãƒªãƒªãƒ¼ã‚¹ã—ãŸä¸»è¦ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚µã‚¤ã‚ºä¸€è¦§ã§ã™ã€‚
ウェブサイトè¨è¨ˆã®æ™‚ã«å½¹ç«‹ã¤ï¼—ã¤ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼ã€ãã®6】目線ã®æ“作 (ユーザビリティ実践メモ)
今回ã®ãƒ†ãƒ¼ãƒžã¯ã€Œç›®ç·šã®æ“作ã€ã§ã™ã€‚ユーザã®è¦–線を集ã‚ã‚‹è¦ç´ ã¨é ã–ã‘ã‚‹è¦ç´ ã‚’ã†ã¾ã使ã„分ã‘ã‚‹ã“ã¨ã§ã€æ„図通りã«ãƒ¦ãƒ¼ã‚¶ã«ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’ä¼é”ã™ã‚‹ãŸã‚ã®ã‚³ãƒ„ã‚’ã”紹介ã—ã¾ã™ã€‚ ファーストビュー 関連性 具体性 ウェブライティング リンクã®è£…飾ã¨é…ç½® 目線ã®æ“作　â†ä»Šå›žã®ãƒ†ãƒ¼ãƒž 他サイトã§ã®æ…£ç¿’ 「目線ã®æ“作ã€ã‚’構æˆã™ã‚‹3ã¤ã®è¦ç´ 視線ã®é–‹å§‹ä½ç½® 視線を集ã‚ã‚‹è¦ç´ 視線をé ã–ã‘ã‚‹è¦ç´ 1. 視線ã®é–‹å§‹ä½ç½® 例ãˆã°ã€ä»¥ä¸‹ã¯å¼Šç¤¾ã®HPã§ã™ãŒã€ã“ã®ã‚µã‚¤ãƒˆã‚’見るã¨ãã©ã“ã‹ã‚‰è¦‹ã¾ã™ã‹ï¼Ÿã€Œå¾¹åº•ã—ãŸé¡§å®¢å¿ƒç†åˆ†æžã«ã‚ˆã‚Šãƒ»ãƒ»ãƒ»ã€ã¨ã„ã†ãƒ–ランドパãƒãƒ«ã‹ã€ãã®ä¸‹ã®ã€Œã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°äº‹ä¾‹ãƒ»å®Ÿç¸¾ã€ã§ã¯ãªã„ã§ã—ょã†ã‹ï¼Ÿ 弊社HPã®ä¾‹ ビービットã®ã‚µã‚¤ãƒˆã«ã¯ã€ã€Œãƒ“ービットã¯ä½•ã‚’ã‚„ã£ã¦ã„ã‚‹ã‚“ã ã‚ã†ï¼Ÿã©ã®ã‚ˆã†ãªä¼šç¤¾ãªã‚“ã ã‚ã†ï¼Ÿã€ã¨ã„ã†ã“ã¨ã‚’æ¼ ç„¶ã¨æ€ã„ãªãŒã‚‰æ¥è¨ªã™ã‚‹æ–¹ãŒå¤šã„ãŸã‚ã€ãã®ç–‘å•ã«ç›´æŽ¥ç”ãˆã‚‰ã‚Œã‚‹ã‚ˆã†ãƒ¡ã‚¤ãƒ³ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚„実績エリアã«ç›®
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Amazon.co.jp: IAシンã‚ング Web制作者・担当者ã®ãŸã‚ã®IAæ€è€ƒè¡“: å‚æœ¬è²´å² (è‘—), 宮崎綾å (編集), é•·è°·å·æä¹… (ãã®ä»–): 本
{{#tags}}- {{label}}
{{/tags}}