The 14 most beautifully designed apps of 2014
Miranda for iPhone, an incredibly designed world time zone converter It’s that time of year again, folks, when list posts reign supreme and reflective 2014 musings clog your feeds. Although this post meets that description, rest assured it will provide at least one thing to brighten your day: eye candy. Here’s our list of the 14 most impressively designed apps — for mobile, desktop, and the web —
ã¯ã¦ãƒ–iPhone・Androidアプリã®é–‹ç™ºãƒ—ãƒã‚»ã‚¹ - ninjinkun's diary
ã“ã®ä¸‰ãƒ¶æœˆã§ã¯ã¦ãªãƒ–ックマークiPhoneアプリã®æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨Androidアプリを開発ã—ã¦ãã¾ã—ãŸã€‚ 両方共担当ã¯ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢id:ninjinkunã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼id:kudakurageã€ç·åˆãƒ‡ã‚£ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³id:nagayamaã§ã™ã€‚åŒã˜é–‹ç™ºè€…ãŒiPhoneアプリã¨Androidアプリ両方を作ã£ãŸäº‹ä¾‹ã¨ã—ã¦ã€ãªã‹ãªã‹é¢ç™½ã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚開発期間ã¯ã¡ã‚‡ã†ã©ãã‚Œãžã‚Œä¸€ãƒµæœˆåŠãšã¤ã§ã—ãŸã€‚ 自分ã«ã¨ã£ã¦ã‚‚ブクマãƒãƒ¼ãƒ ã«ç§»å‹•ã—ã¦ã‹ã‚‰åˆã‚ã¦ã®å¤§ããªä»•äº‹ã ã£ãŸã®ã§ã€ä¸¡æ–¹å…±æ€ã„入れãŒã‚るプãƒãƒ€ã‚¯ãƒˆã§ã™ã€‚開発話ã¨ä¸€ç·’ã«ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚¢ãƒ—リを作る際ã®æµã‚Œã‚„ã€æ°—を付ã‘ã¦ã„ã‚‹ã“ã¨ãªã©ã‚’ã¾ã¨ã‚よã†ã¨æ€ã„ã¾ã™ã€‚（長ã„ã§ã™ï¼‰ 開発プãƒã‚»ã‚¹ iPhoneã‚‚Andoirdも開発ã®æµã‚Œã¯åŸºæœ¬çš„ã«ä¸€ç·’ã§ã€ä»¥ä¸‹ã®ã‚ˆã†ãªæµã‚Œã«ãªã‚Šã¾ã™ã€‚ 機能ã®æ¤œè¨Ž UIã®æ¤œè¨Ž 実装 ã–ã£ãり並ã¹ãŸã ã‘ã§ã¯Webサービス開発ã¨å¤‰ã‚ã‚Š
伊藤直也æ°ãŒèªžã‚‹ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã®ã„ã¾ã¨ã“ã‚Œã‹ã‚‰ï¼ˆå‰ç·¨ï¼‰ï½žSalesforce Developer Conference Tokyo 2013
伊藤直也æ°ãŒèªžã‚‹ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã®ã„ã¾ã¨ã“ã‚Œã‹ã‚‰ï¼ˆå‰ç·¨ï¼‰ï½žSalesforce Developer Conference Tokyo 2013 ã„ã¾å¤šãã®é–‹ç™ºè€…ãŒå–り組もã†ã¨ã—ã¦ã„るモãƒã‚¤ãƒ«ã‚¢ãƒ—リケーションã®é–‹ç™ºã¯ã€çµŒé¨“ã®é¢ã§ã‚‚技術ã®é¢ã§ã‚‚ã€ã‚³ãƒ³ã‚·ãƒ¥ãƒ¼ãƒžå‘ã‘ã®é–‹ç™ºç¾å ´ãŒå¤§ãã先行ã—ã¦ã„ã¾ã™ã€‚ 9月6日開催ã•ã‚ŒãŸSalesforce Developer Conference Tokyo 2013ã®ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€ŒB2Cã‹ã‚‰ã¿ãŸãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã®ã„ã¾ã¨ã“ã‚Œã‹ã‚‰ã€ã§ã¯ã€ã‚³ãƒ³ã‚·ãƒ¥ãƒ¼ãƒžå‘ã‘サービス開発ã®ç¾å ´ã«èº«ã‚’ç½®ã„ã¦ããŸä¼Šè—¤ç›´ä¹Ÿæ°ãŒã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発をæˆåŠŸã•ã›ã‚‹ãŸã‚ã®æ–¹æ³•ã‚’ã€ã“ã‚Œã¾ã§ã®çµŒé¨“ã‚„ç¾åœ¨ã®é–‹ç™ºç¾å ´ã§å¾—ãŸãƒŽã‚¦ãƒã‚¦ãªã©ã‚’基ã«èªžã£ã¦ã„ã¾ã™ã€‚ 試行錯誤ã®å›žæ•°ã‚’増やã™ã€iOSã¨Androidã¯åŒã˜ã‚ˆã†ã«ä½œã£ã¦ã¯ã„ã‘ãªã„ãªã©ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リケーション開発ã«é–¢ã‚るエンジ
スマホUI考（番外編）　ãªãœæ©Ÿèƒ½è¿½åŠ ã‚’ã—続ã‘ã‚‹ã¨ã‚¢ãƒ—リãŒç ´ç¶»ã™ã‚‹ã®ã‹ï¼Ÿ | fladdict
ã“ã®å†™çœŸã¯ã€ã‚¢ãƒ¼ãƒŸãƒ¼ãƒŠã‚¤ãƒ•ã®å門ウェンガー社ã®ã‚¸ãƒ£ã‚¤ã‚¢ãƒ³ãƒˆãƒŠã‚¤ãƒ•ã¨ã„ã†æœ€é«˜ç´šãƒŠã‚¤ãƒ•ã§ã‚る。141ã®æ©Ÿèƒ½ã‚’æŒã¤ã€ã‚®ãƒã‚¹èªå®šã‚‚ã•ã‚ŒãŸåŽšã•24cmã€é‡é‡1.3kgã®ä¸–ç•Œã§æœ€ã‚‚高機能ãªãƒŠã‚¤ãƒ•ã 。トップメーカーãŒè‡ªç¤¾è£½å“ã®å…¨æ©Ÿèƒ½ã‚’１ã¤ã«é›†ç´„ã—ãŸã“ã®è£½å“ã“ããŒã€æ©Ÿèƒ½æ‹¡å¼µã®è¡Œãç€ã先を指ã—示ã—ã¦ã„る。 ãªãœé©åˆ‡ãªæ©Ÿèƒ½è¿½åŠ ã§ã‚ã£ã¦ã‚‚ã€æ©Ÿèƒ½ã‚’è¿½åŠ ã—ã¤ã¥ã‘ã‚‹ã“ã¨ã§ç ´ç¶»ã‚’ã™ã‚‹ã®ã‹ï¼Ÿæœ¬ã‚¨ãƒ³ãƒˆãƒªã¯ã€ã€Œã‚¹ãƒžãƒ›UI考（番外編）　顧客やユーザーã®è¦æœ›ã«å…¨ã¦å¯¾å¿œã™ã‚‹ã¨ã€ã‚¢ãƒ—リã¯99%ç ´ç¶»ã™ã‚‹ã€ã®ç¶šãã«ãªã‚‹ã€‚ 本エントリã§ã¯ä»¥ä¸‹ã®ï¼”ã¤ã®å´é¢ã‹ã‚‰ã€æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ãƒªã‚¹ã‚¯ã‚’考ãˆã‚‹ã€‚ã¾ãšç¬¬ä¸€ã«ã€Œé¸æŠžè‚¢ã®æ•°ãŒå¿…ãšã—ã‚‚å–„ã§ã¯ãªã„ã“ã¨ã€ã€‚次ã«ã€Œäººé–“ã®åˆ¤æ–力ã¯ä½¿ã†ã»ã©æ¶ˆè€—ã™ã‚‹ã“ã¨ã€ã€‚ãã—ã¦ã€Œç”»é¢ã‚¹ãƒšãƒ¼ã‚¹ãŒæœ‰é™ã®ãƒªã‚½ãƒ¼ã‚¹ã§ã‚ã‚‹ã“ã¨ã€ã€‚最後ã«ã€Œã©ã‚“ãªã«æ©Ÿèƒ½ã‚’増やã—ã¦ã‚‚ã€ä¸€ç”»é¢ã§å¼·èª¿ã§ãã‚‹ã‚‚ã®ã¯é™ã‚‰ã‚Œã¦ã„ã‚‹ã“ã¨ã€ã€‚ã“れらã®ï¼”ã¤ã¯å…¨ã¦ã€æ©Ÿèƒ½è¿½åŠ ãŒæœ€
感覚派デザイナーも知ã£ã¦ãŠã„ã¦æã¯ãªã„「デザインã®è¦ç´ ã¨åŽŸå‰‡ã€ | WebNAUT
「ã‚ãªãŸã¯æ„Ÿè¦šæ´¾ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ï¼Ÿãã‚Œã¨ã‚‚ç†è«–派デザイナー？〠ã“ã®ã‚ˆã†ãªè³ªå•ã‚’ã•ã‚Œã‚‹ã¨ã€ç†è«–派デザイナーã ã¨ç”ãˆãŸããªã‚‹ç†ç³»å‡ºèº«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚¿ã‚«ãƒãƒžã§ã™ã€ã“ã‚“ã«ã¡ã¯ã€‚ 今回ã¯ã€ãã‚“ãªç†å±ˆã£ã½ã„ç§ã®å¤§å¥½ç‰©ã§ã‚る「デザインã®è¦ç´ ã¨åŽŸå‰‡ã€ã‚’ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ç†è«–派デザイナーã®æ–¹ã¯ã‚‚ã¡ã‚ã‚“ã€æ„Ÿè¦šæ´¾ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã‚‚知ã£ã¦ãŠã„ã¦æã¯ãªã„ã§ã™ã‚ˆï¼ 「デザインã®è¦ç´ ã¨åŽŸå‰‡ã€ã¯ãƒ“ジュアルデザイン全般ã«æ´»ç”¨ã§ãã‚‹ Webデザインã«é™ã‚‰ãšã€ãƒ“ジュアルデザインã®åŸºç¤Žã‚’å¦ã¶ä¸Šã§ã€å¤§å¤‰å‚考ã«ãªã‚‹ã€Œãƒ‡ã‚¶ã‚¤ãƒ³ã®åŽŸå‰‡ã€ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ã„ã‚ゆる「Design elements and principles（デザインã®è¦ç´ ã¨åŽŸå‰‡ï¼‰ã€ã‚„「Gestalt principles（ゲシュタルト原則）ã¨è¨€ã‚れる原則ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ§‹æˆè¦ç´ ã‚„è¦ç´ åŒå£«ã®é–¢ä¿‚性ãŒå…¨ä½“ã«ä¸Žãˆã‚‹å½±éŸ¿ã‚’ã¾ã¨ã‚ãŸã‚‚ã®ã«ãªã‚Šã¾ã™ã€‚ 調ã¹ã¦ã¿ã‚‹ã¨è˜è€…ã«ã‚ˆã£ã¦åˆ†é¡žã‚„
スマホUI考（番外編）　顧客やユーザーã®è¦æœ›ã«å…¨ã¦å¯¾å¿œã™ã‚‹ã¨ã€ã‚¢ãƒ—リã¯99%ç ´ç¶»ã™ã‚‹ | fladdict
顧客や上å¸ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å ´å½“ãŸã‚Šãªè¦æœ›ã«å¯¾å¿œã—ã¤ã¥ã‘ã‚‹ã¨ã€ã©ã‚“ãªã‚¢ãƒ—リもゴミアプリã«ãªã‚‹ã€‚ãŸã¨ãˆãã‚ŒãŒç†ã«ã‹ãªã£ãŸè¦æœ›ã§ã‚ã£ã¦ã‚‚。 ãªãœãªã‚‰é¢ç©ã®é™ã‚‰ã‚ŒãŸã‚¹ãƒžãƒ›ã§ã¯ã€Œä¸€ç”»é¢ã®æ©Ÿèƒ½æ•°ã¨ãƒœã‚¿ãƒ³æ•°ã€ãŒã€ä½¿ã„易ã•ã¨å“質ã«æ·±ãリンクã—ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã‚’ã€ã‚¨ãƒ©ã„人ã«ãƒ—レゼンã™ã‚‹ã®ãŒãŠä»•äº‹ã®ä»Šæ—¥ã“ã®é ƒã€‚ã§ã‚‚毎回毎回ã€åŒã˜ã“ã¨ã‚’説明ã™ã‚‹ã®ãŒã‚·ãƒ³ãƒ‰ã‚¤ã®ã§è³‡æ–™ã‚’ブãƒã‚°ã«ã¾ã¨ã‚ãŸã„ãªãã¨æ€ã†ãªã©ã€‚ æ€è€ƒå®Ÿé¨“ã¨ã—ã¦ã€ã“ã“ã§ã¯æž¶ç©ºäº‹ä¾‹ã¨ã—ã¦Twitterアプリを例ã«è€ƒãˆã¦ã¿ã‚‹ã€‚ 何ã‹ã®é–“é•ã„ã§ã€æ—¥æœ¬ã®å¤§æ‰‹ãƒ¡ãƒ¼ã‚«ãƒ¼ãŒTwitterã‚’è²·åŽã™ã‚‹ã¨ãƒ»ãƒ»ãƒ»UIデザイナーãŒä½“を張らãªã„ã¨99%ãらã„ã®ç¢ºçŽ‡ã§ã“ã†ãªã‚‹ã®ã§ã™ã€‚ ã“ã“ãŒã‚ªãƒªã‚¸ãƒŠãƒ« Request1: ダイレクトメッセージをトップ階層㫠ユーザーã‹ã‚‰ã®çœŸã£å½“ãªè¦æœ›ã€‚実際ã«ã¯ã‚µãƒ¼ãƒ“スã®æœ¬è³ªã§ã¯ãªã„ã®ã§ã™ãŒã€è¦æœ›ã¯ã‹ãªã‚Šå¤šã„ã¯ãšã€‚ ãŸã Twitter社的ã«ã¯me
ã©ã‚“ãªå‹•ãã«ã™ã‚‹ã‹æ‚©ã‚“ã ã¨ãã«ï¼UIアニメーションã®ã‚¤ãƒ³ã‚¹ãƒ”レーションを得られるサイトã¾ã¨ã‚ | Goodpatch Blog
皆ã•ã‚“ã¯UIã®å‹•ãを考ãˆã‚‹ã¨ãã«ã€ã©ã‚“ãªã‚‚ã®ã‚’å‚考ã«ã—ã¦ã„ã¾ã™ã‹ï¼Ÿã„ã¤ã‚‚ç°¡å˜ã«ã´ã£ãŸã‚Šã®å‹•ããŒæ€ã„æµ®ã‹ã¶ã‚ã‘ã§ã¯ãªã„ã—ã€æ‚©ã‚“ã ã¨ãã«ä½•ã‹å‚考ã«ãªã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆãªã©ãŒã‚ã£ãŸã‚‰ä¾¿åˆ©ã ã¨æ€ã„ã¾ã™ã€‚今回フランス人Webデザイナーã®Walter Stéphanieã•ã‚“ãŒâ€œInterface Animations and Transitions: where to get inspirationâ€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§UIã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„トランジションã®ã‚¤ãƒ³ã‚¹ãƒ”レーションを得られるサイトを紹介ã—ã¦ã„ãŸã®ã§ã€æœ¬äººã®è¨±å¯ã‚’å¾—ã¦ç¿»è¨³ã—ã¾ã—ãŸï¼ （以下â€Interface Animations and Transitions: where to get inspirationâ€ã®ç¿»è¨³ã€‚） photo credit: Jorge Quinteros via photopin cc UI/UXデザインã«ãŠã„ã¦ã€ç´°
UIデザインã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¾ã§å…±æœ‰ã§ãるモック作æˆãƒ„ールã¾ã¨ã‚ | Goodpatch Blog
先日ã€Goodpatch代表ã®åœŸå±‹ãŒWebSig会è°ã¨ã„ã†ã‚¤ãƒ™ãƒ³ãƒˆã§è¬›æ¼”ã‚’ã—ã¾ã—ãŸã€‚講演ã¯ã€Œãƒãƒ¼ãƒˆã«éŸ¿ãUIを生ã¿å‡ºã™ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ã€ã¨ã„ã†ã‚¿ã‚¤ãƒˆãƒ«ã§è¡Œã‚ã‚Œã€èµ·æ¥ã¾ã§ã®ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã€Goodpatchã®UIè¨è¨ˆãƒ—ãƒã‚»ã‚¹ãªã©ã«ã¤ã„ã¦è©±ã—ã¾ã—ãŸã€‚講演内容ã¯â†“ã®slideshareã‚’å‚ç…§ã—ã¦ãã ã•ã„。 ãã®è¬›æ¼”ã®ä¸ã§Goodpatchã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹éš›ã«ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—を作æˆã—ã¦ã„ã‚‹ã¨è©±ã—ã¾ã—ãŸã€‚以å‰ã«MEMOPATCHã§ã‚‚インタラクションや導線ã®å‹•ãã‚’ä¼ãˆã‚‹ä¸Šã§ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—作æˆãŒé‡è¦ã¨ã„ã†è¶£æ—¨ã®è¨˜äº‹ã‚’アップã—ã¦ã„ã¾ã™ã€‚ （å‚考: ã“ã‚Œã‹ã‚‰ã®UIデザインã®ãŸã‚ã«ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã‚«ãƒ³ãƒ—ã‚’ã‚„ã‚ã¦ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—を作ã‚ã†ï¼ˆå‰ç·¨ï¼‰, （後編）） プãƒãƒˆã‚¿ã‚¤ãƒ—作æˆã¨ã„ã†ã¨HTML, CSS, JavaScriptã§å®Ÿè£…ã™ã‚‹æ–¹æ³•ãŒãƒ¡ã‚¸ãƒ£ãƒ¼ã‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã‚Œã ã¨ãƒªã‚½ãƒ¼ã‚¹ã‚’ã‹ãªã‚Šå‰²ãã“ã¨ã«ãªã£ã¦ã—ã¾ã„ã¾ã™ã€‚ãã“ã§ä»Šå›žã¯
WebSigä¼šè° vol.33：2ndセッション「ãƒãƒ¼ãƒˆã«éŸ¿ãUIを生ã¿å‡ºã™ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ã€
WebSigä¼šè° vol.33： http://websig247.jp/meeting/33/ 2ndセッション ãƒãƒ¼ãƒˆã«éŸ¿ãUIを生ã¿å‡ºã™ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ—ãƒã‚»ã‚¹ ï¼åœŸå±‹å°šå²ï¼ˆæ ªå¼ä¼šç¤¾ã‚°ãƒƒãƒ‰ãƒ‘ッム代表å–ç· å½¹ï¼‰
ノンデザイナーã“ã押ã•ãˆã¦ãŠããŸã„! UI/UXãŒå¦ã¹ã‚‹ç¥žã‚¹ãƒ©ã‚¤ãƒ‰7é¸ | Find Job ! Startup
競åˆã«è² ã‘ãªã„Webサービスをã¤ãã‚‹ãŸã‚ã€UI（User Interface）ã€UX（UserExperienceã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“験）ã«ã“ã ã‚ã‚‹ã®ã¯ã€ã‚‚ã¯ã‚„常è˜ã€‚良ã„UI/UXã¯ãƒãƒ¼ãƒ 全員ã§è€ƒãˆã‚‹ã“ã¨ãŒã€è‰¯ã„サービスをã¤ãる秘訣ã§ã™ã€‚ エンジニアやWebディレクターもå¦ã‚“ã§æã¯ã—ã¾ã›ã‚“。もã¡ã‚ã‚“ã€æœ¬è·ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã€…ã«ã‚‚役立ã¤7ã¤ã®ã‚¹ãƒ©ã‚¤ãƒ‰åŽ³é¸ã¾ã¨ã‚ã§ã™ï¼ 目次 åŸºç¤ŽçŸ¥è˜ ï¼‘ï¼ŽUXã®ãŸã‚ã®UIデザイン ２．UX is not UI ３．ククパド美ã¡ã‚ƒã‚“ã¨å¦ã¶ï¼ã‚¯ãƒƒã‚¯ãƒ‘ッドã®UI改善プãƒã‚»ã‚¹ï¼šå‰ç·¨ 応用編（Webサイト） ４．ククパド美ã¡ã‚ƒã‚“ã¨å¦ã¶ï¼ã‚¯ãƒƒã‚¯ãƒ‘ッドã®UI改善プãƒã‚»ã‚¹ï¼šå¾Œç·¨ ５．コンテンツã§æ”¹å–„ã™ã‚‹ UI デザインã®æ¥µæ„ 応用編（スマホアプリ） ６．UI＆UX / é‡è¦ãªã®ã¯ã€æ¯Žæ—¥ã•ã‚ã£ã¦å¬‰ã—ã„UI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
æ€ã‚ãšè§¦ã‚ŠãŸããªã‚‹iOSã®UIデザイン - RyoAnna
ユーザーインターフェイスãŒæ´—ç·´ã•ã‚Œã¦ã„るアプリã¯ã€ä½¿ã£ã¦ã„ã¦æ°—æŒã¡ã„ã„。ボタンã®å½¢ã€é…ç½®ã€é…色ã€ç”»é¢ã®é·ç§»ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã€‚ã“れらã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¨æ©Ÿèƒ½ãŒãƒžãƒƒãƒã™ã‚‹ã¨ã€å¤šãã®äººã«å—ã‘入れられるアプリã«ãªã‚‹ã€‚ 今回ã¯iOSã€ç‰¹ã«iPhoneã®UIデザインを紹介ã—ãŸã„。ã©ã‚Œã‚‚触りãŸããªã‚‹ã‚‚ã®ã°ã‹ã‚Šã 。 Qiwy iOS/iPhone app curl test by Mikael Eidenberg UX/iOS/UI iPhone idea with video process by Cuberto Qiwy iOS/iPhone app switch and slider by Mikael Eidenberg Untitled iOS/iPhone synth app navigation by Mikael Eidenberg Iphone UI by Matthias Mayr Busin
Webã¨ã¯ä¸€å‘³é•ã†ã‚¹ãƒžãƒ›ã‚¢ãƒ—リã®å‹•çš„UIè¨è¨ˆã¯ã€ã€Œè„±ãƒ»ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ æ€è€ƒã€ã§ã€ãˆãµã—ん】 - エンジニアtype | 転è·type
Twitterクライアント『モãƒãƒ„イã€é–‹ç™ºè€…ã§ã‚ã‚Šã€2012å¹´11月ã«æƒ³å‰µç¤¾ï¼ˆversion2）をè¨ç«‹ã—ãŸæœ‰åエンジニア・ãˆãµã—ã‚“æ°ãŒã€å¤‰åŒ–ã®æ¿€ã—ã„ãƒãƒƒãƒˆãƒ™ãƒ³ãƒãƒ£ãƒ¼ã‚„Webæ¥ç•Œã®ä¸ã§ç”Ÿã残ã£ã¦ã„ãエンジニアã®ç‰¹å¾´ã‚’独自ã®è¦–点ã§åˆ†æž ãˆãµã—ã‚“ã®Webサービスサãƒã‚¤ãƒãƒ«è¡“ è—¤å·çœŸä¸€ï¼ˆãˆãµã—ã‚“ï¼‰æ° FA装置メーカーã€Web制作ã®ãƒ™ãƒ³ãƒãƒ£ãƒ¼ã‚’経ã¦ã€2006å¹´ã«paperboy&co.ã¸ã€‚ショッピングモールサービスã«ãƒ—ãƒãƒ‡ãƒ¥ãƒ¼ã‚µãƒ¼ã¨ã—ã¦æºã‚ã‚‹ã‹ãŸã‚らã€2007å¹´ã‹ã‚‰ãƒ¢ãƒã‚¤ãƒ«ç«¯æœ«å‘ã‘ã®Twitterウェブサービス型クライアント『モãƒãƒ„イã€ã®é–‹ç™ºãƒ»é‹å–¶ã‚’個人ã§é–‹å§‹ã€‚2010å¹´ã€æƒ³å‰µç¤¾ï¼ˆç¾ãƒ»ãƒžã‚¤ãƒ³ãƒ‰ã‚¹ã‚³ãƒ¼ãƒ—）をè¨ç«‹ã—ã€2012å¹´4月30æ—¥ã¾ã§ä»£è¡¨å–ç· å½¹ç¤¾é•·ã‚’å‹™ã‚る。ãã®å¾Œã—ã°ã‚‰ãフリーランスエンジニアã¨ã—ã¦æ´»èºã—ã€2012å¹´11月6æ—¥ã«æƒ³å‰µç¤¾ï¼ˆversion2）è¨ç«‹ アメリカã®iPhoneアプリã¯ãªãœã‚¯ãƒ¼
UIデザインã®å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã¾ã¨ã‚ | ナナメウエblog
毎日仕事ä¸ã¨å¯ã‚‹å‰ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ã‚‹UIã®å‚考ã«ãªã‚‹ã‚µã‚¤ãƒˆã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ ã‚‚ã†ã€è¦‹ã¦ã„ã‚‹ã ã‘ã§æ¶ŽãŒå‡ºã¾ã™ã。 Dribbble – Following ã‚‚ã¯ã‚„知らãªã„人ã¯ã„ãªã„ã§ã—ょã†ã€‚世界ä¸ã‹ã‚‰ãƒã‚¤ãƒ¬ãƒ™ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒé›†ã¾ã‚‹ã“ã®ã‚µã‚¤ãƒˆã€‚3時間ã«1回ã¯è¦‹ã¦ã¾ã™ã€‚ JAYPEG 日本版Dribbbleã¨ã„ã†ã¨ã‚ã‹ã‚Šã‚„ã™ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。昨年末ã«ã§ããŸã°ã‹ã‚Šã§ã™ãŒã€ã™ã”ã好ãã§ã™ã€‚投稿ã—ã¾ãã£ã¦ã¾ã™ã€‚自分ã§ä½œã£ãŸUIã‚’ç´ æã¨ã—ã¦å…¬é–‹ã—ã¦ãŸã‚Šã—ã¾ã™ã€‚1時間ã«1回ã¯è¦‹ã¦ã¾ã™ã€‚ Inspired UI – mobile ui patterns カテゴリーãŒç´°ã‹ã分ã‹ã‚Œã¦ã„ã¦éžå¸¸ã«å¬‰ã—ã„ã§ã™ã€‚数も豊富ã§è¦‹ã‚„ã™ã„サイトã§ã™ã€‚ iOS Mobile Patterns カテゴリーãŒã‚ã‹ã‚Šã‚„ã™ãã€ãƒžã‚¦ã‚¹ãŒæ‹¡å¤§é¡ã«ãªã‚‹ã®ã§ç´°éƒ¨ã¾ã§è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ iPad and iPhone Design Ins
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
UXã®ãŸã‚ã®UIデザイン
ã©ã‚“ãªã«ã™ã°ã‚‰ã—ã„UXをユーザーã«æä¾›ã—よã†ã¨ã—ã¦ã‚‚ã€UIãŒUXã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã£ã¦ã„ãªã„ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ä½“験ã™ã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã›ã‚“。ãã‚Œã¯ã„ã‚ã‚“ãªæ„味ã§æ®‹å¿µã€‚。UXã‚’æ£ã—ã考慮ã—ãŸUIをデザインã™ã‚‹ãŸã‚ã«ã¯ã€ã©ã†ã™ã‚Œã°ã„ã„ã®ã§ã—ょã†ã‹ï¼Ÿ
ユーザーエクスペリエンスã¨ã¯ä½•ã‹ï¼Ÿã€ã‚¤ãƒ³ã‚¿ãƒ“ュー】ホワイトãƒã‚¦ã‚¹ã‚‚注目ã®UXデザイナーJanice Fraseræ°ï¼ˆå‰ç·¨ï¼‰ デザイン会社 ビートラックス: ブãƒã‚°
世界ä¸ã§è¬›æ¼”ã‚’è¡Œã„ã€ãƒ›ãƒ¯ã‚¤ãƒˆãƒã‚¦ã‚¹ã§ã‚‚プレゼンテーションを行ã£ãŸã¨ã„ã†ã€ŒUXã®ç¬¬ä¸€äººè€…ã€Janice Fraseræ°ã€‚ UXã«ç‰¹åŒ–ã™ã‚‹ä¼šç¤¾ã‚’ç«‹ã¡ä¸Šã’ãŸå½¼å¥³ã®çµŒé¨“・ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚„ã€å½¼å¥³ãŒèªžã‚‹ã€ŒLean UXã€ãªã©ã«é–¢ã—ã¦ã¯åŒè¨˜äº‹ã®å¾Œç·¨ã«è²ã‚‹ã¨ã—ã¦ã€ã¾ãšã¯å½¼å¥³ãŒå®šç¾©ã™ã‚‹ã€ŒUXã¨ã¯ä½•ã‹ï¼Ÿã€ã¨ã„ã†ã“ã¨ã‚„ã€ã‚ˆãæ··åŒã•ã‚ŒãŒã¡ãªã€ŒUIã¨UXã®é•ã„ã€ã€æ›´ã«ã¯ã€Œå›½ã‚’超ãˆã‚‹ã¨UXã«é•ã„ã¯ã‚ã‚‹ã®ã‹ï¼Ÿã€ã€Œè‰¯ã„UXを測るãŸã‚ã®æŒ‡æ¨™ã€ã«ã¤ã„ã¦ä¼ºã£ãŸã€‚ ◆目次（å‰ç·¨ï¼‰â—† UXã¨ã¯ï¼Ÿ æ··åŒã•ã‚ŒãŒã¡ãªUIã¨UX UXã«å›½ã”ã¨ã®é•ã„ã¯ã‚ã‚‹ã‹ï¼Ÿ 良ã„UXã‹ã©ã†ã‹ã‚’測る指標ã¯ï¼Ÿ ◆話者プãƒãƒ•ã‚£ãƒ¼ãƒ«â—† ゲストトーカー：Janice Fraser LUXr, Inc. CEO @clevergirl UXデザイナーã€èµ·æ¥å®¶ã€‚UXã‚’é‡è¦–ã—ãŸã‚¦ã‚§ãƒ–サービスã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’手ãŒã‘ã‚‹Adaptive Path社ã®å…±åŒå‰µæ¥è€…ã€åˆä»£CEO。 1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Amazon.co.jp: プãƒãƒˆã‚¿ã‚¤ãƒ”ング実践ガイド スマホアプリã®åŠ¹çŽ‡çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³æ‰‹æ³•: 深津貴之 (è‘—), è»é‡Žåšç« (è‘—), 丸山弘詩 (編集): 本
HERE IS TODAY
Site Under Maintenance
Android Design - Metrics and Grids
{{#tags}}- {{label}}
{{/tags}}