どーもキンモクセイぷんぷん香る自由が丘からaoizmです。 秋満開！スマートフォンまっさかり！(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。 画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは 使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。 その違いを認識した上で、違いを活かしたデザインをするためには？ iPhoneアプリのUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い 状況 持ち歩けるがゆえそのシチュエーションもさまざま 「会議で」「合コンで」「移動時」「就寝時」... 状態 そのときユーザーはなにをしている？ 「歩きながら」「話しながら」「運動しながら」...
タグ
- すべて
- tutorial (15)
- ネタ (7)
- *comment (17)
- *doing (6)
- *work (5)
- 2ch (127)
- 3d (13)
- AR (15)
- ARG (12)
- D3.js (5)
- DHMO (2)
- DeNA (9)
- Docker (6)
- Electron (2)
- EverNote (4)
- FuelPHP (3)
- GPL (2)
- Google Chrome (2)
- Google Wave (2)
- GoogleWave (2)
- IDOLM@STER (4)
- JSX (4)
- KVS (3)
- Kinect (3)
- MMD (8)
- MMORPG (42)
- MikuMikuDance (21)
- MindSet (2)
- Modernizr (2)
- NATROM (3)
- ORM (2)
- OculusRift (4)
- Polymer (3)
- PubSubHubbub (2)
- RMT (2)
- React (8)
- Redux (3)
- SEGA (24)
- TSS (2)
- Titanium (7)
- Twitter民 (6)
- UCC (3)
- Unity (46)
- VIP (4)
- WebRTC (2)
- WebSocket (3)
- Zend (2)
- _webservice (17)
- academic (3)
- actionscript (16)
- actionscript3 (4)
- ad (2)
- adobe (4)
- adobe air (11)
- adsense (3)
- agile (7)
- ai (2)
- ai sp@ce (4)
- air (9)
- ajax (48)
- akiba (3)
- algorithm (59)
- alice (4)
- amachang (2)
- amazon (24)
- amazon ec2 (7)
- ameba (2)
- amqp (2)
- android (39)
- angularjs (4)
- anime (68)
- antipattern (3)
- apache (7)
- api (23)
- apple (41)
- arduino (8)
- art (12)
- atok (3)
- au (5)
- aws (4)
- backbone.js (4)
- bicycle (2)
- blender (5)
- blog (96)
- bloglines (2)
- book (335)
- bookmarklet (4)
- books (14)
- bookscan (18)
- browser (3)
- business (27)
- c# (2)
- c++ (5)
- cafe (15)
- calendar (5)
- camera (4)
- canvas (4)
- cap (2)
- capistrano (4)
- card (2)
- cassandra (8)
- centos (2)
- cgm (3)
- chart (2)
- chat (2)
- cheatsheet (2)
- cheatsheets (2)
- china (4)
- chrome (14)
- ci (6)
- cms (3)
- coffeescript (6)
- column (65)
- comic (28)
- communication (4)
- community (2)
- conference (2)
- cookpad (5)
- cool (46)
- copyright (412)
- couchdb (24)
- creative commons (5)
- css (33)
- css3 (6)
- cygwin (2)
- dankogai (7)
- data (5)
- db (11)
- dci (4)
- del.icio.us (4)
- deno (3)
- design (26)
- designpattern (2)
- developerworks (2)
- development (144)
- devsumi2010 (2)
- diy (5)
- docomo (3)
- document (3)
- dom (4)
- dpz (2)
- drizzle (5)
- dwango (167)
- ebook (8)
- eclipse (9)
- eco (7)
- economy (9)
- education (18)
- eeepc (2)
- elasticsearch (2)
- emacs (2)
- encoding (5)
- engineer (44)
- english (18)
- erlang (11)
- ethna (3)
- event (7)
- excel (4)
- extension (13)
- extention (2)
- eyetracking (4)
- facebook (8)
- fez (15)
- finance (4)
- firebase (4)
- firebug (4)
- firefox (54)
- flartoolkit (2)
- flash (46)
- flashdevelop (2)
- flex (8)
- flickr (2)
- fluentd (7)
- folksonomy (12)
- font (70)
- food (90)
- fragments (28)
- framework (4)
- freemind (2)
- gadget (157)
- gae (20)
- game (1730)
- gatsby.js (2)
- geek (2)
- generator (6)
- geo (20)
- gift (9)
- gigazine (2)
- gis (5)
- gist (2)
- git (47)
- github (13)
- gizzard (2)
- golang (6)
- google (118)
- google analytics (5)
- google app engine (7)
- gps (5)
- graham (2)
- graph (6)
- graphviz (3)
- greasemonkey (19)
- gree (12)
- hadoop (12)
- haskell (22)
- hatena (195)
- health (4)
- html (13)
- html5 (55)
- hudson (5)
- i18n (4)
- icon (18)
- idea (4)
- image (6)
- ingress (35)
- interface (39)
- ipad (43)
- iphone (94)
- ipod (5)
- irc (3)
- isucon (7)
- isucon2 (3)
- isucon3 (3)
- isucon4 (3)
- itkz (3)
- japanese (3)
- jasrac (9)
- java (39)
- java-ja (4)
- javascript (395)
- jenkins (4)
- jquery (97)
- json (7)
- kawango (12)
- kddi (3)
- knockout.js (9)
- korea (3)
- kotlin (4)
- ktkr (4)
- laiso (12)
- librahack (21)
- library (13)
- lifehack (7)
- lifehacks (86)
- lift (5)
- linux (17)
- list (8)
- lithium (4)
- livedoor (17)
- logo (3)
- loveplus (15)
- lua (9)
- mac (81)
- mad (3)
- mail (7)
- marketing (30)
- mastodon (5)
- material (30)
- math (7)
- media (38)
- memcached (10)
- mercurial (3)
- microsoft (7)
- milk (8)
- mindmap (13)
- minecraft (24)
- mixi (39)
- mobile (59)
- mongodb (12)
- movie (20)
- music (19)
- mysql (56)
- nds (11)
- network (42)
- news (7)
- nginx (4)
- nhk (6)
- nicofarre (19)
- nicovideo (1323)
- nintendo (3)
- node.js (95)
- nomic (3)
- nosql (23)
- office (5)
- oop (8)
- opensocial (10)
- opensource (4)
- opera (7)
- orz (3)
- oss (4)
- p2p (3)
- pastebin (5)
- pdf (4)
- performance (13)
- perl (53)
- phantomjs (3)
- photo (44)
- photoshop (7)
- php (418)
- phpstorm (4)
- picture (7)
- pixiv (9)
- plagger (4)
- podcast (3)
- presentation (22)
- privacy (14)
- programming (265)
- prototype.js (7)
- python (21)
- qma (5)
- quartzcomposer (3)
- quotes (5)
- rails (10)
- react.js (52)
- realdgame (19)
- recipe (90)
- recruit (5)
- redis (5)
- refactoring (9)
- reference (23)
- rest (4)
- rpc (9)
- rss (23)
- ruby (149)
- ruby on rails (16)
- rust (5)
- safari (4)
- sbm (54)
- sbs (4)
- scala (88)
- scheme (3)
- science (267)
- scraping (15)
- script.aculo.us (3)
- secondlife (6)
- security (491)
- seo (40)
- sf (4)
- silverlight (4)
- sinatra (3)
- slashdot (9)
- smalltalk (5)
- sneg (10)
- sns (20)
- soccer (7)
- socialgraph (3)
- socket.io (4)
- software (224)
- solr (4)
- sports (5)
- sql (10)
- sqlite (3)
- stage6 (4)
- stationery (60)
- steam (3)
- stockphoto (5)
- subversion (6)
- svn (5)
- swift (5)
- tbs (5)
- tdd (23)
- tech (52)
- testing (68)
- tex (6)
- thrift (8)
- tips (31)
- togetter (6)
- tool (10)
- trac (3)
- trackback (4)
- trivia (23)
- trpg (3)
- tuningathon (5)
- tutorial (5)
- tv (10)
- twitter (259)
- typescript (50)
- ucd (3)
- ui (45)
- unicode (3)
- unity3d (91)
- usability (77)
- userexperience (3)
- userinterface (6)
- ustream (18)
- vagrant (5)
- varnish (3)
- video (10)
- vim (18)
- visualization (29)
- vocaloid (93)
- vps (5)
- vtuber (26)
- vue.js (5)
- wallpaper (7)
- web (5)
- web2.0 (67)
- webapi (4)
- webdesign (142)
- webm (3)
- webservice (131)
- wicket (9)
- wii (4)
- wiki (40)
- wikipedia (131)
- windows (25)
- winny (18)
- wktk (5)
- work (4)
- writing (53)
- xml (7)
- yahoo (6)
- yapcasia2011 (3)
- yoshiori (5)
- youtube (64)
- あとで (57)
- あとで書く (20)
- あとで見る (3)
- あとで読む (518)
- いつか読む (16)
- おっぱい (3)
- かも (8)
- ここまで読んだ (5)
- これはえがい (9)
- これはすごい (107)
- これはひどい (296)
- しなもん (6)
- だいたいあってる (5)
- どうしてこうなった (3)
- なにそれこわい (3)
- ぬこ (10)
- はまちちゃん (3)
- まとめ (8)
- エイプリルフール (15)
- エイプリルフール2009 (12)
- エルシャダイ (3)
- ゲーム脳 (5)
- セルクマ (23)
- ツンデレ (9)
- デスブログ (3)
- トンデモ (4)
- ニコニコ技術部 (5)
- ニセ科学 (27)
- ネタ (857)
- バカ発見器 (38)
- ヒウィッヒヒー (7)
- マジキチ (3)
- マスコミ (11)
- メイド (3)
- メイド喫茶 (4)
- メシウマ (4)
- メンズナックル (3)
- ユビキタス (3)
- 中二病 (8)
- 二行目から読んでない (3)
- 口蹄疫 (4)
- 周回遅れ (3)
- 情報 (48)
- 揉め事 (6)
- 放射脳 (13)
- 政治 (77)
- 日本語 (3)
- 東方 (3)
- 歴史 (3)
- 池田先生 (8)
- 海外 (3)
- 炎上 (3)
- 疑似科学 (19)
- 知識 (28)
- 破滅 (20)
- 破滅企業 (6)
- 筋肉番付 (3)
- 素材 (3)
- 萌え (16)
- 詐欺 (4)
- 詐欺グラフ (7)
- 誘い受け (4)
- 読み物 (8)
- 資料 (33)
- 釣り (4)
- 陰謀論 (9)
- 雑学 (37)
- 雑貨 (6)
- 電通 (3)
- 非モテ (4)
- 餃子の王将 (4)
- ｶﾜﾕｽ (8)
- ﾚｲﾚｲ (7)
- game (1730)
- nicovideo (1323)
- ネタ (857)
- あとで読む (518)
- security (491)
- php (418)
- copyright (412)
- javascript (395)
- book (335)
- これはひどい (296)
uiとiphoneに関するfukkenのブックマーク (2)
-
fukken 2010/10/13
- iphone
- webdesign
- ui
リンク -
iPhoneゲーム「かなぶん」のデザインについて | つくる社LLC
つくる社のまえだ（@monoooki）です。今回はiPhoneゲームかなぶんのデザインリニューアルについてご紹介します。 担当した作業はアプリのUIデザインでしたが、基本的にいつもやっているWebデザインと同じ要領で進めることができました。コーディングやチェック環境が減った分、気楽に出来たと思います。 旧バージョンの問題点について ゲーム画面に出てくる女の子（かなこちゃん）が、男児ユーザーに不評 海外展開をしたいので、性別、国、年齢を問わないニュートラルな雰囲気にしたい その他、ゲーム画面のあちこちを整えて欲しい 石原さんのお子さんは男兄弟なのですが、ゲーム画面に女の子が出てくるのをあまり好まなかったようです。自分もそうでしたが、小学生くらいの年齢だと女の子の絵の入ったものは気恥ずかしくて、あまり持つことはありませんでした。現状は大きいお友達成分がやや含まれています。 想定しているユーザー
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx