[B! UI] TYKã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

TYK id:TYK

UIã«é–¢ã™ã‚‹TYKã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (114)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

VRã®UIï¼†UXã®äº‹ä¾‹ç ”ç©¶ - ãƒˆãƒžã‚·ãƒ¼ãƒ—ãŒå¦ã¶
2020/07/25 Immersedã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ 2020/05/27 ambr,ViveSyncã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ 2020/05/14 Spatialã‚’è¿½åŠ ã—ã¾ã—ãŸã€‚ æ—¢å˜ã®VRã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®UIã®ã‚¹ã‚¯ã‚·ãƒ§ã‚’ã¨ã‚‹ã ã‘ã€‚ ã“ã®ã‚µã‚¤ãƒˆã«ã‚‚ã‹ãªã‚Šã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ xR.design: AR & VR Interaction Examples OculusGoã®ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã¯ã“ã¡ã‚‰ã§æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ bibinbaleo.hatena blog.com é¸æŠžãƒ»ãƒ¡ãƒ‹ãƒ¥ãƒ¼ OculusQuestã®ãƒ›ãƒ¼ãƒ Immersed ViveSync ambr Spatial(OculusQuest) PorkerStarsVRï¼ˆOculusQuest) NeosVR Maquette Vã‚«ãƒ„ Cluster ãƒãƒ¼ãƒãƒ£ãƒ«ã‚ãƒ£ã‚¹ãƒˆ The Blu Luckys Tale Oculus First Contact
TYK 2018/02/07
VR

UI
ãƒªãƒ³ã‚¯
çŒ«ã§ã‚‚åˆ†ã‹ã‚‹UMG
2017/9/30ã«è¡Œã‚ã‚ŒãŸ ç¬¬ï¼’å›žUE4å‹‰å¼·ä¼š in å¤§é˜ª ã§ç™»å£‡ã—ãŸéš›ã®è³‡æ–™ã§ã™ã€‚ https://ue4study-osaka.connpass.com/event/64903/Read less
TYK 2017/10/02
UE

UI
ãƒªãƒ³ã‚¯
ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ã‚²ãƒ¼ãƒ ä½“é¨“ã¯ã€çŸ¥ã‚‰ãªã„ã†ã¡ã«é«˜ã‚ã‚‰ã‚Œã¦ã„ãŸï¼Ÿã‚²ãƒ¼ãƒ é–‹ç™ºè€…ã‚‰ãŒã“ã£ãã‚ŠåŠ ãˆãŸã€Œå·¥å¤«ã€ã‚’èªžã‚Šåˆã† - AUTOMATON
ãƒ›ãƒ¼ãƒ ãƒ‹ãƒ¥ãƒ¼ã‚¹ ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ã‚²ãƒ¼ãƒ ä½“é¨“ã¯ã€çŸ¥ã‚‰ãªã„ã†ã¡ã«é«˜ã‚ã‚‰ã‚Œã¦ã„ãŸï¼Ÿã‚²ãƒ¼ãƒ é–‹ç™ºè€…ã‚‰ãŒã“ã£ãã‚ŠåŠ ãˆãŸã€Œå·¥å¤«ã€ã‚’èªžã‚Šåˆã† ã‚²ãƒ¼ãƒ é–‹ç™ºã«ãŠã„ã¦ã¯ã€ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã®ã‚²ãƒ¼ãƒ ä½“é¨“ã«ä½œç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒå–ã‚Šå…¥ã‚Œã‚‰ã‚Œã¦ã„ã‚‹ãŒã€ãƒ—ãƒ¬ã‚¤ã—ã¦ã„ã¦ãã‚Œã«æ°—ä»˜ãã“ã¨ã¯ã‚ã¾ã‚Šãªã„ã ã‚ã†ã€‚ã‚€ã—ã‚ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«æ°—ä»˜ã‹ã›ãªã„ã‚ˆã†ã«ã—ã¦ã„ã‚‹ã‚‚ã®ã ãŒã€å®Ÿéš›ã®ã¨ã“ã‚é–‹ç™ºè€…ã¯ã€ã©ã†ã„ã£ãŸãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’é§†ä½¿ã—ã¦ã„ã‚‹ã®ã ã‚ã†ã‹ã€‚å®‡å®™é£›è¡Œå£«ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚¿ãƒ¼ã€ŽEarthlightã€ãªã©ã‚’æ‰‹ãŒã‘ã‚‹Opaque Spaceã®ã‚²ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼Jennifer Scheurleæ°ãŒã€ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‹ã‚‰ã¯è¦‹ãˆãªã„éƒ¨åˆ†ã«å–ã‚Šå…¥ã‚Œã¦ã„ã‚‹æ‰‹æ³•ãƒ»æŠ€è¡“ã‚’å…±æœ‰ã—ã‚ˆã†ã¨Twitterä¸Šã§ã‚²ãƒ¼ãƒ é–‹ç™ºè€…ã‚‰ã«å‘¼ã³ã‹ã‘ã¦ãŠã‚Šã€å¤šãã®ã‚³ãƒ¡ãƒ³ãƒˆãŒå¯„ã›ã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã„ãã¤ã‹ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã¦ã¿ã‚ˆã†ã€‚ Hey #gamedev, tell me about some brill
TYK 2017/09/06
game

gamedev

UI
ãƒªãƒ³ã‚¯
Interaction Museum | Home
A Collection of Innovative Interactions Find interaction techniques from Human-Computer Interaction research that inspire new designs.
TYK 2017/07/24
UI
ãƒªãƒ³ã‚¯
ãƒãƒ³ãƒ‰ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã§VRæ—¥æœ¬èªžå…¥åŠ›âœ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? VRå†…ã§æ–‡å—ã‚’å…¥åŠ›ã™ã‚‹ ã“ã®è¨˜äº‹ã¯ã€Oculus Rift Advent Calendar 2016 ã®17æ—¥ç›®ã§ã™ã€‚ http://qiita.com/advent-calendar/2016/oculus-rift æ˜¨æ—¥ã¯ãŠã‹ãšã•ã‚“ã®ã€ŒVRã‚³ãƒ³ãƒ†ãƒ³ãƒ„é–‹ç™ºã«ã¤ã„ã¦é›‘å¤šã«è‰²ã€…æã„ã¦ã¿ã‚‹ã€ã§ã—ãŸã€‚ é…”ã£ãŸå‹¢ã„ã¨ã¯æ€ãˆãªã„ã¾ã¨ã¾ã‚Šå…·åˆã§VRé–‹ç™ºã«ã¤ã„ã¦å…·ä½“çš„ãªæ”¹å–„æ¡ˆã‚’æç¤ºã•ã‚Œã¦ãŠã‚Šã€ç´ æ™´ã‚‰ã—ã„ã§ã™ã€‚ VRã®ã‚¤ãƒ³ãƒ•ãƒ©åŒ–ã‚’ç›®è«–ã‚€ã«ã‚ãŸã£ã¦ã€æ–‡å—å…¥åŠ›ã¯æ»æ´»å•é¡Œã§ã™ã€‚ç¾åœ¨ã®ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«æ©Ÿèƒ½ã‚’ä¸å¿ƒã«ã„ãã¤ã‚‚ã®ã‚ãƒ£ã‚ºãƒ è¶…ãˆã¦ããŸï¼ˆâ€»å€‹äººã®è¦‹è§£ã§ã™ï¼‰ã‚³ãƒ³
TYK 2016/12/17
VRã§ãƒ•ãƒªãƒƒã‚¯å…¥åŠ›çš„ãª

VR

UI
ãƒªãƒ³ã‚¯
Best Practices for Microinteractions
Microinteractions are subtle moments centered around accomplishing a single task. Almost all products around us (both physical and digital) are filled in with microinteractions. Here are just a few examples: Visual feedback that confirms the fact that a new it em is added to cartPull-to-refresh that helps us update contentInterface animation that acknowledges certain action (e.g. toggle button)Ever
TYK 2016/12/13
UI

UX
ãƒªãƒ³ã‚¯
Exploring Methods for Conveying Object Weight in Virtual Reality
TYK 2016/12/13
VR

UI
ãƒªãƒ³ã‚¯
TechCrunch | Startup and Technology News
While funding for Italian startups has been growing, the country still ranks eighth in Europe by VC investment, according to Dealroom. Newly created Italian Founders Fund (IFF) hopes to helpâ€¦
TYK 2016/12/02
UI
ãƒªãƒ³ã‚¯
What VR Means for UI/UX Designers
TYK 2016/11/25
VR

UI
ãƒªãƒ³ã‚¯
VRã§ã‚½ãƒ¼ã‚¹ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’è¦–è¦šåŒ–ã—æ§‹é€ ã‚’è§£é‡ˆã§ãã‚‹ã€ŒPrimitiveã€
VRå†…ã§ã‚½ãƒ¼ã‚¹ãƒ—ãƒã‚°ãƒ©ãƒ ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ï¼‰ã‚’å¯è¦–åŒ–ã—æ§‹é€ ã‚’è§£é‡ˆã§ãã‚‹ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã€Œprimitiveã€ãŒç™»å ´ã—ã¾ã—ãŸã€‚ Primitiveã¯ã€è‡ªå‹•çš„ã«ä»»æ„ã®Javeã‚³ãƒ¼ãƒ‰ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®3Dãƒ¢ãƒ‡ãƒ«ã«å¤‰æ›ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚MRæŠ€æ³•ã«ã‚ˆã‚‹æ˜ åƒã‚‚å…¬é–‹ã•ã‚Œã¦ãŠã‚Šã€ãã“ã§ã¯Javaã‚³ãƒ¼ãƒ‰ãŒè¦–è¦šåŒ–ã•ã‚Œã¦ã„ã‚‹æ§˜åã‚’ç¢ºèªã§ãã¾ã™ã€‚ ã“ã®ã“ã¨ã§ã€è¤‡é›‘ãªã‚³ãƒ¼ãƒ‰ã‚’æ—©ãã€æ·±ãç†è§£ã™ã‚‹ã“ã¨ã«ç¹‹ãŒã‚Šã€æ–°äººç ”ä¿®ã‚„é–‹ç™ºãƒãƒ¼ãƒ ãŒå¤§è¦æ¨¡ãªãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®è©³ç´°ã¾ã§ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã§è§£é‡ˆã™ã‚‹ã“ã¨ãªã©ã«åˆ©ç”¨å‡ºæ¥ã‚‹ã¨ã—ã¦ã„ã¾ã™ã€‚å…¬å¼ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ã€‚
TYK 2016/09/23
VR

3D

UI

visualization
ãƒªãƒ³ã‚¯
motiontable
Â© 2015 Kazuki Akamine. Musashino Art Univercity Graduation work
TYK 2016/07/09
UI
ãƒªãƒ³ã‚¯
æ¸¡é‚Šæµå¤ªã€Œã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚³ã‚¹ãƒˆã¨ã‚¢ãƒ—ãƒãƒ¼ãƒãƒ£ãƒ“ãƒªãƒ†ã‚£ã€ | Ã‰KRITS / ã‚¨ã‚¯ãƒª
ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã«ã¯è¡Œç‚ºã®ã‚³ã‚¹ãƒˆãŒã‚ã‚‹ã€‚ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³è‡ªä½“ã®ã¿ãªã‚‰ãšã€ãã®è¡Œç‚ºã‚’å§‹ã‚ã‚‹ã¾ã§ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ã‚³ã‚¹ãƒˆã‚’è€ƒãˆã‚‹ã“ã¨ãŒå¤§åˆ‡ã ã€‚ä»Šå›žã®ãƒ†ã‚ã‚¹ãƒˆã§ã¯ã€ä¸»ã«VRï¼ˆãƒ´ã‚¡ãƒ¼ãƒãƒ£ãƒ«ãƒªã‚¢ãƒªãƒ†ã‚£ï¼‰ã‚„ARï¼ˆæ‹¡å¼µç¾å®Ÿï¼‰ã«ãŠã‘ã‚‹ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®å•é¡Œã‚’ä¾‹ã«ã€ã€Œã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚³ã‚¹ãƒˆã€ã«ã¤ã„ã¦è€ƒå¯Ÿã—ã¦ã„ãã€‚ ã“ã“ã§æ³¨ç›®ã™ã‚‹ã®ã¯ã€ãƒ—ãƒãƒ€ã‚¯ãƒˆã‚„ã‚µãƒ¼ãƒ“ã‚¹ã‚’åˆ©ç”¨ã™ã‚‹éš›ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã§ã¯ãªãã€ãã®ä½“é¨“ã®ã€Œå¤–éƒ¨ã€ã§ç”Ÿã˜ã‚‹ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã§ã‚ã‚‹ã€‚ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚³ã‚¹ãƒˆã¨ã„ã†ç”¨èªžã§ç¤ºã—ãŸã„ã®ã¯ã€åˆ©ç”¨çŠ¶æ…‹ã«å…¥ã‚‹ã¾ã§ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãŒã€è¡Œç‚ºã‚’å§‹ã‚ã‚‹ä¸Šã§ã®éšœå£ã«ãªã‚‹ã¨ã„ã†ã“ã¨ã ã€‚ ä½“é¨“ã®å¤–éƒ¨ã«ã‚‚ã‚ã‚‹ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ ç¾åœ¨ã€ŒVRã¨ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã€ã«ã¤ã„ã¦èžãã¨ã€æ²¡å…¥æ„Ÿã‚’é«˜ã‚ãŸã‚Šé…”ã‚ãªã„ã‚ˆã†ã«ã™ã‚‹è¨è¨ˆãªã©ã€VRã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã„ã†VRç©ºé–“ã®ã€Œå†…éƒ¨ã€ã«é–¢ã‚ã‚‹è©±ãŒã»ã¨ã‚“ã©ã ã€‚ãã“ã«ã‚‚å¤šãã®èª²é¡Œã¯ã‚ã‚‹ã‚‚ã®ã®ã€ç†è€…ãŒå¸¸ã€…æ€ã†èª²é¡Œ
TYK 2016/05/15
VR

HMD

AR

design

UX

UI
ãƒªãƒ³ã‚¯
UI,UXãƒ‡ã‚¶ã‚¤ãƒ³ã«æ´»ã‹ã›ã‚‹ï¼èªçŸ¥ç§‘å¦ãƒ»è¡Œå‹•çµŒæ¸ˆå¦ãƒ»è„³ç§‘å¦ã®ãŠã™ã™ã‚æœ¬18é¸
åˆã‚ã¾ã—ã¦ã€‚ é¢ç™½æ³•äººã‚«ãƒ¤ãƒƒã‚¯ã§ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’ã‚„ã£ã¦ã„ã‚‹ã°ã£ã“ï¼ˆ@is178ï¼‰ã§ã™ã€‚ ä¸€æ˜”å‰ã¯ç”»é¢ã®ä¸ã®è¦ç´ ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ã“ã¨ãŒWebãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŠä»•äº‹ã§ã—ãŸãŒã€ä»Šã‚„ç”»é¢ã®å‘ã“ã†ã«ã„ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä½“é¨“ã•ãˆã‚‚ãƒ‡ã‚¶ã‚¤ãƒ³ã®å¯¾è±¡ã¨ãªã‚Šã¾ã—ãŸã€‚ æœºã®å‰ã«åº§ã£ã¦ã„ã‚‹PCãƒ¦ãƒ¼ã‚¶ãƒ¼ã ã‘ã§ãªãã€åˆ©ç”¨ã‚·ãƒ¼ãƒ³ã‚‚æ§˜ã€…ãªã‚¹ãƒžãƒ›ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä½“é¨“ã¾ã§è€ƒæ…®ã™ã‚‹å¿…è¦ãŒã‚ã‚‹ä»Šã€èªçŸ¥ç§‘å¦ãƒ»è¡Œå‹•çµŒæ¸ˆå¦ãƒ»è„³ç§‘å¦ãªã©ã®çŸ¥è˜ã‚‚ã‚ã‚‹ã¨ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ã®å¼·ã¿ã«ãªã‚‹ã®ã§ã¯ãªã„ã§ã—ã‚‡ã†ã‹ã€‚ ãã“ã§ã€å„åˆ†é‡Žã®å€‹äººçš„ãªãŠã™ã™ã‚æœ¬ã‚’18å†Šç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ èªçŸ¥ç§‘å¦ èªçŸ¥ç§‘å¦ã®å¯¾è±¡é ˜åŸŸã‚’ç‹ã‚ãªã„ãŸã‚ã«æ˜Žç¢ºãªå®šç¾©ã¯ãªã„ã®ã§ã™ãŒã€ç‰¹å¾´ã¥ã‘ã‚’ã™ã‚‹ãªã‚‰ã°ã€ŒçŸ¥çš„ã‚·ã‚¹ãƒ†ãƒ ã®æ§‹é€ ã€æ©Ÿèƒ½ã€ç™ºç”Ÿã«ãŠã‘ã‚‹æƒ…å ±ã®æµã‚Œã‚’ç§‘å¦çš„ã«æŽ¢ã‚‹å¦å•ã€ã§ã™ã€‚ ãŠé¦´æŸ“ã¿ã®ã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ã‚„ã‚·ã‚°ãƒ‹ãƒ•ã‚¡ã‚¤ã‚¢ã‚‚ã“ã®åˆ†é‡Žã§ã™ãã€‚ 1.æ•™é¤Šã¨ã—ã¦ã®èªçŸ¥ç§‘å¦
TYK 2016/03/24
book

cognition

UI
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚’åŠ‡çš„ã«ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ãŸã‚ã®30ã®å¿ƒç†ä½œæˆ¦
By Tim Franklin Photography ãƒžãƒ¼ã‚±ãƒƒãƒˆãƒªã‚µãƒ¼ãƒã‚¢ãƒŠãƒªã‚¹ãƒˆã¨ã—ã¦åƒãã€SEOã‚„PPCã®ã‚¹ãƒšã‚·ãƒ£ãƒªã‚¹ãƒˆã§ã‚ã‚Šã€ã‹ã¤å¿ƒç†å¦ã‚’ãŸã—ãªã‚“ã§ã„ã‚‹ã¨ã„ã†ãƒ‹ãƒƒã‚¯ãƒ»ã‚³ãƒ¬ãƒ³ãƒ€ã•ã‚“ãŒã€å¿ƒç†å¦ã®è¦–ç‚¹ã‹ã‚‰å°Žãå‡ºã—ãŸã€Œã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚’åŠ‡çš„ã«ã‚¢ãƒƒãƒ—ã•ã›ã‚‹ãŸã‚ã®30ã®å¿ƒç†ä½œæˆ¦ã€ã‚’å…¬é–‹ã—ã¦ã„ã¾ã™ã€‚ã€Œãƒ•ãƒ ãƒ•ãƒ ã€ãªã‚‹ã»ã©ã€ã¨ã„ã†ã‚‚ã®ã‹ã‚‰ã€ã€Œæã‚ã—ã‚â€¦â€¦ã€ã¨ãªã‚‹æˆ¦ç•¥ã¾ã§ã‚ã‚Šã€åºƒå‘Šé‹ç”¨ã‚„SEOã®çŸ¥è˜ãŒãªã„äººã‚‚ã‚µãƒ¼ãƒ“ã‚¹ã‚’ä½¿ã†ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã—ã¦çŸ¥ã£ã¦ãŠãã¹ãå†…å®¹ã«ãªã£ã¦ã„ã¾ã™ã€‚ Conversion Optimization: An Enormous List of Psychological Tactics http://www.nickkolenda.com/conversion-optimization-psychology/ 30ã®æˆ¦ç•¥ã‚’è¦‹ã‚‹æº–å‚™ã¨ã—ã¦ã€é‹å–¶ã—ã¦ã„ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã‚’CTAåˆ¥ã«åˆ†ã‘ã¦ã˜ã‚‡ã†ã”çŠ¶
TYK 2016/03/18
web

UI

UX
ãƒªãƒ³ã‚¯
http://blog.inouetakuya.info/entry/2015/12/27/210957
TYK 2015/12/28
UI

design

book

infographics
ãƒªãƒ³ã‚¯
é—‡é›²ã«ãƒ‡ã‚£ã‚ºãƒ‹ãƒ¼æ˜ ç”»ã¿ãŸã„ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ GUI ã«å®Ÿè£…ã™ã‚‹ã®ã¯ã‚‚ã†ã‚„ã‚ã‚ˆã† - Qiita
ã¯ã˜ã‚ã« æœ¬ç¨¿ã¯ UI Design Advent Calendar 2015 â€“ 9æ—¥ç›®ã® GUI ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹è¨˜äº‹ã§ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®12ã®åŸºæœ¬åŽŸå‰‡ã¨ GUI ãƒ‡ã‚£ã‚ºãƒ‹ãƒ¼ã® ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®12ã®åŸºæœ¬åŽŸå‰‡/12 basic principles of animation ã¨ã„ã†ã®ãŒã‚ã‚Šã¾ã—ã¦ã€è¦ã¯ã“ã®åŽŸå‰‡ã«æ²¿ã£ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’åˆ¶ä½œã™ã‚Œã°ã¾ã‚‹ã§ãã‚ŒãŒç”Ÿãã¦ã„ã‚‹ã‹ã®ã‚ˆã†ãªå‹•ãã‚’ã™ã‚‹ã€å¹³ãŸãè¨€ãˆã°ãƒ‡ã‚£ã‚ºãƒ‹ãƒ¼ã£ã½ã„å‹•ãã«ãªã‚‹ã€ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚http://the12principles.tumblr.com ãŒã¨ã¦ã‚‚ã‚ã‹ã‚Šã‚„ã™ã„ã®ã§ã€ã†ã¡ã„ãã¤ã‹ã‚’è»¢è¼‰ã—ã¦ãŠãã¾ã™ã€‚ SQUASH & STRETCH ANTICIPATION FOLLOW THROUGH & OVERLAPPING ARCS ãƒ“ãƒ‡ã‚ªè§£èª¬ï¼šThe illusion of life ã“ã‚Œã‚‰ã‚’è¦‹ãŸã ã‘ã§ã‚‚ã€ã€Žã‚ãƒ¼ã€ãƒ‡
TYK 2015/12/18
UI

design

UX
ãƒªãƒ³ã‚¯
Alertbox: æ˜ ç”»ã®ä¸ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ -- é–“é•ã„ãƒˆãƒƒãƒ— 10ï¼ˆ2006å¹´12æœˆ18æ—¥ï¼‰
æ˜ ç”»ã®ä¸ã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUIï¼‰ã¯ã€ç¾å®Ÿã®ãã‚Œã‚ˆã‚Šã‚‚ã‚¨ã‚ã‚µã‚¤ãƒ†ã‚£ãƒ³ã‚°ã§ã€ãƒ’ãƒ¼ãƒãƒ¼ãŸã¡ã¯ã€ãªã˜ã¿ã®ãªã„ã‚·ã‚¹ãƒ†ãƒ ã‚’ç¾å®Ÿã‚ˆã‚Šã‚‚é™ã‹ã«ç°¡å˜ã«ä½¿ã„ã“ãªã—ã¦ã—ã¾ã†ã€‚ Usability in the Movies - Top 10 Bloopers by Jakob Nielsen on December 18, 2006 ãƒãƒªã‚¦ãƒƒãƒ‰ãŒè¡¨ç¾ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¯ã€é–“é•ã„ã ã‚‰ã‘ã ã€‚ã“ã“ã§ã¯ãã®ä¸ã§ã‚‚ã€æœ€ã‚‚è‘—ã—ã„ã‚‚ã®ã‚’ã¨ã‚Šã‚ã’ã‚‹ã€‚ 1. ãƒ’ãƒ¼ãƒãƒ¼ã¯ã©ã‚“ãª UI ã§ã‚‚ã™ãã«ä½¿ã„ã“ãªã›ã‚‹ ä¼æ¥ã«ä¾µå…¥ã™ã‚‹ã€‚å¤–å›½ã®å ´åˆã‚‚ã‚ã‚Œã°ã€ç•°æ˜Ÿã§ã‚ã‚‹å ´åˆã‚‚ã‚ã‚‹ã€‚ãã—ã¦ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã®å‰ã«ç«‹ã¤ã€‚UI ã®æ“ä½œæ–¹æ³•ã‚’ç†è§£ã—ã€åˆã‚ã¦ã¿ã‚‹ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ãˆã‚‹ã‚ˆã†ã«ãªã‚‹ã¾ã§ã€ã©ã®ãã‚‰ã„ã‹ã‹ã‚‹ã ã‚ã†ã‹ã€‚æ˜ ç”»ã‚¹ã‚¿ãƒ¼ã®å ´åˆã¯ã€1 åˆ†ã‚‚ã‹ã‹ã‚‰ãªã„ã€‚ æ˜ ç”»ã§æœ€ã‚‚ç¾å®Ÿé›¢ã‚Œã—ãŸã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã®è¡¨ç¾ã¯ã€ã©ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚‚ã¿ãŸé€”ç«¯ã«ä½¿ã„ã“ãªã›ã‚‹ã¨
TYK 2015/12/18
UI

UX

movie
ãƒªãƒ³ã‚¯
ãªãœSuicaæ”¹æœæ©Ÿã®ã‚¿ãƒƒãƒã™ã‚‹å ´æ‰€ã¯ã€Œ13åº¦ã€ãªã®ã‹ | ZUU online
ï¼ˆå†™çœŸ=ZUU onlineï¼‰ æ±å¤§æ•™æŽˆãƒ»å±±ä¸ä¿Šæ²»æ°ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚·ãƒ³ã‚ãƒ³ã‚° JRæ±æ—¥æœ¬ã§Suicaæ”¹æœæ©Ÿã®å°Žå…¥ãŒå§‹ã¾ã£ãŸã®ã¯2001å¹´ã€‚ã‹ã‚Œã“ã‚Œ15å¹´è¿‘ãçµŒã¡ã€è‡ªå‹•æ”¹æœã®æ™®åŠã§åˆ‡ç¬¦ã‚’è²·ã†å›žæ•°ã¯æœ¬å½“ã«æ¿€æ¸›ã—ã¾ã—ãŸã€‚ æ˜¨å¹´ã”ã‚ã‹ã‚‰æ–°åž‹ã®Suicaæ”¹æœæ©Ÿã®å°Žå…¥ãŒå§‹ã¾ã‚Šã¾ã—ãŸã€‚æ–°åž‹æ©Ÿã§ã¯å‡ºå£ã«ã‚ã‚‹æ¶²æ™¶éƒ¨ã§ã¯ãªãæ‰‹å‰ã®æ¶²æ™¶ã«æ®‹é«˜è¡¨ç¤ºã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸãŒã€ã»ã‚“ã®å°ã•ãªé•ã„ã§ã‚‚è‡ªåˆ†è‡ªèº«ãŒæˆ¸æƒ‘ã†ã»ã©ã€æ”¹æœã§Suicaã‚’ã‹ã–ã—ã¦æ®‹é«˜ã‚’ã¡ã‚‰ã‚Šã¨è¦‹ã‚‹ã¨ã„ã†å‹•ä½œãŒç¿’æ…£ã«ãªã£ã¦ã„ã‚‹ã®ãŒã‚ˆãã‚ã‹ã‚Šã¾ã™ã€‚ Suicaæ”¹æœæ©Ÿã®èªã¿å–ã‚Šéƒ¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ‹…å½“ã—ãŸã®ã¯ã€è‘—åãªå·¥æ¥ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§æ±äº¬å¤§å¦æ•™æŽˆã§ã‚‚ã‚ã‚‹å±±ä¸ä¿Šæ²»æ°ã§ã™ã€‚å±±ä¸æ°ãŒè¬›æ¼”ã€æ›¸ç±ã‚„ãƒ–ãƒã‚°ã§ãã®é–‹ç™ºè£è©±ã‚’ç´¹ä»‹ã—ãŸã“ã¨ã§ã€Suicaé–‹ç™ºæ©Ÿã®é…åŠ›ã‚„å·¥æ¥ãƒ‡ã‚¶ã‚¤ãƒ³ã®é†é†å‘³ãŒå¤šãã®äººã«çŸ¥ã‚Œæ¸¡ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ å·¥æ¥ãƒ‡ã‚¶ã‚¤ãƒ³ã«ç„¡çŸ¥ãªç§ã‚‚å¤§ã„ã«çŸ¥çš„åˆºæ¿€ã‚’å—ã‘ãŸã®ã‚’æ€ã„å‡ºã—ã¾ã™
TYK 2015/09/06
UI

psychology

cognition
ãƒªãƒ³ã‚¯
ãªãœãƒ¡ãƒ‹ãƒ¥ãƒ¼è¡¨ç¤ºç”¨ãƒœã‚¿ãƒ³ã®ã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã€ã¯ãƒ€ãƒ¡ãªã®ã‹ï¼Ÿ
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ãªã©ã®ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«ç”¨UIã§ã‚ˆãç”¨ã„ã‚‰ã‚Œã‚‹ã€Œä¸‰ã€ã®ãƒžãƒ¼ã‚¯ã®ã‚¢ã‚¤ã‚³ãƒ³ã¯ã€ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã“ã¨ã‹ã‚‰ã‚¢ãƒ¡ãƒªã‚«ã§ã¯ã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã¨å‘¼ã°ã‚Œã¦ã„ã¾ã™ã€‚å¾ã€…ã«æµ¸é€ã—ã¦ããŸãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã§ã™ãŒã€UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å„ªåŠ£ã¨ã„ã†è¦³ç‚¹ã‹ã‚‰è¦‹ãŸå ´åˆã€ã€ŒåŠ£ã£ãŸé†œã„æ’²æ»…ã™ã¹ãã‚‚ã®ã§ã‚ã‚‹ã€ã¨ã„ã†æ„è¦‹ãŒå‡ºã•ã‚Œã¦ã„ã¾ã™ã€‚ãªãœãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãŒãƒ€ãƒ¡ãªã®ã‹ã«ã¤ã„ã¦ã€ã‚¸ã‚§ãƒ¼ãƒ ã‚ºãƒ»ã‚¢ãƒ¼ãƒãƒ£ãƒ¼æ°ãŒãƒ‡ãƒ¼ã‚¿åˆ†æžçµæžœã‚’åŸºã«ç†è«–çš„ã«è§£èª¬ã—ã¦ã„ã¾ã™ã€‚ The Hamburger Menu Doesn't Work - Deep Design http://deep.design/the-hamburger-menu/ ä¸‹ã®ç”»åƒã®èµ¤ä¸¸ã§å›²ã‚ã‚ŒãŸã®ãŒã€Œãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã€ã€‚ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«UIã ã‘ã§ãªããƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—UIã§ã‚‚åºƒãæ™®åŠã—ãŸã‚¢ã‚¤ã‚³ãƒ³ã§ã€ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã“ã¨ã§ä¸»ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ä»–ã®è¿½åŠ æƒ…å ±ã‚’è¡¨ç¤ºã•ã›ã‚‰ã‚Œã¾ã™ã€‚ â—†ä¸è¦ªåˆ‡ ä¸€èˆ¬çš„ã«æ™®åŠã—
TYK 2015/08/13
UI

UX
ãƒªãƒ³ã‚¯
æ—¥æœ¬ä¸ã®ã€ŒUI/UXã€ã®å‚è€ƒã«ãªã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰è³‡æ–™ã‚’æ°—åˆã„ã§å…¨éƒ¨é›†ã‚ã¾ã—ãŸï¼ï¼ˆãŸã¶ã‚“ï¼‰ | BtoBã‚µãƒ¼ãƒ“ã‚¹ã‚ãƒ¥ãƒ¼ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã€€Boxilï¼ˆãƒœã‚¯ã‚·ãƒ«ï¼‰ã¾ã¨ã‚ï¼
ã€ŒUI/UXã€ã¯ã‚‚ã¯ã‚„WEBãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¢ãƒ—ãƒªé–‹ç™ºã«ãŠã„ã¦ã€ç„¡ãã¦ã¯ãªã‚‰ãªã„å˜åœ¨ã¨ãªã£ã¦ã„ã¾ã™ã€‚å®Ÿéš›ã«WEBã‚µãƒ¼ãƒ“ã‚¹ã‚„ã‚¢ãƒ—ãƒªã«è§¦ã‚Œã¦ç¢ºèªã™ã‚‹ã“ã¨ã‚‚å¤§äº‹ã§ã™ãŒã€è³‡æ–™ã§ã¾ã¨ã‚ã¦å‹‰å¼·ã™ã‚‹ã®ã‚‚ã‚ã‚Šã§ã™ã‚ˆãï¼ ãã“ã§ä»Šå›žã¯ã€æ—¥æœ¬ä¸ã®ã€ŒUI/UXã€ã«é–¢ã™ã‚‹è³‡æ–™ã‚’æ°—åˆã„ã§å…¨éƒ¨é›†ã‚ã¦ã¿ã¾ã—ãŸï¼ï¼ˆãŸã¶ã‚“ï¼‰ ãã‚Œã§ã¯ã€æ—©é€Ÿã¿ã¦ã„ãã¾ã—ã‚‡ã†ï¼ UIãƒ‡ã‚¶ã‚¤ãƒ³ã¨UXã®è¶…åŸºç¤Žã€ŒUI Design & UX for ENGINEERã€
TYK 2015/05/22
UI

UX
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 æ¬¡ã®ãƒšãƒ¼ã‚¸