関西フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰UG 主催ã®ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§è€ƒãˆã‚‹Webデザイン/UI勉強会 (http://kfug.connpass.com/event/15244/ )ã€ã§ç™ºè¡¨ã—ãŸå†…容ã§ã™ã€‚
Kaizen Platform ã«ãŠã‘ã‚‹ UI ライブラリã®ãƒ¯ãƒ¼ã‚¯ãƒ•ãƒãƒ¼
関西フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰UG 主催ã®ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§è€ƒãˆã‚‹Webデザイン/UI勉強会 (http://kfug.connpass.com/event/15244/ )ã€ã§ç™ºè¡¨ã—ãŸå†…容ã§ã™ã€‚
iOS アプリ㮠UI ã§ã“ã‚Œã ã‘ã¯ãŠã•ãˆãŸã„細部ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³3㤠- クックパッド開発者ブãƒã‚°
Holiday 事æ¥å®¤ã®å¤šç”°ã§ã™ã€‚先日 Elasticsearch ã®è¨˜äº‹ã‚’書ã„ãŸå†…è—¤ã¨å…±ã« Holiday ( https://haveagood.holiday ) ã®é–‹ç™ºã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ Holiday ã¯ã€åŽ»å¹´9月㫠Web 版をリリースã—ã¾ã—ãŸãŒã€ã‚ˆã‚ŠãŠã§ã‹ã‘を楽ã—ãã™ã‚‹ãŸã‚ã«ä»Šå¹´3月㫠iPhone アプリをリリースã—ã¾ã—ãŸï¼ˆãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ï¼‰ã€‚ アプリã®é–‹ç™ºéŽç¨‹ã§ã¯ã‚³ãƒ³ã‚»ãƒ—トや仮説を立ã¦ã€ãã®æ¤œè¨¼ã‚„実ç¾ã®ãŸã‚ã«ä½œã£ã¦ã¯å£Šã™ã“ã¨ã‚’何度も繰り返ã—è¡Œã„ã¾ã™ãŒã€å®Ÿç¾ã—ãŸã„価値をæä¾›ã™ã‚‹ãŸã‚ã«ã¯ã€å‡ºæ¥ä¸ŠãŒã£ãŸãƒ—ãƒãƒ€ã‚¯ãƒˆã®ç´°éƒ¨ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚‚é‡è¦ã«ãªã£ã¦ãã¾ã™ã€‚ç´°ã‹ã„部分ã«æ°—ã‚’é…り使ã„心地を良ãã—ã¦ã“ãã€æœ¬å½“ã«æä¾›ã—ãŸã„価値をã¾ã£ã™ãã«å±Šã‘ã‚‹ã“ã¨ãŒã§ãã‚‹ãŸã‚ã§ã™ã€‚逆ã«è¨€ãˆã°ã€æœ€å¾Œã®æœ€å¾Œã§ç´°ã‹ã„部分ãŒã¡ã‚ƒã‚“ã¨ã—ã¦ã„ãªã„ã°ã‹ã‚Šã«ãã‚Œã¾ã§ã®éŽç¨‹ãŒç„¡é§„ã«ãªã£ãŸã‚‰ã‚‚ã£ãŸã„ãªã„ã§ã™ã‚ˆã。 今
デザイン変更ã¯æŠœæœ¬çš„ã«ã‚„ã‚‹ã¹ãã‹ã€ãã‚Œã¨ã‚‚ã€å°‘ã—ãšã¤ã‚„ã‚‹ã¹ãã‹
å¤ã„ã‚‚ã®ã‚’æ¨ã¦ã€æ–°ã—ã„ã‚‚ã®ã‚’å–り入れるå‰ã«ã€ãã†ã™ã‚‹ã“ã¨ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®æ¨™é”æˆã®ãŸã‚ã«å¿…è¦ã ã¨ã„ã†ç¢ºå®Ÿãªè¨¼æ‹ ãŒã‚ã‚‹ã“ã¨ã‚’確ã‹ã‚よã†ã€‚ Radical Redesign or Incremental Change? by Hoa Loranger on February 8, 2015 日本語版2015å¹´3月9日公開 ユーザーエクスペリエンスã«é–¢ã‚る最大ã®å•é¡Œã¯ã€ãƒ¡ã‚¬ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’利用ã™ã‚‹ã®ã‹ã€ã‚ã‚‹ã„ã¯ä»–ã®ã‚¿ã‚¤ãƒ—ã®ãƒŠãƒ“ゲーションメニューを利用ã™ã‚‹ã®ã‹ã¨ã„ã£ãŸã‚ˆã†ãªå€‹åˆ¥ã®ãƒ‡ã‚¶ã‚¤ãƒ³èª²é¡Œã®ã“ã¨ã§ã¯ãªã„。求ã‚られã¦ã„ã‚‹ã®ã¯ã€ã‚‚ã£ã¨è¦–野を広ã’ã¦ã€UXã«é–¢ã—ã¦æœ€å„ªå…ˆã™ã¹ã戦略をã¾ãšæ±ºã‚ã‚‹ã“ã¨ã§ã‚る。ã™ãªã‚ã¡ã€å¤§æ”¹é©ã‚’目指ã—ã¦ã™ã¹ã¦ã‚’一気ã«å¤‰ãˆã‚‹ã®ã‹ã€ã‚ã‚‹ã„ã¯å°‘ã—ãšã¤å“質をå‘上ã•ã›ã‚‹ã¨ã„ã†ã‚„り方をå–ã‚Šã€ä¸€æ©ãšã¤é€²ã‚“ã§ã„ãã®ã‹ã€ã§ã‚る。 ユーザーエクスペリエンスã¨ã„ã†ã®ã¯å“質ã«é–¢ã‚る分野ãªã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¾ã€…ã«å¤‰
スワイプæ“作を実装ã§ãã‚‹jQueryプラグインã€TouchSwipeãŒã‚¤ã‚¤æ„Ÿã˜ | Studio Rubbish
ã‚ーã‚ー今日もウェブã¤ãã‚‹ã®ã‹ãƒ¼ã‚ã‚“ã©ãã›ãƒ¼ãªãƒ¼ã¤ã¾ã‚“ãーãªãƒ¼ã‚¹ãƒ¯ã‚¤ãƒ—ã—ã¦ãˆãªãƒ¼ã€‚フリックã§ã‚‚ã„ã„ã‹ã‚‰ãƒ¼ã€‚ jQueryã§ã§ãã‚“ã®ã‹ãªãƒ¼ã€‚ã‚ã€ã§ãã¡ã‚ƒã£ãŸã€ã“れ上手ãã„ã£ãŸ? ブヒヒwww ã‚“ã€ãŸã¦ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«å‡ºæ¥ãªããªã£ã¡ã‚ƒã£ãŸã。ãりゃã‚ãã†ã ãã†ã 。 ã‚„ã±ä»–人ãŒä½œã£ãŸã®ä½¿ã£ãŸæ–¹ãŒã‚¦ãƒžã‚¦ãƒžã ãªãƒ–ヒヒ。 Boxer flickGal FlickSlide flipsnap.js iScroll jCarouse jQuery.flickSimpe jQuery.flickable jQuery.jcflick PhotoSwipe Swipebox Swipeshow TouchSlider Unslider 色々試ã—ã¾ã—ãŸã€‚疲れã¾ã—ãŸã€‚ ã»ã‹ã«ã‚‚ã“ã®è¾ºã‚’å‚考ã«ã—ãŸãƒ–ヒ。 スマートフォンå‘ã‘スワイプ・フリック系ライブラリã®ã¾ã¨ã‚ ç”»åƒã‚®ãƒ£ãƒ©ãƒªãƒ¼ç‰ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ï¼ˆiPhone /
入力フォームã®ã€Œå¿…é ˆã€ã€Œä»»æ„ã€ã®ãƒ©ãƒ™ãƒ«ã¯ä¸¡æ–¹ä»˜ã‘ãªã„ã¨ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ãŒä¸‹ãŒã‚‹
[レベル: åˆã€œä¸ç´š] 入力フォームã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã«ã¯ã€å…¥åŠ›ãŒã€Œå¿…é ˆã€ãªã®ã‹ã¾ãŸã¯ã€Œä»»æ„ã€ãªã®ã‹ã®ãƒ©ãƒ™ãƒ«ã‚’両方付ã‘ã‚‹ã“ã¨ãŒæŽ¨å¥¨ã•ã‚Œã¾ã™ã€‚ ã©ã¡ã‚‰ã‹ç‰‡æ–¹ã ã‘ã ã¨å…¥åŠ›é€”ä¸ã®é›¢è„±ã®åŽŸå› ã«ãªã‚Šã¾ã™ã€‚ ECサイトã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ“リティ調査ã¨æœ€é©åŒ–ã‚’å°‚é–€ã«æ‰±ã£ã¦ã„ã‚‹Baymard InstituteãŒè©³ã—ã解説ã—ã¦ã„ã¾ã™ã€‚ 15ã®å¤§æ‰‹ECサイトã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティ調査ã¨18ã®ä¸»è¦ãªãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティ調査ã€ãã—ã¦è‡ªç¤¾ã«ã‚ˆã‚‹æœ€æ–°ã®å¤§è¦æ¨¡ãªã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ングテストã«ã‚ˆã£ã¦å®Ÿè¨¼ã™ã‚‹ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ãã®è§£èª¬ã®è¦ç‚¹ã‚’ã¾ã¨ã‚ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ 片方ã ã‘ã®ã€Œå¿…é ˆã€ã€Œä»»æ„ã€ãƒ©ãƒ™ãƒ«ã®å•é¡Œç‚¹ 入力ãŒã€Œå¿…é ˆã€ã‹ã€Œä»»æ„ã€ã‹ã‚’ã©ã¡ã‚‰ã‹ç‰‡æ–¹ã®ãƒ©ãƒ™ãƒ«ã ã‘ã§ç¤ºã™ã“ã¨ã«ã¯ã•ã¾ã–ã¾ãªå•é¡Œç‚¹ãŒã‚ã‚Šã¾ã™ã€‚ å¿…é ˆã‹ä»»æ„ã‹ã‚’示ã•ãªã„ã®ã¯ã„ã¡ã°ã‚“よããªã„ ãã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®å…¥åŠ›ãŒå¿…é ˆã‹ä»»æ„ã‹ã‚’示ã•ãªã„ã®ã¯ã„ã¡ã°ã‚“よããªã„スタイルã§ã™ã€‚
『新ゲームデザインã€ãŒWebサービス開発ã®å‹‰å¼·ã«ãªã‚Šã™ãŽã¦æ„Ÿå‹•ã—ãŸ
ãƒã‚±ãƒ¢ãƒ³ã‚’作ã£ãŸã‚²ãƒ¼ãƒ デザイナー田尻智ã•ã‚“ã®ã€Žæ–°ã‚²ãƒ¼ãƒ デザインã€ã‚’èªã¿ã¾ã—ãŸã€‚ã“ã®æœ¬ã£ã¦ã‚¿ã‚¤ãƒˆãƒ«é€šã‚Šã€Œã‚²ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€ãŒä¸å¿ƒã«èªžã‚‰ã‚Œã¦ã„ã‚‹ã‚“ã§ã™ãŒã€ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã—ã¦ã‚‚å¦ã³ã®å¤šã„本ã ã£ãŸã®ã§æ„Ÿå‹•ã—ã¾ã—ãŸã€‚ 表ç¾ã¨æ–¹æ³• 僕ã¯ãƒ•ã‚¡ãƒŸã‚³ãƒ³ã‚’è²·ã£ãŸã®ãŒé…ã‹ã£ãŸã®ã§ã€å‰µä¸–記ã®ã‚²ãƒ¼ãƒ を全然知らãªã„ã‚“ã§ã™ãŒã€ã‚¼ãƒ“ウスã«é–¢ã™ã‚‹ã‚¨ãƒ”ソードãŒä¸€ç•ªé¢ç™½ã‹ã£ãŸã§ã™ã€‚ ゼビウスã®åœ§å€’的神秘的世界を構築ã™ã‚‹ã®ã«ã€ä½•ã‹è¶…絶的ãªãƒ—ãƒã‚°ãƒ©ãƒ テクニックも必è¦ã§ã¯ãªãã€ã©ã†ã‚„らãれらã¯ã€åˆ¥ã®è¦ç´ ã«ã‚ˆã£ã¦ã€æ§‹ç¯‰ã•ã‚Œã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ãŒè§£ã£ã¦ãã¾ã™ã€‚ 独創的ãªã‚¤ãƒ¡ãƒ¼ã‚¸ãŒå…ˆã«ã‚ã£ãŸå ´åˆã€ãれを実ç¾ã™ã‚‹æŠ€è¡“力ã¯ã‚‚ã¡ã‚ã‚“å¿…è¦ã§ã™ã€‚ãŸã ã€ç”°å°»ã•ã‚“ãŒãŠã£ã—ゃるよã†ã«å¤§åˆ‡ãªã®ã¯ 表ç¾ã—ãŸã„ã“ã¨ãŒå…ˆã«ã‚ã£ã¦ã€ãã“ã«æ–¹æ³•ãŒã‚ã‚‹ã¨ã„ã†ã“ã¨ã€‚ ã§ã™ã€‚目的ã¨æ‰‹æ®µã®è©±ã¿ãŸã„ã§ã™ãŒã€å®Ÿåœ¨ã™ã‚‹ã‚²ãƒ¼ãƒ を例ã«ã—ãŸè§£èª¬ãŒéŸ¿ãã¾ã—ãŸã€‚ 製作者ã®æ€æƒ³ ã“ã“ã§ã¯ã€Œ
多腕ãƒãƒ³ãƒ‡ã‚£ãƒƒãƒˆã«ã‚ˆã‚‹è¡¨ç¤ºã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æœ€é©åŒ– - クックパッド開発者ブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚技術部検索グループã®åŽŸå³¶ã§ã™ã€‚ 上ã®ç”»åƒã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ï¼ˆãƒ–ラウザ版）ã§è¦‹ãŸã‚¯ãƒƒã‚¯ãƒ‘ッドã®æ¤œç´¢çµæžœãƒšãƒ¼ã‚¸ã§ã™ã€‚レシピã ã‘ã§ãªãã€ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚‚表示ã•ã‚Œã¦ã„ã¾ã™ã。献立や掲示æ¿ã®ã‚¹ãƒ¬ãƒƒãƒ‰ãªã©ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ クックパッドã§ã¯ã€æ¤œç´¢çµæžœãƒšãƒ¼ã‚¸ã«è¡¨ç¤ºã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„をクエリãªã©ã«å¿œã˜ã¦æœ€é©åŒ–ã—ã¦ã„ã¾ã™ã€‚最é©åŒ–ã¯ã€è†¨å¤§ãªãƒã‚°ãƒ‡ãƒ¼ã‚¿ã¨æœ€æ–°ã®æ©Ÿæ¢°å¦ç¿’を用ã„ã‚‹ã“ã¨ã§ã€å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§ã¯ã€ã‚¯ãƒƒã‚¯ãƒ‘ッドã«ãŠã‘るコンテンツ最é©åŒ–ã®è£å´ã‚’紹介ã—ã¾ã™ã€‚ 最é©åŒ–ã®èƒŒæ™¯ スマートフォンã®æ™®åŠã«ä¼´ã£ã¦ã€ãƒ¦ãƒ¼ã‚¶ãŒåˆ©ç”¨ã™ã‚‹ãƒ—ラットフォーム㯠PC ã‹ã‚‰ãƒ¢ãƒã‚¤ãƒ«ã«ã‚·ãƒ•ãƒˆã—ã¤ã¤ã‚ã‚Šã¾ã™ã€‚クックパッドã«ãŠã‘るモãƒã‚¤ãƒ«åˆ©ç”¨è€…ã®å‰²åˆã‚‚ã€ã“ã“ 2 年㧠10% ä»¥ä¸Šå¢—åŠ ã—ã¾ã—ãŸã€‚最近ã§ã¯ã€60% 以上ã®ãƒ¦ãƒ¼ã‚¶ãŒãƒ¢ãƒã‚¤ãƒ«ã‹ã‚‰ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã„ã¾ã™ã€‚ ユーザã®åˆ©ç”¨å½¢æ…‹ãŒå¤‰åŒ–ã™ã‚Œã°ã€æ¤œç´¢çµæžœãƒšãƒ¼ã‚¸ã‚‚ãã®å¤‰åŒ–ã«å¯¾
世界最高ã®æŽˆæ¥ã€‚IDEOã«å¦ã¶ã€Œãƒ‡ã‚¶ã‚¤ãƒ³æ€è€ƒã€ã®çœŸé«„──2014.3.7 Night School | ライフãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ン
ライフãƒãƒƒã‚«ãƒ¼ã®ãƒŠã‚¤ãƒˆã‚¹ã‚¯ãƒ¼ãƒ«é–‹è¬›ã€‚IDEOã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ãƒ³ã‚ングをå¦ã¶ã€‚ 優れãŸãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚„é€ å½¢ã ã‘ã§ãªãã€ä¸–ã®ä¸ã®å•é¡Œç‚¹ã‚„課題を明確ã«ã—ã¦ã€è§£æ±ºç–ã‚’å°Žãã ã™ã“ã¨ã€‚ã‚ã‚‹æ„味ã§ã¯åŒ»è€…やコンサルã®ä»•äº‹ã«ã‚‚è¿‘ã„ã®ã ã¨æ€ã„ã¾ã™ã€‚è¿‘å¹´ã€ãã®ã‚¢ãƒ—ãƒãƒ¼ãƒã¯ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ãƒ³ã‚ング（æ€è€ƒï¼‰ã€ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚グラフィックデザイナーやクリエイティブディレクターãŒåºƒå‘Šã‚„雑誌ã«ã¨ã©ã¾ã‚‰ãšå¹…広ã„分野ã§æ´»èºã§ãã‚‹ã®ã¯ãã®ã‚¹ã‚ルã§ç¤¾ä¼šã‚’豊ã‹ã«ã§ãã‚‹ã‹ã‚‰ã€‚アップル社ã®åˆæœŸãƒžã‚¦ã‚¹ã‚„Palmã‚’ã¯ã˜ã‚ã€æ•°ã€…ã®ä¸–界的ä¼æ¥ã¨ã®ä»•äº‹ã§çŸ¥ã‚‰ã‚Œã‚‹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ãƒ•ã‚¡ãƒ¼ãƒ IDEO（アイデオ） 。彼らãŒä¸–界的ã«æ´»èºã—ã¦ã„ã‚‹ã®ã‚‚デザインãŒç¤¾ä¼šã«ä¸Žãˆã‚‹å½±éŸ¿åŠ›ã®å¼·ã•ã‚’物語ã£ã¦ã„ã‚‹ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ 『ライフãƒãƒƒã‚«ãƒ¼ï¼»æ—¥æœ¬ç‰ˆï¼½ã€ãŒä¸»å‚¬ã™ã‚‹ãƒŠã‚¤ãƒˆã‚¹ã‚¯ãƒ¼ãƒ«ã¯ã€ã„ã¾ã®ä¸–ã®ä¸ã®ã‚ーパーソンã«ç™»å ´ã„ãŸã ãã€ãã®ä»•äº‹è¡“を共有ã™ã‚‹å¦
美ã—ã„UIエレメントãŒ100種類以上ï¼æ¬¡ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã«å½¹ç«‹ã¤ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ç”¨ã®ç´ æ -Flatic UI Kit
æ•°ãŒã™ã”ã„ã ã‘ã§ãªãã€ãã®ã‚¯ã‚ªãƒªãƒ†ã‚£ã‚‚ç´ æ™´ã‚‰ã—ãã€å•†ç”¨ã‚µã‚¤ãƒˆã§ã‚‚ãã®ã¾ã¾ã™ãã«åˆ©ç”¨ã§ãã‚‹UIエレメントãŒæƒã£ãŸPhotoshopã®PSDç´ æを紹介ã—ã¾ã™ã€‚ å˜ã«ä½¿ç”¨ã™ã‚‹ã ã‘ã§ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã€ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®å±•é–‹ãªã©ã€å‹‰å¼·ã«ã‚‚役立ã¡ã¾ã™ã€‚
ユーザー登録ã®é¢å€’ãã•ã„フォーム入力ã®è‹¦ç—›ã‚’激減ã•ã›ã‚‹ç”»æœŸçš„アイデア「ダイアãƒã‚°ãƒ•ã‚©ãƒ¼ãƒ ã€
登録フォームã¨è¨€ãˆã°é€šå¸¸ã¯å¿…è¦äº‹é …を一方的ã«å…¥åŠ›ã—ã¦ã„ãã‚‚ã®ã§ã™ãŒã€ã‚ャラクターã¨ã®ä¼šè©±å½¢å¼ã«ã—ã¦ã€ã¾ã‚‹ã§ãƒãƒ£ãƒƒãƒˆã‚’è¡Œã£ã¦ã„るよã†ã«æƒ…å ±ã‚’å…¥åŠ›ã§ãã‚‹ã®ãŒã€Œãƒ€ã‚¤ã‚¢ãƒã‚°ãƒ•ã‚©ãƒ¼ãƒ ã€ã§ã™ã€‚人ã¨ãƒãƒ£ãƒƒãƒˆã—ã¦ã„ã‚‹ã¨ãã¯ã‚¿ã‚¤ãƒ”ングãŒè‹¦ã˜ã‚ƒãªã„ã€ã¨ã„ã†ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’å…ƒã«ä½œã‚‰ã‚ŒãŸç™»éŒ²ãƒ•ã‚©ãƒ¼ãƒ ã§ã€ã‚³ãƒ¼ãƒ‰ã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚ç„¡æ–™ã§è¡Œãˆã¾ã™ã€‚ ダイアãƒã‚°ãƒ•ã‚©ãƒ¼ãƒ - jsdo.it - Share JavaScript, HTML5 and CSS http://jsdo.it/watilde/form 実際ã«ã©ã‚“ãªæ„Ÿã˜ã§ãƒ•ã‚©ãƒ¼ãƒ ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã®ã‹è©¦ã—ã¦ã¿ã¾ã™ã€‚ã¾ãšã¯ãƒšãƒ¼ã‚¸å³å´ã«ã‚ã‚‹å†ç”Ÿãƒœã‚¿ãƒ³ã‚’クリック。 ã™ã‚‹ã¨ã€ã€Œä¼šå“¡ç™»éŒ²ãµã‰ãƒ¼ã‚€ã€ã¨ã„ã†æ–‡å—ã®ä¸‹ã§è‡ªå‹•çš„ã«Windows Azure å…¬èªã‚ャラクタークラウディア・窓辺ãŒä¼šè©±ã‚’始ã‚ã¾ã™ã€‚ 「ユーザーIDを入力ã—ã¦ãã ã•ã„ã€ã¨ã‚¯ãƒ©ã‚¦ãƒ‡ã‚£ã‚¢ã«è¨€ã‚れるã®ã§ã€ãƒ•ã‚©ãƒ¼ãƒ ã«è‡ªåˆ†ã®IDã‚’
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
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
純利益をã‚ã’ã¦ã„ã‚‹EコマースTOP100サイトã«è¦‹ã‚‹ã€è³¼å…¥ãƒ•ãƒãƒ¼ã®å…¨ã‚¹ãƒ†ãƒƒãƒ—ã‚’ã‚ャプãƒãƒ£ã§ãŠã•ã‚ãŸã¾ã¨ã‚
純利益をã‚ã’ã¦ã„ã‚‹EコマースTOP100サイトã«è¦‹ã‚‹ã€ã‚·ãƒ§ãƒƒãƒ”ングカートã‹ã‚‰ã‚ªãƒ¼ãƒ€ãƒ¼å®Œäº†ã¾ã§ã®è³¼å…¥ãƒ•ãƒãƒ¼ã®å…¨ãƒ—ãƒã‚»ã‚¹ã€508ã®ã‚¹ãƒ†ãƒƒãƒ—ã€975ã®ã‚ャプãƒãƒ£ã‚’紹介ã—ã¾ã™ã€‚ Checkout Usability Benchmark EコマースサイトTOP100ã®ãƒã‚§ãƒƒã‚¯ã‚¢ã‚¦ãƒˆã®ãƒ—ãƒã‚»ã‚¹ ãƒã‚§ãƒƒã‚¯ã‚¢ã‚¦ãƒˆã®ãƒ—ãƒã‚»ã‚¹ï¼šã‚¿ã‚¤ãƒ—別 EコマースサイトTOP100ã«è¦‹ã‚‹ãƒ—ãƒã‚»ã‚¹ã®çµ±è¨ˆå€¤ EコマースサイトTOP100ã®ãƒã‚§ãƒƒã‚¯ã‚¢ã‚¦ãƒˆã®ãƒ—ãƒã‚»ã‚¹ 純利益をã‚ã’ã¦ã„ã‚‹EコマースサイトTOP100ã®ãƒã‚§ãƒƒã‚¯ã‚¢ã‚¦ãƒˆã®ãƒ—ãƒã‚»ã‚¹ãŒå…¨ã¦ã‚ャプãƒãƒ£ä»˜ã§ã¾ã¨ã‚られã¦ã„ã¾ã™ã€‚ ランã‚ングã¯ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å¾—点ã§ã™ã€‚
商用利用無料ã€ã‚€ã—ã‚奨励ã€ãƒ”クセルベースã®ã‚·ãƒ³ãƒ—ルãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Modern UI Icons
ブãƒã‚°ã‚„ウェブサイト・アプリã§ã‚ˆã使用ã™ã‚‹ã‚‚ã®ã‚’ã¯ã˜ã‚ã€ã‚¢ãƒ—リã€ãƒãƒ£ãƒ¼ãƒˆã€å¤©æ°—ã€æ–‡å…·ã€ãƒ›ãƒ“ーã€é¡”æ–‡å—ãªã©ã‚‚æƒã£ã¦ã„ã‚‹Windows Phoneをテーマã«ä½œæˆã—ãŸã‚¢ã‚¤ã‚³ãƒ³ç´ æを紹介ã—ã¾ã™ã€‚
ユーザーエクスペリエンスã¨ã¯ä½•ã‹ï¼Ÿã€ã‚¤ãƒ³ã‚¿ãƒ“ュー】ホワイトãƒã‚¦ã‚¹ã‚‚注目ã®UXデザイナーJanice Fraseræ°ï¼ˆå‰ç·¨ï¼‰ デザイン会社 ビートラックス: ブãƒã‚°
世界ä¸ã§è¬›æ¼”ã‚’è¡Œã„ã€ãƒ›ãƒ¯ã‚¤ãƒˆãƒã‚¦ã‚¹ã§ã‚‚プレゼンテーションを行ã£ãŸã¨ã„ã†ã€ŒUXã®ç¬¬ä¸€äººè€…ã€Janice Fraseræ°ã€‚ UXã«ç‰¹åŒ–ã™ã‚‹ä¼šç¤¾ã‚’ç«‹ã¡ä¸Šã’ãŸå½¼å¥³ã®çµŒé¨“・ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚„ã€å½¼å¥³ãŒèªžã‚‹ã€ŒLean UXã€ãªã©ã«é–¢ã—ã¦ã¯åŒè¨˜äº‹ã®å¾Œç·¨ã«è²ã‚‹ã¨ã—ã¦ã€ã¾ãšã¯å½¼å¥³ãŒå®šç¾©ã™ã‚‹ã€ŒUXã¨ã¯ä½•ã‹ï¼Ÿã€ã¨ã„ã†ã“ã¨ã‚„ã€ã‚ˆãæ··åŒã•ã‚ŒãŒã¡ãªã€ŒUIã¨UXã®é•ã„ã€ã€æ›´ã«ã¯ã€Œå›½ã‚’超ãˆã‚‹ã¨UXã«é•ã„ã¯ã‚ã‚‹ã®ã‹ï¼Ÿã€ã€Œè‰¯ã„UXを測るãŸã‚ã®æŒ‡æ¨™ã€ã«ã¤ã„ã¦ä¼ºã£ãŸã€‚ ◆目次（å‰ç·¨ï¼‰â—†UXã¨ã¯ï¼Ÿæ··åŒã•ã‚ŒãŒã¡ãªUIã¨UXUXã«å›½ã”ã¨ã®é•ã„ã¯ã‚ã‚‹ã‹ï¼Ÿè‰¯ã„UXã‹ã©ã†ã‹ã‚’測る指標ã¯ï¼Ÿâ—†è©±è€…プãƒãƒ•ã‚£ãƒ¼ãƒ«â—† ゲストトーカー：Janice Fraser LUXr, Inc. CEO @clevergirl UXデザイナーã€èµ·æ¥å®¶ã€‚UXã‚’é‡è¦–ã—ãŸã‚¦ã‚§ãƒ–サービスã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’手ãŒã‘ã‚‹Adaptive Path社ã®å…±åŒå‰µæ¥è€…ã€åˆä»£CEO。 15å¹´ã«æ¸¡ã‚‹
様々ãªã‚¤ã‚±ã¦ã‚‹UIã‚’å‚考ã«ã§ãるサイト | ãƒã‚·ãƒ£ãƒã‚°ã€‚
足掛ã‘2å¹´ã€å…¨ã¦ã®é–¢é€£ä½œå“を見ã¦ã‹ã‚‰ã‚¢ãƒ™ãƒ³ã‚¸ãƒ£ãƒ¼ã‚ºã‚’見ã¦æœ€é«˜ã«ç››ã‚Šä¸ŠãŒã£ãŸminamiã§ã™ã€‚ Webデザインã®ä¸ã§ã‚‚サイトã®UIデザインã¯è¿‘å¹´é‡è¦æ€§ã‚’増ã—ã¦ã„ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã®ã‚¤ãƒ³ã‚¹ãƒ”レーションをå—ã‘られるサイトをã”紹介ã—ã¾ã™ã€‚ UI Patterns UI Patterns User Interface Patter Libraryã¨ã„ã†ã‚µã‚¤ãƒˆå通りã€UIãŒä½“系的ã«ã¾ã¨ã‚られ解説ã•ã‚Œã¦ã„ã¾ã™ã€‚「Design patternsã€ã§ã¯ãã‚Œãžã‚Œã®UIã«å¯¾ã—ã¦ã€ã©ã†ã„ã†å•é¡Œã‚’解決ã—ã¦ãれるもã®ãªã®ã‹ã®è©³ç´°ãªè§£èª¬ãŒã‚ã‚‹ã®ã§ã€æ™®æ®µãªã‚“ã¨ãªã使ã£ã¦ã„ã‚‹UIを基礎ã‹ã‚‰å‹‰å¼·ã—ç›´ã›ã¾ã™ã€‚ ui parade. ui parade. UIを種類別ã«é›†ã‚ãŸã‚µã‚¤ãƒˆã€‚ãªã‹ãªã‹æ´—ç·´ã•ã‚ŒãŸã‚‚ã®ãŒé›†ã¾ã£ã¦ã¾ã™ã。 PATTERN TAP PATTERN TAP 良ã•æ°—ãªUIã®ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆãŒé›†ã¾ã‚‹ã‚µã‚¤ãƒˆ
デオシークã®å£ã‚³ãƒŸã‚„効果を検証ï¼ãƒ¯ã‚ガã®ç§ãŒä½¿ã„込んã§ã¿ã¾ã—ãŸï¼ | æ„›ã¨å°ç”º
デオシークã®ç‰¹å¾´ åŠ é½¢è‡ã‚‚撃退 強烈ãªè¶³ã®ãƒ‹ã‚ªã‚¤ã‚‚撃退 ワã‚ã€è¶³ãªã©å…¨èº«ã®ãƒ‹ã‚ªã‚¤ã‚’シャットアウト デオシークã¯åŽšç”ŸåŠ´åƒçœãŒèªå¯ã—ãŸåŒ»è–¬éƒ¨å¤–å“ã§ã€æ®ºèŒåŠ¹æžœã‚„消è‡åŠ¹æžœãŒãã¡ã‚“ã¨èªã‚られãŸæœ‰åŠ¹æˆåˆ†ãŒé…åˆã•ã‚Œã¦ã„る商å“ã§ã™ã€‚ 市販ã•ã‚Œã¦ã„るデオドラントクリームã¨æ¯”ã¹ã‚‹ã¨ã€åŒ»è–¬éƒ¨å¤–å“ã¯å…¥ã£ã¦ã„ã‚‹æˆåˆ†ãŒé•ã„ã¾ã™ã®ã§ã€æ¶ˆè‡åŠ¹æžœãŒé«˜ã„ã§ã™ã€‚ デオシークã¯ã€ãƒ‡ã‚ªãƒ‰ãƒ©ãƒ³ãƒˆã‚¯ãƒªãƒ¼ãƒ å˜å“ã§ã‚‚消è‡åŠ¹æžœãŒæœŸå¾…ã§ãã¾ã™ãŒã€ãƒœãƒ‡ã‚£ã‚½ãƒ¼ãƒ—ã¨ã®ã‚»ãƒƒãƒˆã‚’使用ã™ã‚‹ã“ã¨ã§ã•ã‚‰ãªã‚‹æ¶ˆè‡åŠ¹æžœãŒæœŸå¾…ã§ãã¾ã™ã€‚ ワã‚ã‚¬ã‚„åŠ é½¢è‡ãªã©ã®ã‚ˆã†ãªé ‘固ãªè‡ã„ã«ã‚ˆã‚‹æ‚©ã¿ã¯æ·±ã„ã§ã™ãŒã€ãƒ‡ã‚ªã‚·ãƒ¼ã‚¯ã«ã‚ˆã£ã¦æ‚©ã¿ã‹ã‚‰è§£æ”¾ã•ã‚Œã‚‹äººãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ åšå£«æœ‰åŠ¹æˆåˆ†ã¯æ¶ˆè‡åŠ¹æžœã‚„殺èŒåŠ¹æžœãŒèªã‚られã¦ã„ã‚‹æˆåˆ†ãªã‚“ã é ‘å›ºãªè‡ã„ã¯ãƒ‡ã‚ªã‚·ãƒ¼ã‚¯ã§ä¸€ç™ºãªã‚“ã ã‚‚ã†æ€–ããªã„ã‚“ã ä¾¡æ ¼ 3,380円（定期コース） 6,980円（å˜å“購入） 有効æˆåˆ† パラフェノールスルホン酸亜鉛ã€ã‚¤
å…¨133種類ã¡ã‚‡ã£ã¨ãƒ¬ã‚¢ãªã®ã‚‚ã‚ã‚‹ã€16x16ã®ãƒŸãƒ‹ã‚µã‚¤ã‚ºã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æ -Small Ui Icons
ã‚¢ãƒãƒ¼ã€æ¤œç´¢ã€ãƒ›ãƒ¼ãƒ ã€ãƒ¡ãƒ¼ãƒ«ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ãªã©ã€ã‚¦ã‚§ãƒ–サイト・アプリケーション用ã®ã•ã¾ã–ã¾ãªç¨®é¡žãŒæƒã£ãŸãƒŸãƒ‹ã‚µã‚¤ã‚ºã®ã‚¢ã‚¤ã‚³ãƒ³ç´ æを紹介ã—ã¾ã™ã€‚ メガãƒã¨ã‹ãƒ˜ãƒƒãƒ‰ãƒ•ã‚©ãƒ³ã¨ã‹ãƒãƒ³ã‚¬ãƒ¼ã¨ã‹ã€ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸã‚‚ã®ã‚‚ã‚ã‚Šã¾ã™ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ã“ã‚Œã‹ã‚‰ã®Web制作ã«ä½¿ãˆã‚‹ã€é¢ç™½ã„UIを実装ã§ãã‚‹jQuery・CSS集
ウェブデザインã®ã‚»ãƒ³ã‚¹ã‚’å¦ã¼ã†ã€2012年上åŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIデザインã®ã¾ã¨ã‚
{{#tags}}- {{label}}
{{/tags}}