é…”ã£ãŸã¼ã†ãã‚“æ°èªžã‚‹ã€Œãƒã‚¸ã‚·ãƒ§ãƒ³ã«æ®ãˆã‚‹å½¢ã§ã®â€œUIデザイナーâ€ã¨ã„ã†ã‚»ã‚¯ã‚·ãƒ§ãƒ‹ãƒ³ã‚°ã®å±é™ºæ€§ã€
ç¾å ´ã§UIデザインã®ãƒžãƒã‚¸ãƒ¡ãƒ³ãƒˆã‚’ã‚„ã£ã¦ã„ã¦å€‹äººçš„ã«ä¸Šã§è…¹è½ã¡ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆãŒãŸãã•ã‚“ã‚ã£ãŸã®ã§ã€å‹¢ã„ã§ã¾ã¨ã‚ã¾ã—ãŸã€‚ ※注æ„　ã¼ã†ãã‚“æ°ã€ä¸€é€£ã®ãƒ„イートを酔ã£ãŸå‹¢ã„ã§æ›¸ã„ã¦ã¾ã™ã®ã§ã€ãã‚Œå‰æã§ãŠèªã¿ãã ã•ã„。
Yahoo!ニュースã®è¦‹å‡ºã—行間「5ピクセルã®å·®ã€ã«è¦‹ãˆãŸå…‰ï½žãƒ’ートマップã§UI改善
社長ã®å®®å‚ãŒã‚²ã‚¹ãƒˆå‡ºæ¼”ã—ãŸã€11月27日放é€ã®ãƒ†ãƒ¬ãƒ“æ±äº¬ç³»ã€Œã‚«ãƒ³ãƒ–リア宮殿ã€ã€‚Yahoo!ニュースã®è£å´ã«ã‚‚触れられã¦ãŠã‚Šã€ã”覧ã«ãªã£ãŸæ–¹ã‚‚ã„らã£ã—ゃるã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 （放é€ãƒãƒƒã‚¯ãƒŠãƒ³ãƒãƒ¼ï¼šçˆ†èµ°ã™ã‚‹å›½æ°‘的サイトï¼ã“ã‚ŒãŒãƒãƒƒãƒˆã®åº•åŠ›ã ï¼ï¼ テレビæ±äº¬ï¼‰ å…¬å¼ãƒ–ãƒã‚°æ–°ã‚³ãƒ¼ãƒŠãƒ¼ã€Œnews HACKã€ã§ã¯ã“ã‚Œã¾ã§ã€Yahoo!ニュースã«ãŠã‘るスマホ利用ã®æˆé•·ãªã©ã‚’ãŠä¼ãˆã—ã¦ãã¾ã—ãŸãŒã€ä»Šå›žã¯ã€åŒç•ªçµ„ã®ä¸ã§ã‚‚ç™»å ´ã—ãŸYahoo!ニュースã®UI改善事例ã«ã¤ã„ã¦ã€ç•ªçµ„ã§è§¦ã‚Œã‚‰ã‚Œãªã‹ã£ãŸéƒ¨åˆ†ã‚‚åŠ ãˆã¦è©³ã—ããŠä¼ãˆã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚Œã‹ã‚‰ã”紹介ã™ã‚‹ã®ã¯ã€ã‚¹ãƒžãƒ›ãƒ–ラウザ版Yahoo! JAPANトップページã®A/Bテスト事例（※Yahoo!ニュースã®ã‚¢ãƒ—リ版ã¨ã®é•ã„ãªã©ã«ã¤ã„ã¦ã¯ã€ã“ã¡ã‚‰ã®è¨˜äº‹ã‚’ã”å‚ç…§ãã ã•ã„）。 テストçµæžœã¯ç¾åœ¨ã®ã‚¹ãƒžãƒ›ç‰ˆãƒˆãƒƒãƒ—ページã«ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ã¨åŒæ§˜ã§ã™ãŒã€ã¾ãšå…·ä½“çš„ãªèª¬æ˜Žã«å…¥
UIã®è©±ã¯ä¼šè°å®¤ã¦ã‚™ã™ã‚‹ãª
9. ◠常ã«æ–‡æ›¸ã«ã‚ˆã‚‹æŒ‡ç¤ºã‚’è¦æ±‚ã›ã‚ˆã€‚ ◠準備をå分行ã„完全ã«æº–å‚™ãŒã§ãã¦ã„ã‚‹ã¾ã§å®Ÿè¡Œã«ç§»ã™ãªã€‚ ◠些細ãªã“ã¨ã«ã‚‚高ã„完æˆåº¦ã‚’è¦æ±‚ã›ã‚ˆã€‚ã‚ãšã‹ãªé–“é•ã„ã‚‚ç¹°ã‚Šè¿”ã—ä¿®æ£ã•ã›å°ã•ãª é–“é•ã„も見ã¤ã‘出ã›ã€‚ â— é‡è¦ãªæ±ºå®šã‚’è¡Œã†éš›ã«ã¯ä¼šè°ã‚’é–‹ã‘。 â— ã‚‚ã£ã¨ã‚‚らã—ãペーパーワークを増大ã•ã›ã‚ˆã€‚ â— ã™ã¹ã¦ã®è¦å‰‡ã‚’隅々ã¾ã§åŽ³æ ¼ã«é©ç”¨ã›ã‚ˆã€‚ ◠何事をã™ã‚‹ã«ã‚‚「通常ã®ãƒ«ãƒ¼ãƒˆã€ã‚’通ã—ã¦è¡Œã†ã‚ˆã†ã«ä¸»å¼µã›ã‚ˆã€‚決æ–ã‚’æ—©ã‚ã‚‹ãŸã‚ ã®ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆã‚’èªã‚ã‚‹ãªã€‚ â— å¯èƒ½ãªé™ã‚Šã®äº‹è±¡ã‚’委員会ã«æŒã¡è¾¼ã¿ã€Œã•ã‚‰ãªã‚‹èª¿æŸ»ã¨ç†Ÿè€ƒã€ã‚’求ã‚よ。委員会㮠メンãƒãƒ¼ã¯ã§ãã‚‹ã ã‘多ã（少ãªãã¨ã‚‚5人以上）ã™ã‚‹ã“ã¨ã€‚ â— è°äº‹éŒ²ã‚„連絡用文書ã€æ±ºè°æ›¸ãªã©ã«ãŠã„ã¦ç´°ã‹ã„言葉é£ã„ã«ã¤ã„ã¦è°è«–ã›ã‚ˆã€‚ ◠以å‰ã®ä¼šè°ã§æ±ºã¾ã£ãŸã“ã¨ã‚’å†ã³æŒã¡å‡ºã—ã€ãã®å¦¥å½“性ã«ã¤ã„ã¦æ”¹ã‚ã¦å•ã„ç›´ã›ã€‚ 10. ◠常ã«æ–‡æ›¸ã«ã‚ˆã‚‹æŒ‡ç¤ºã‚’è¦æ±‚ã›ã‚ˆã€‚ ◠準備をå分行
スマホ大画é¢æ™‚代ã€è¦ªæŒ‡ãƒªãƒ¼ãƒç¯„囲ãŒéµã¨ãªã‚‹æ–°ãŸãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³
スマホ大画é¢æ™‚代ã€è¦ªæŒ‡ãƒªãƒ¼ãƒç¯„囲ãŒéµã¨ãªã‚‹æ–°ãŸãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³2014.09.25 21:0010,283 ãã†ã“ 片手ã§æ‰±ã†ãªã‚‰ã°ã€è¦ªæŒ‡ãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®éµã¨ãªã‚‹ã€‚ スクリーンã®å·¨å¤§åŒ–ーー賛æˆå対ã¨æ„見ãŒã‚ã‹ã‚Œã¤ã¤ã‚‚ã€ã‚¢ãƒƒãƒ—ルãŒiPhone 6ï¼6 Plusをリリースã—ãŸã“ã¨ã§ã€ã¤ã„ã«ã‚¹ãƒžãƒ›å¤§ç”»é¢æ™‚代ãŒä¸€æ°—ã«èŠ±é–‹ãã¾ã—ãŸã€‚åˆå‹•ã§æ´ä»£äºˆç´„記録を更新ã—ãŸæ–°åž‹iPhoneã€ã¤ã¾ã‚Šä¸–ã®ä¸ã‚‚ã“ã®æ™‚代ã®æµã‚Œã‚’å—ã‘入れãŸã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 3.5～4インãƒã®ãƒ‡ã‚£ã‚¹ãƒ—レイã¯ã€æ€¥æ¿€ã«ãã®å§¿ã‚’消ã—ã¦ã„ã¾ã™ã€‚Adobeã«ã‚ˆã‚‹ãƒ¢ãƒã‚¤ãƒ«ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯2014年レãƒãƒ¼ãƒˆã§ã¯ã€4インãƒä»¥ä¸‹ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã®Web観覧ã¯11％も減少ã—ã¦ã„ã‚‹ã®ã§ã™ã€‚ 時ã¯å¤§ç”»é¢ã€‚ã¨ã¯ã„ãˆã€ã¯ã¦ã—ãªãディスプレイãŒå¤§ãããªã‚‹ã‚ã‘ã§ã‚‚ã‚ã‚Šã¾ã›ã‚“。大画é¢æ™‚代を先行ã—ã¦ããŸAndroid端末ã§ã‚‚ã€æœ€ã‚‚好ã¾ã‚Œã¦ã„ã‚‹ã®ã¯5.1～5.7
)
Application Gestures and Semantic Behavior
The application gestures are delivered as part of the Microsoft® Windows® XP Tablet PC Edition Software Development Kit (SDK). The Microsoft gesture recognizer is built to recognize these gestures. By default, no gestures are enabled. Applications must choose the gestures to enable. In addition to recognizing gestures, the Microsoft gesture recognizer also provides alternates along with confidence
Material Designã®ç›®æŒ‡ã™ã¨ã“ã‚ã¨Androidå´ã®å¤‰æ›´ç‚¹ - クックパッド開発者ブãƒã‚°
モãƒã‚¤ãƒ«ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆå®¤ã® @rejasupotaro ã§ã™ã€‚ 今年ã®Google I/Oã§ã¯Android Oneã€Android Lã€Material Designã€Android Wareã€Android Autoã€Android TVã€Google Cloud Platformã€Google Fitãªã©ã®ç™ºè¡¨ãŒã‚ã‚Šã¾ã—ãŸã€‚弊社ã‹ã‚‰ã¯ç§ã¨ @sys1yagi 㨠@__gfx__ ãŒå‚åŠ ã—ãŸã®ã§ã€ä½•å›žã‹ã«åˆ†ã‘ã¦Google I/Oã®ç™ºè¡¨ã®å†…容を紹介ã—ã¾ã™ã€‚ 今回ã®ãƒ†ãƒ¼ãƒžã¯Material Designã§ã™ã€‚内容ã¯å…¬å¼ãƒ‰ã‚ュメントやセッション動画ã®è¦ç´„ã‚„å‚考リンクã‹ã‚‰ã®å¼•ç”¨ã‚’å«ã¿ã¾ã™ãŒã€ç†è€…ã®è€ƒå¯Ÿã‚„主観もå«ã¾ã‚Œã¾ã™ã€‚ Material Designã¨ã¯ Material Designã¨ã¯ã€GoogleãŒç™ºè¡¨ã—ãŸãƒ“ジュアルã€ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ãƒ—ラットフォームやデãƒã‚¤ã‚¹é–“ã®åŒ…括的ãª
0ã‹ã‚‰å¦ã¶ã‚¢ãƒ—リã®é…色 - Rejasupoem
当方Androidエンジニアをã—ã¦ãŠã‚Šã¾ã™ãŒã€ãƒ—ライベートã§ã‚¢ãƒ—リを作るã¨ãã€ç”»åƒãƒªã‚½ãƒ¼ã‚¹ã«ã¤ã„ã¦ã¯Android組ã¿è¾¼ã¿ã®ã‚‚ã®ã‚’使ã£ãŸã‚Šã€Fontawesomeを使ã£ãŸã‚Šã€ãƒ•ãƒªãƒ¼ç´ æを使ã£ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—é…色ã¯ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã«è½ã¡ã¦ã„ãªãã¦ã€è‡ªåˆ†ã§ã‚„ã‚‹ã¨ã‚¤ãƒžã‚¤ãƒã§ã€ã„ã„æ„Ÿã˜ã«ã—ãŸã„ã¨ã„ã†æ°—æŒã¡ãŒã‚ã‚Šã¾ã—ãŸã€‚ ãã“ã§ã€èª¿ã¹ãŸã‚Šè©¦è¡ŒéŒ¯èª¤ã‚’ã—ã¦çŸ¥è¦‹ãŒå¾—られãŸã®ã§ã€é…色ã«æ‚©ã‚€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã«å…±æœ‰ã—ã¾ã™ã€‚ 3è¡Œã¾ã¨ã‚ デザインã¯ã‚»ãƒ³ã‚¹ã§è¡Œã†ã‚‚ã®ã§ã¯ãªããƒã‚¸ãƒƒã‚¯ã§æˆã‚Šç«‹ã£ã¦ã‚‹ã€ã¤ã¾ã‚ŠåŠªåŠ›ã§ãªã‚“ã¨ã‹ã§ãã‚‹ Color Scheme Designer 3 便利 é…色をå¦ã¶ã®ã«ã¯ä¸‹ã®ã‚¹ãƒ©ã‚¤ãƒ‰ãŒä¸€ç•ªåˆ†ã‹ã‚Šã‚„ã™ã‹ã£ãŸ 色彩センスã®ã„らãªã„é…色講座 from Mariko Yamaguchi STEP 1. 対象ã«èˆˆå‘³ã‚’æŒã¤ 〜〜ã§å¿…è¦ã ã‹ã‚‰å‹‰å¼·ã—ãªã‘ã‚Œã°ã£ã¦å§‹ã‚ã¦ãŸã‚‚ã®ãŒé•·ã続ã„ãŸã“ã¨ãŒãªã„ã®ã§ã€
Assistor PS
Save Your Valuable Time with Assistor PS Assistor PSã¯ã€Photoshopã®ãƒ‡ã‚¶ã‚¤ãƒ³ä½œæ¥ã«ãŠã‘る無駄ãªæ™‚間をカットã—〠デザイナーãŒå¿«é©ã«ä½œæ¥ã§ãるよã†ãŠæ‰‹ä¼ã„ã™ã‚‹ãƒ„ールã§ã™ã€‚ ç°¡å˜ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚¹ãƒšãƒƒã‚¯ä½œæˆ レイヤーを画åƒã¨ã—ã¦ç°¡å˜ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆ ç”»åƒã®æ•°å€¤ãƒ‡ãƒ¼ã‚¿ã®å˜ä½ã‚‚ãƒ©ã‚¯ãƒ©ã‚¯å¤‰æ› ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’ä¸€å®šã®é–“éš”ã§ã‚³ãƒ”ー
デザイン仕様書(ガイド) ã®æ›¸ãæ–¹(åˆæ©ç”¨)
8. ã€€ãƒ‡ã‚¶ã‚¤ãƒ³å®Œäº†ï¼ ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ä½œæˆï¼ 開発完了ï¼äº‹å‰ã«æ‰“ã¡åˆã‚ã›ï¼ （è¨è¨ˆæ®µéšŽï¼‰ 開発者ã¨ã€ A ã‹ã‚‰ Z ã¾ã§äº‹å‰ã«ã¨ã“ã¨ã‚“話ã—åˆã†ã“㨠å¯èƒ½ãªé™ã‚Šã€æ¯Žå›žç¢ºèªï¼ˆé–‹ç™ºç¤¾ ( 者 ) ã”ã¨ã«ã€ã‚¹ã‚¿ã‚¤ãƒ«ã¯é•ã†ï¼ï¼‰ å…¨ã¦ã®ãƒ‡ãƒ¼ã‚¿ã‚’表記ã™ã‚‹è€ƒãˆã¯ã€æ¨ã¦ã‚‹ã“ã¨ï¼ˆäº’ã„ã«ç–²ã‚Œã‚‹ã ã‘） 何ã ã€ã„ã„ヤツ ã˜ã‚ƒãªã„㋠デザインガイド ? ãŠã™ã™ã‚ã®ãƒ—ãƒã‚»ã‚¹ã¨ã¯â€¦
雑誌ã®ã‚ˆã†ã«ç¾Žã—ã„レイアウトを生ã¿å‡ºã™ãŸã‚ã«ã€FlipboardãŒé–‹ç™ºã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ | Goodpatch Blog
ã¯ã˜ã¾ã‚Š 2010å¹´ã€ç§ãŸã¡ã¯Flipboard Pagesã¨ã„ã†ã€Webã®è¨˜äº‹ã‚’iPadå‘ã‘ã«ãƒžã‚¬ã‚¸ãƒ³ãƒšãƒ¼ã‚¸ã«ã™ã‚‹ã¨ã„ã†ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã‚’作りã¾ã—ãŸã€‚ Flipboard Pagesã¯ã€Vanity Fairã‚„National Geographicã¨è¨€ã£ãŸä¸–界一æµã®å‡ºç‰ˆç¤¾ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をページ割ã—ã¾ã™ã€‚ Pagesã¯ã€ãã‚Œãžã‚Œã®å‡ºç‰ˆç¤¾ã®ãƒ–ランドアイデンティティã¨ã‚«ã‚¹ã‚¿ãƒ タイãƒã‚°ãƒ©ãƒ•ã‚£ãƒ¼ã‚’å†ç¾ã™ã‚‹ç¾Žã—ã„レイアウトを生ã¿å‡ºã™ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚é™å®šã•ã‚ŒãŸãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ï¼ˆä¾‹ãˆã°iOS 3.2ã®ã‚ªãƒªã‚¸ãƒŠãƒ«iPad）ã§ã‚‚充実ã‹ã¤é«˜ã„パフォーマンスã§ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã™ã‚‹ãŸã‚ã«ã€Pagesã¯CSS3ã€SVGã€ãã—ã¦vanilla JavaScriptを使ã„ã¾ã—ãŸã€‚出版社ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãŸã‚ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚µã‚¤ã‚ºã¯å¹³å‡ã™ã‚‹ã¨ã€ãŠã‚ˆãレイアウトã€ã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ã€ãƒ•ã‚©ãƒ³ãƒˆã€ãƒãƒ¼ãƒ プレートイメージãªã©ã§90ã‚ãƒãƒ
Animation & UI 2 - YI
「新世紀エヴァンゲリオンã€ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ãƒ—ラグã®ä¸ã‚„発令所ã«è¸Šã‚‹ãƒ‡ã‚£ã‚¹ãƒ—レイを見ãŸæ™‚ã¯è¡æ’ƒã§ã—ãŸã€‚ãã‚Œã¾ã§ã¯ã‚¢ãƒ‹ãƒ¡ã®ä¸ã§ã‚ãã“ã¾ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚ŒãŸãƒ¢ãƒ‹ã‚¿ãƒ¼ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã¯è¦‹ãŸã“ã¨ãŒãªãã€SFã®ä¸ã®æ˜ åƒã¨è¨€ãˆã°ã‚¹ã‚¿ãƒ¼ã‚¦ã‚©ãƒ¼ã‚ºã®R2D2ãªã©ã®3D表示ã€ãƒ›ãƒã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã®è¡¨ç¾ã®æ–¹ãŒå°è±¡çš„ã§ã—ãŸã€‚モニターグラフィックãŒå°è±¡çš„ã¨ãªã£ãŸã®ã¯ç§ã®ä¸ã§ã¯ã‚¨ãƒ´ã‚¡ãƒ³ã‚²ãƒªã‚ªãƒ³ãŒæœ€åˆã§ã—ãŸã€‚ ディスプレイ表ç¾ã¨ãƒ›ãƒã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯è¡¨ç¾ã®é–“ã®åã®ã‚ˆã†ãªã‚‚ã®ã§ã¯ã€ã€Œæ©Ÿå‹•æˆ¦è‰¦ãƒŠãƒ‡ã‚·ã‚³ã€ãŒè¨˜æ†¶ã«æ®‹ã£ã¦ã„ã¾ã™ã€‚XYZ軸ã®ã†ã¡ã€XZ軸ã ã‘を使ã£ãŸç©ºä¸ã«æµ®ã‹ã¶ãƒ‡ã‚£ã‚¹ãƒ—レイãŒã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãƒ„ールã¨ã—ã¦ã€ã¨ã“ã‚ç‹ã—ã¨é£›ã³äº¤ã£ã¦ã„ã¾ã—ãŸã€‚ 今ã€ã‚¢ãƒ‹ãƒ¡ã®ä¸ã®ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¯æ§˜ã€…ãªè¡¨ç¾ãŒã‚ã‚Šã€ä¸€æ–¹å‘ã«ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’決ã‚ã‚‹ã®ã¯å›°é›£ã§ã™ã€‚å¼·ã„ã¦æŒ™ã’ã‚‹ã¨ã™ã‚Œã°ã€CGã®ä½¿ç”¨ãŒæ™®é€šã¨ãªã£ãŸãŸã‚ã€ç™ºå…‰è¡¨ç¾ã¨ãƒ‡ã‚£ã‚¹ãƒ—レイã®ä¸ã§ã‚‚ã‚る程度ã®ç«‹ä½“æ„Ÿã‚’ã‚‚ã£ãŸè¡¨ç¾ãŒå¤š
UX/UI
ユーザã®ä¸»ä½“的経験を指ã™UXã¨ã€ãƒ¦ãƒ¼ã‚¶ãŒè£½å“やシステムã¨ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã™ã‚‹å ´ã§ã‚ã‚‹UIã¯ã€è¨€è‘‰ã®æ¬¡å…ƒãŒç•°ãªã‚Šã€åŒåˆ—ã«è°è«–ã§ãã‚‹ã‚‚ã®ã§ã¯ãªã„。ã“ã®ä½µè¨˜ã«ã¯ã€UIデザイナã®å¤šããŒUXデザイナã«å¤‰èº«ã—ãŸã¨ã„ã†ã“ã¨ã¨ã€UXã¨ã„ã†ã‚ーワードãŒã€Œæµè¡Œèªžã€ã§ã‚ã£ãŸã¨ã„ã†ã“ã¨ãŒé–¢ä¿‚ã—ã¦ã„ã‚‹ã¨ã„ã†ã¹ãã ã‚ã†ã€‚ é»’é ˆæ•™æŽˆ 2014å¹´5月7æ—¥ タイトルã®ã‚ˆã†ã«UX/UIã¨äºŒã¤ã®æ¦‚念を併記ã™ã‚‹ã“ã¨ãŒæµè¡Œã—ã¦ã„るよã†ã 。Googleã§æ¤œç´¢ã—ãŸã¨ã“ã‚ã€ãªã‚“ã¨719,000件もヒットã—ãŸã€‚ã¡ã‚‡ã£ã¨ãã†ã„ã†æµè¡Œã«ç–Žã‹ã£ãŸåƒ•ã¯ã€å…ˆæ—¥UXã«é–¢ã™ã‚‹è¬›æ¼”ã‚’è¡Œã£ãŸã¨ãã®è³ªç–‘ã§ã€UX/UIã«ã¤ã„ã¦ã©ã†æ€ã†ã‹ã¨èžã‹ã‚Œã€ã‚“ã€ä½•ã®ã“ã¨ã‚’èžããŸã„ã®ã ã€ã¨æˆ¸æƒ‘ã£ã¦ã—ã¾ã£ãŸã€‚ã“ã†ã—ãŸèƒŒæ™¯ã®ã‚ã‚‹ã“ã¨ã«æ€ã„至らãªã‹ã£ãŸã®ã§ã‚る。 ãªãœãªã‚‰ã€UIã¯ãƒ¦ãƒ¼ã‚¶ãŒè£½å“やシステムã¨ç›¸äº’作用(インタラクション)ã™ã‚‹å ´ã®ã“ã¨ã§ã‚ã‚Šã€UXã¯ãƒ¦ãƒ¼ã‚¶ã®ä¸»ä½“的経験ã®ã“ã¨
RE: UXã®æœ¬è³ªã«ã¤ã„㦠- UXploration
UI/UXã¨ã„ã†ä¸¦åˆ—表記ã¯åŸºæœ¬çš„ã«ä¿¡ç”¨ã—ãªã„。ã“ã‚Œã¯ã€é•·è°·å·ã•ã‚“ã¨è©±ã—ã¦ã„ã‚‹ã¨è‰¯ã話題ã«ä¸ŠãŒã‚Šã¾ã™ã€‚ ((c) The Gap between UI and UX Design - Know the Difference) UI/UXã®ä¸¦åˆ—表記å•é¡Œ æŸä¸é€”採用ã®æ±‚人検索サイト㧠"UI/UX" ã¨å…¥åŠ›ã—ã¦æ¤œç´¢ã—ã¦ã¿ãŸã¨ã“ã‚ã€900件以上㮠UI/UXデザイナーã®æ±‚人ãŒæŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚è·åŸŸã‚„å¿…è¦ãªã‚¹ã‚ルã¯å®Ÿã«æ§˜ã€…ã§åŒä¸€ã®æž を争ã£ã¦ã„る様åãŒã‚ã¾ã‚Šè¦‹ã‚‰ã‚Œãªã„ã“ã¨ãŒç‰¹å¾´ã§ã™ã€‚"UI/UX" ã¨ã„ã†æ—¬ãªã‚ーワードを盛り込ã¿ã€å ´åˆã«ã‚ˆã£ã¦ã¯ã™ã¹ã¦ã‚’ãŠä»»ã›ã—ãŸã„ã€ãã‚“ãªãƒŸãƒ¼ãƒãƒ¼æ„ŸãŒæ¼‚ã£ã¦ã„るよã†ã«ã‚‚æ€ãˆã¾ã™ã€‚é•·è°·å·ã•ã‚“ã®ãƒ–ãƒã‚°ã§ã‚‚「UXã®æœ¬è³ªã€ã¨é¡Œã—ã¦è¨€åŠã•ã‚Œã¦ã„ã¾ã™ãŒã€UI/UXã¨ã„ã†èª¤ç”¨ã®å¼Šå®³ã®ã²ã¨ã¤ã«ã€èª²é¡Œæ„è˜ã‚’ç‹ã‚ã¦ã—ã¾ã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ("UI/UX" ã®æ¤œç´¢æ•°ã¯ã“ã“1å¹´é–“ã§2å€ã«)
UXã®æœ¬è³ªã«ã¤ã„㦠| underconcept
ユーザー体験（ユーザーエクスペリエンスï¼User Experience: UX）ã¨ã„ã†è¨€è‘‰ãŒåºƒãèžã‹ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ããŸã€‚åŠã°ãƒã‚ºãƒ¯ãƒ¼ãƒ‰ã®ã‚ˆã†ã«ã€ç‰¹ã«ã‚¦ã‚§ãƒ–デザインやマーケティングã®è¨˜äº‹ãªã©ã®ä¸ã§ã¯ã€ã“ã®è¨€è‘‰ã‚’見ãªã„æ—¥ã¯ãªã„。ã—ã‹ã—ãªãŒã‚‰ã€å¤šãã®å ´åˆã€UXã¨ã„ã†è¨€è‘‰ã®çœŸæ„ã‚„å¯èƒ½æ€§ã‚’å–ã‚Šé•ãˆã¦ã—ã¾ã£ã¦ã„る。本稿ã§ã¯ã€ã„ãã¤ã‹ã®è¦³ç‚¹ã‹ã‚‰UXã®æœ¬è³ªã‚’考ãˆã¦ã¿ã‚‹ã€‚ １．UI/UXã¨ã„ã†èª¤ç”¨ 1.1. UIã¨UX ã¾ãšã€å¤šãã®è¨˜äº‹ã‚„講演ãªã©ã§è¦‹ã‚‰ã‚Œã‚‹ã€ŒUI/UXã€ã¨ã„ã†è¡¨ç¾ã‹ã‚‰ã¨ã‚Šã‚ã’ã¦ã¿ãŸã„。 UI/UXã¨ã¯ã€ã‚‚ã¡ã‚ã‚“ã€User Interface / User Experience（ユーザーインターフェイスï¼ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ï¼‰ã®çœç•¥å½¢ã§ã‚ã‚‹ãŒã€å¤šãã®è¨˜äº‹ãªã©ã§ã€Œã™ãã‚ŒãŸUI/UXデザイン事例ã€ã€ã€ŒUI/UX講座ã€ãªã©ã®è¡¨ç¾ãŒç”¨ã„られã¦ã„る。 「ユーザーã€ã¨ã„ã†å…±é€šé …ãŒã‚ã‚‹ãŸã‚ã€å…±é€šã§ãã
マイクãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³
UIã®ãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã‚’ã»ã‚“ã®å°‘ã—工夫ã™ã‚‹ã ã‘ã§UXã¯åŠ‡çš„ã«æ”¹å–„ã—ã¾ã™ã€‚本書ã§ã¯åŠ¹æžœçš„ãªãƒžã‚¤ã‚¯ãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³â€•â€•ã²ã¨ã¤ã®ä½œæ¥ã ã‘ã‚’ã“ãªã™æœ€å°å˜ä½ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³â€•â€•ã®æ„味ã€æœ‰åŠ¹æ€§ã€ãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•ã‚’å¦ã³ã¾ã™ã€‚マイクãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’「トリガーã€ã€Œãƒ«ãƒ¼ãƒ«ã€ã€Œãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã€ã€Œãƒ«ãƒ¼ãƒ—ã¨ãƒ¢ãƒ¼ãƒ‰ã€ã«åˆ†è§£ã—ã¦è±Šå¯Œãªå®Ÿä¾‹ã¨ã¨ã‚‚ã«ã¦ã„ãã„ã«è§£èª¬ã—ã€ã•ã‚‰ã«ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—やドã‚ュメント作æˆã€ãƒ†ã‚¹ãƒˆã¨ã„ã£ãŸå®Ÿè·µçš„ãªæ‰‹æ³•ã‚‚紹介ã—ã¾ã™ã€‚マイクãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’活用ã™ã‚Œã°ã€ã‚ã‚Šãµã‚ŒãŸè£½å“も顧客を引ãã¤ã‘ã‚‹é…力的ãªè£½å“ã«ç”Ÿã¾ã‚Œå¤‰ã‚らã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãƒ‰ãƒŠãƒ«ãƒ‰ãƒ»ãƒŽãƒ¼ãƒžãƒ³æŽ¨è–¦æ›¸ï¼ ç¿»è¨³è€…ã«ã‚ˆã‚‹ã‚µãƒãƒ¼ãƒˆãƒšãƒ¼ã‚¸ã€‚ 本書ã«å¯„ã›ã¦ ――ドナルド・ノーマン 賞賛ã®å£° ã¾ãˆãŒã è¬è¾ž æ„見ã¨è³ªå• 1ç« ã€€ãƒžã‚¤ã‚¯ãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ 1.1　機能ã§ã¯ãªã„ãŒä¾®ã‚Œãªã„å˜åœ¨ 1.1.1　大è¦æ¨¡ãªãƒžã‚¤ã‚¯ãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ 1.2　マイク
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
How To Creative a Usable Touch UI - Intel Software TV
方法: Windows Phone Marketplace 用ã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’作æˆã™ã‚‹
排åµæœŸäºˆæ¸¬ã‚¢ãƒ—リ「Clueã€ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã«ãƒ”ンクを使ã‚ãªã„ç†ç”±
car-ux
UI Design Dos and Don’ts - Apple Developer
{{#tags}}- {{label}}
{{/tags}}