事æ¥æˆ¦ç•¥ã¨çµ„ç¹”ã®ãƒ’゙ジョンデザイン〜デザイン的アプãƒãƒ¼ãƒã¦ã‚™äº‹æ¥ãƒ»çµ„ç¹”ã¤ã‚™ãã‚Šã«ã¨ã‚™ã†å–り組んã¦ã‚™ã„ã‚‹ã‹ã®ãƒªã‚¢ãƒ«ã€œ
ユーザー体験è¨è¨ˆã‚’軸ã«ã™ã™ã‚るサービスデザイン
事æ¥æˆ¦ç•¥ã¨çµ„ç¹”ã®ãƒ’゙ジョンデザイン〜デザイン的アプãƒãƒ¼ãƒã¦ã‚™äº‹æ¥ãƒ»çµ„ç¹”ã¤ã‚™ãã‚Šã«ã¨ã‚™ã†å–り組んã¦ã‚™ã„ã‚‹ã‹ã®ãƒªã‚¢ãƒ«ã€œ
Design For User #2 - コンãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã‹ã‚‰è€ƒãˆã‚‹UIã¨è¨è¨ˆ | FRESH LIVE（フレッシュライブ） - ライブé…信サービス
アプリケーション開発ã«ãŠã‘ã‚‹UI / View 層ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼éƒ½åˆã‚„ビジãƒã‚¹éƒ½åˆãƒ»æ°¾æ¿«ã™ã‚‹A/Bテストãªã©ã«ã‚ˆã£ã¦ç§»ã‚ã„ã‚„ã™ã〠良ããªã„å ´é¢ã§ スマートUI（画é¢é§†å‹•ï¼‰é–‹ç™º を進ã‚ã¦ã„ã‚‹ç¾çŠ¶ãŒã‚ã‚Šã¾ã™ã€‚ UI層ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„評価ã€ã‚¢ãƒ¼ã‚テクãƒãƒ£ã¨ã®å…±å˜ã‚’è¡Œã†ä¸Šã§ã¾ã™ã¾ã™é‡è¦åº¦ã‚’増ã—ã¦ã„る粒度をå°ã•ã考ãˆã‚‹ï¼ˆãƒžã‚¤ã‚¯ãƒãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ï¼‰ コンãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘。 ãã‚Œã«ã¾ã¤ã‚ã‚‹ アーã‚テクãƒãƒ£ ã‚„ 方法論 ãªã©ã‚’デザイナー・エンジニアãã‚Œãžã‚Œã®è¦–点ã‹ã‚‰è€ƒãˆã‚‹å‹‰å¼·ä¼šã§ã™ã€‚ æ¦‚è¦ ãƒ»Atomic Design ã®å°Žå…¥ãƒ»é‹ç”¨äº‹ä¾‹ ・組織ã«ãŠã‘るコンãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘ã®ã™ã™ã‚æ–¹ ・オブジェクト指å‘UX（OOUX）ã§ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®è€ƒãˆæ–¹ ・UIデザインã®è¨è¨ˆãƒ»è©•ä¾¡ã®ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ ・フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ãƒ»ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®ã‚¢ãƒ¼ã‚テクãƒãƒ£ã¨UI/View層ã®é–¢ä¿‚ 登壇内容・スピーカー 1. メンタルモデルã‹ã‚‰ç´
ui component evaluate and design — UIã®è¨è¨ˆãƒ»è©•ä¾¡ã¯ã€Atomic Designã‚„OOUXã®ã‚ˆã†ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆæŒ‡å‘
アプリケーションã®UI（主ã«GUI）ã®è¨è¨ˆãƒ»è©•ä¾¡ã‚’ã™ã‚‹éš›ã€ã»ã¨ã‚“ã©ã®å ´åˆã¯è©•ä¾¡ã®ç¯„囲ãŒç”»é¢ï¼ˆãƒšãƒ¼ã‚¸ï¼‰å˜ä½ã§è¡Œã‚れるã“ã¨ãŒå¤šãã€ã“ã®è¨è¨ˆãƒ»è©•ä¾¡ã®ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã®ç²’度ã«ã¤ã„ã¦ã‚‚ã£ã¨è€ƒãˆãŸã»ã†ãŒã„ã„ã®ã§ã¯ãªã„ã‹ã¨æœ€è¿‘よãæ€ã„ã¾ã™ã€‚ ç”»é¢å˜ä½ã§ã®è©•ä¾¡ã‚’ã—ã¦ã„ã¦ã‚ˆãã‚ã‚‹ã“ã¨ã¯â€¦ç”»é¢ A ç”»é¢ B ã©ã¡ã‚‰ã«ã‚‚リストãŒã‚ã‚Šã€ãã®ãƒªã‚¹ãƒˆã¯åŒã˜ãƒªã‚¹ãƒˆã‚¢ã‚¤ãƒ†ãƒ を表示ã—ã¦ã„ãŸã‚Šã™ã‚‹å ´åˆã§ã‚‚ã€ ã€Œç”»é¢ Aã¨ãƒªã‚¹ãƒˆãŒãƒ¼â€¦ã€ ã€Œç”»é¢ Bã®ãƒªã‚¹ãƒˆãŒãƒ¼â€¦ 〠ã¨åŒã˜ãƒªã‚¹ãƒˆè¦ç´ ãªã®ã«ç”»é¢å˜ä½ã§è©±ã‚’ã—ã¦ã—ã¾ã†ã“ã¨ãŒã‚ˆãã‚ã‚Šã¾ã™ã€‚ã“ã‚Œã¯ã‹ãªã‚Šç„¡é§„ãªã“ã¨ã‚’ã—ã¦ã„るよã†ã«æ€ãˆã¾ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã€ã€Šãã®ãƒ‡ã‚¶ã‚¤ãƒ³è¦ç´ ã¯ã©ã†ã„ã†ã‚³ãƒ³ãƒ†ã‚¯ã‚¹ãƒˆãªã®ã‹ã€‹ã‚’è°è«–ã™ã‚‹ä¸Šã§ç”»é¢ã‚’æŒã¡å‡ºã™ã®ã¯å¿…è¦ãªäº‹ã¨æ€ã„ã¾ã™ãŒã€ãã‚‚ãã‚‚ãã®ã‚³ãƒ³ãƒ†ã‚¯ã‚¹ãƒˆã¯ä½•ã«ä¾å˜ã™ã‚‹ã‚‚ã®ã§ã—ょã†ã‹ï¼Ÿ ãã‚Œã¯ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¨ã—ã¦åˆ†è§£ã—ã¦ã„ãã¨å®Ÿã¯ç”»é¢ãã®ã‚‚ã®ã«ã‚ã¾ã‚Šä¾å˜ã—ã¦ã„ãªã„事ãŒè¦‹ãˆã¦
UIã«ãƒžã‚¤ã‚¯ãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’ï¼ ã‚ˆã‚Šè‰¯ã„UXã®ãŸã‚ã®ï¼—ã¤ã®ç§˜è¨£
Dmytroã¯ã€SoftServeã®ãƒ‡ã‚¶ã‚¤ãƒ³éƒ¨é–€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼å…¼SoftServe Unitedブãƒã‚°ã®å¯„稿者ã§ã™ã€‚Dmytroæ°ã¯ã“ã®æ¥ç•Œã«13年以上æºã‚ã£ã¦ãŠã‚Šã€UIデザインやインタラクションデザインã€ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã€IAåŠã³UXã‚’å°‚é–€ã¨ã—ã¦ã„ã¾ã™ã€‚ ç§ãŸã¡ã¯ã€æœ¬ã®è‰¯ã—悪ã—ã‚’ãã®è¡¨ç´™ã§åˆ¤æ–ã—ãŒã¡ã§ã™ã€‚良ã„デザイナーã¯ãれをç†è§£ã—ãŸä¸Šã§ã€æ©Ÿèƒ½çš„ãªUIã«ãŠã„ã¦ã‚‚ã‚ャッãƒãƒ¼ã•ã‚’忘れã¾ã›ã‚“。ã—ã‹ã—ã€ã‚ャッãƒãƒ¼ã•ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®èˆˆå‘³ã‚’惹ãã¤ã‘ã‚‹ã“ã¨ã¯ã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€è³¼å…¥ãªã©ã®ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«çµã³ã¤ãã¨ã¯é™ã‚Šã¾ã›ã‚“。 ãã¡ã‚“ã¨ãƒ“ジãƒã‚¹ç›®æ¨™ã‚’é”æˆã§ãるよã†ã«å½¼ã‚‰ã‚’引ã込むã«ã¯ã€ã©ã†ã™ã‚Œã°ã‚ˆã„ã®ã§ã—ょã†ã‹ï¼Ÿ ã“ã®å•ã®ç”ãˆã‚’探ã™ä¸ã§ã€æœ€çµ‚çš„ã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«æœ€ã‚‚焦点を当ã¦ãŸã€Œäººé–“ä¸å¿ƒã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¢ãƒ—ãƒãƒ¼ãƒã€ãŒä¸å¯æ¬ ã§ã‚ã‚‹ã¨ã„ã†ã“ã¨ãŒåˆ†ã‹ã‚‹ã§ã—ょã†ã€‚ã¤ã¾ã‚Šã€äººé–“らã—ã•ãŒå¤§äº‹ã§ã‚ã‚‹ã¨ã„ã†ã“ã¨ã§ã™ã€‚皆ã•ã‚“ã®ã‚¢ãƒ—
モーションデザインã¯UIã®æœªæ¥ | POSTD
最近ã€ã€Œãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã„ã†è¨€è‘‰ãŒãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œã§æ€¥ã«å‡ºã¦ãã¦ã„ã‚‹ã“ã¨ã«æ°—ã¥ã„ã¦ã„ã¾ã™ã‹ï¼Ÿå¤§å°æ§˜ã€…ãªä¼æ¥ãŒã€ã“ã‚Œã«ç‰¹åŒ–ã—ãŸè‚©æ›¸ãã‚’æŒã¤ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŸã¡ã‚’雇ã„ã¯ã˜ã‚ã¦ã„ã¾ã™ã€‚最近ã§ã¯Google㌠I/Oカンファレンス ã§ã€Googleã®è£½å“ã§çµ±ä¸€åŒ–ã•ã‚Œã¦ã„るモーションランゲージã®æ¦‚è¦ã«ã¤ã„ã¦è©±ã—ã¦ã„ã¾ã—ãŸã€‚ ã“ã®é¨’ãŽã¯ä½•ã§ã—ょã†ã‹ï¼Ÿãã—ã¦ä½•ã®æ„味ãŒã‚ã‚‹ã®ã§ã—ょã†ã‹ï¼Ÿ モーションã¯ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’語りã¾ã™ã€‚ アプリã«ãŠã‘ã‚‹å…¨ã¦ã®ç‰©äº‹ã¯é€£éŽ–ã«ãªã£ã¦ã„ã¦ã€ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã‚ãªãŸã®ã‚¬ã‚¤ãƒ‰ã«ãªã‚Šã¾ã™ã€‚ボタンをクリックã—ã¦ã€ç”»é¢ãŒå¤‰ã‚る度ã«ã€ãã“ã«ã¯ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ãŒã¤ã„ã¦ãã¾ã™ã€‚例ãˆã°ã€ã‚¢ã‚¤ãƒ†ãƒ を作ã£ãŸã‚Šå‰Šé™¤ã™ã‚‹æ™‚ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã©ã®ã‚ˆã†ã«å½¹ã«ç«‹ã¤ã‹ã‚’見ã¦ã„ãã¾ã—ょã†ã€‚ アイテムを消ã™ã“ã¨ã¯åŠ‡çš„ã§ç ´å£Šçš„ãªä½œæ¥ã§ã™ã®ã§ã€é©åˆ‡ã«åå¿œã™ã‚‹ã‚ˆã†ã«ã—ã¾ã—ょã†ã€‚アイテムをãŸã ç”»é¢ã‹ã‚‰æ¶ˆã™ã ã‘ã¨ã„ã†ã“ã¨ã¯ã—ãªã„よã†ã«ã—ã¾ã—
André Staltz - Unidirectional User Interface Architectures
This post is a non-exhaustive quick overview of the so-called “unidirectional data flow†architectures. Not meant to be taken as a beginner tutorial, but rather as an overview of their differences and peculiarities. At the end, I’ll introduce a new architecture which deviates significantly from the others. This post assumes client-side Web UI frameworks only. TERMINOLOGY It would be confusing to t
ã²ã¨å‘³ã¡ãŒã†Twitter Bootstrapã®9個ã®ç„¡æ–™ãƒ†ãƒ³ãƒ—レート&有料ã¾ã¨ã‚サイト - é…’ã¨æ³ªã¨Rubyã¨Railsã¨
ã²ã¨å‘³ã¡ãŒã†Twitter Bootstrapã®9個ã®ç„¡æ–™ãƒ†ãƒ³ãƒ—レート&有料ã¾ã¨ã‚サイト Jan 28th, 2013 Tweet Twitter Bootstrapã¯ãƒ‡ã‚¶ã‚¤ãƒ³ãŒè‹¦æ‰‹ãªãƒ—ãƒã‚°ãƒ©ãƒžã®ãŸã‚ã®å¿…é ˆãƒ„ãƒ¼ãƒ«ã§ã™ã€‚今回ã¯ã€ä¸€å‘³é•ã£ãŸBootstrapサイトを作るã¨ãã«ãã£ã¨å‚考ã«ãªã‚‹ãƒ†ãƒ³ãƒ—レートをã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸï¼ (03/05 追記) FlatUIã€Bootstrap Expoã‚’è¿½åŠ ã—ã¾ã—㟠(03/24 追記) Flatstrapã‚’è¿½åŠ ã—ã¾ã—㟠(04/03 追記) MagicSuggestã‚’è¿½åŠ ã—ã¾ã—㟠(04/04 追記) Bootstrapã®ãƒªã‚½ãƒ¼ã‚¹ãƒã‚¿ã‚’別ã®è¨˜äº‹ã«ã—ã¾ã—㟠無料ã®ãƒ†ãƒ³ãƒ—レート ç„¡æ–™ã®Bootstrapテンプレートã®ç´¹ä»‹ã§ã™ã€‚Bootswachã®ã‚ˆã†ã«CSSã ã‘ã§é©ç”¨ã§ãã‚‹ã‚‚ã®ã¨ã€HTML/CSS/JSãªã©ã„ã‚ã„ã‚è¿½åŠ ã—ãªã„ã¨å®Ÿç¾ã§ããªã„ã‚‚ã®ãŒã‚ã‚Šã¾ã™
ソフトウエアエンジニアãŒUX/UIを考ãˆã‚‹ä¸Šã§èªã‚€ã¹ã4冊ã®è‰¯æ›¸ã¨å言ãŸã¡
ç‘波大å¦Â Â ã‚·ã‚¹ãƒ†ãƒ æƒ…å ±å·¥å¦ç ”究科  コンピュータサイエンス専攻  éžæ•°å€¤ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ç ”ç©¶å®¤(NPAL) 五ååµã€€æ‚ ç´€ 2004年度下期ã€2005年度下期ã¨IPA未è¸ã‚½ãƒ•ãƒˆã«æŽ¡æŠžã•ã‚ŒãŸã€ã€Žå¤©æ‰ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼/スーパークリエータã€ã€‚ç‘æ³¢å¤§å¦ ã‚·ã‚¹ãƒ†ãƒ æƒ…å ±å·¥å¦ç ”究科 コンピュータサイエンス専攻 éžæ•°å€¤ã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ç ”ç©¶å®¤ï¼ˆNPAL）ã«åœ¨ç±ã—ã€CGï¼UIã®ç ”究・開発ã«å¾“事ã™ã‚‹ã€‚プライベートã§ã¯äºŒå…ã®æ¯ã§ã‚‚ã‚ã‚‹ 何ã‹è£½å“を考ãˆã‚‹æ™‚ã€ãã®ã‚‚ã®ãŒã‚«ã‚¿ãƒã®ã‚ã‚‹ã‚‚ã®ã§ã‚ã£ã¦ã‚‚ã€ã¯ãŸã¾ãŸã‚³ãƒ³ãƒ”ュータã®ä¸ã§å‹•ãソフトウエアã ã£ãŸã¨ã—ã¦ã‚‚ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆä»¥ä¸‹ã€UI）ã€ã«ã¤ã„ã¦è€ƒãˆã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã•ã‚‰ã«ã¯ã€ã‚ãŸã—ãŸã¡ãŒæ—¥å¸¸ç”Ÿæ´»ã«ãŠã„ã¦ã‚¹ãƒˆãƒ¬ã‚¹ãªãéŽã”ã›ã¦ã„ã‚‹è£å´ã«ã¯ã€ã•ã¾ã–ã¾ãªäººã«ã‚ˆã£ã¦è€ƒãˆã‚‰ã‚Œã¦ããŸUIデザインãŒéš ã•ã‚Œã¦ã„ãŸã‚Šã‚‚ã—ã¾ã™ã€‚ ã‚ãŸã—ã¯æ»žåœ¨å…ˆã®ãƒ›ãƒ†ãƒ«ã§ã€æ´—é¢æ‰€ã«å…¥ã£ãŸã‚‚ã®ã®å‡ºã‚ˆã†ã¨ã—ãŸæ™‚ã«
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}