ハラハラでハードに使っているプレゼンや打ち合わせで活躍するアプリをご紹介 « ブログ｜東京のアプリデザイン制作会社｜株式会社ハラハラ｜harahara Inc.
プレゼンや打ち合わせで参加者の心を掴むのって重要ですよね。 制作工程の初期段階で時間短縮することでUI/UXの開発にじっくりと時間をかけたい、という思いもあり色々なアプリや手法を導入しています。 弊社で現在ハードに活用している便利なアプリを2つご紹介します。 Riflectorを使ってアプリ＆スマホサイトのプロトタイプをその場で共有 Reflector これをインストールすれば写真のようにiPhone/iPadのAirplayを通して現在使っているスマホの画面をPCにダイレクトに写すことができます。ページ遷移やジェスチャーもこれがあれば容易にクライアントに伝えることができますし知らない人からしたらこれ自体のパフォーマンスでグッと引き込まれることでしょう。 インストールしたらiPhone/iPadのホームタスクバーからAirPlayを選択すればあっという間にミラーリングが開始されます。あとは
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
MobileMozaic, a gallery of the very best designed iphone applications
Several parents, grandparents, and even teachers consider smartphones to be negatively affecting the education of students. However, they are not that bad if used wisely. Many apps are out in the market that can be worth the time spent for them. Choosing them can even simplify the life of students. Additionally, there are apps related to betting sites that can provide entertainment and potentially
縦長iPhone 5の片手操作感は如何に、親指は画面上のどこまで届くのか - TeachMe iPhone
iPhone 5と呼ばれるにしろ、別の名前で呼ばれるにしろ、次期iPhoneでは大型スクリーンが売りの1つになると予測されています。この大型スクリーンにはさまざまな利点が考えられますが、世間にはスマートフォンを「片目で見て、親指1本で操作する」という使い方しかしないユーザーも多いのです。果たして、縦方向に伸びたスマートフォンは使いやすい設計案なのでしょうか？米国のForbesが考察しています。 この問いに答えるには、考えるべきことが2点あります。まず「片目で見る」という点について。水平方向に対して垂直方向の比率が大きくなるほど、情報を視認するのに時間がかかります。ある調査によれば、水平方向の視界の長さが黄金比率に設定されたときに、最も見やすくなるとされています。この点から考えれば、縦方向に伸びたスクリーンはかえって逆効果と言えます。実際問題として、視点の移動距離が長すぎると、ユーザーの「見
モードレスな UI としての Clear
モーダル／モードレスの定義 モーダル／モードレスとは、ソシオメディアの上野学さんによって「再提示」された、「UI デザインの世界における両極のコンセプト」である。まずは2009年から約1年の間に書かれた、大変示唆に富んだブログ Modeless and Modal において、最近では World IA Day 2012 Yokyo の講演において、言及があった。 とにかく「あっ」と分かってしまったことだから、どう説明のしようもないらしい。モーダル／モードレスとは、どんな世界にでもあるイデオロギーの対立、右翼／左翼のようなものである。だから本来的にどちらが正しいと言ったことは、問題にならないはずである。しかし UI デザインの領域においては、昔からモードレスを目指すべきとされている。 モーダル（modal） モードがある状態。つまり、システムが特定の機能の使用に制限された状態。ユーザーが自由
Titaniumでナビゲーションバーを使った遷移をする方法二つ - ひげろぐ
TabGroupを使ったやり方と、NavigationGroupを使ったやり方がある。 TabGroupを使う オーソドックスなやり方。 TabGroupを作成し、Tabを追加。 Tabからウィンドウを開くやり方。 Tabにナビゲーションバーで遷移する機能がついている。遷移の状態はTabごとに保持される。 app.js var win, tab, tg; win = Ti.UI.createWindow({url: "first.js"}); win.hideTabBar(); tab = Ti.UI.createTab({window: win}); tg = Ti.UI.createTabGroup(); tg.addTab(tab); tg.open(); タブバーは必要がなければ隠す。 first.js Ti.UI.currentWindow.title = "Window 1";
lovely ui
device: iphone / ipad / android / app icons / app store / badges / buttons / calendars / capture / coach mark / comments / compose / count / detail / empty states / feed / graphs / home / icons / launch screen / list / login / maps / media player / navigation / notifications / popovers / profile / search / settings / share / stats / walk throughs / trends: circles / gradients / ghost buttons / rai
WEBデザイナー向け☆iPhoneアプリのUIデザイン
どーもキンモクセイぷんぷん香る自由が丘からaoizmです。 秋満開！スマートフォンまっさかり！(強引) KAYACでもiphoneアプリ制作のお仕事が増えてきております。 WEBデザイナーがiphoneアプリのデザインをする際に、やっぱり気になるのがWEBとの違い。 画面サイズが小さく持ち歩けるデバイスiphoneは、デスクトップ上のアプリやWEBサイトとは 使用環境もその操作方法も異なるため、WEBとは違ったインターフェイスが求められます。 その違いを認識した上で、違いを活かしたデザインをするためには？ iPhoneアプリのUIデザインまとめてみました。 WEBサイトとiphoneアプリの違い 状況 持ち歩けるがゆえそのシチュエーションもさまざま 「会議で」「合コンで」「移動時」「就寝時」... 状態 そのときユーザーはなにをしている？ 「歩きながら」「話しながら」「運動しながら」...
iPadならではの特徴的なユーザ行動について (ユーザビリティ実践メモ)
iPadのようなタブレット型のタッチＵＩ端末では、PCでは見られなかった特徴的なユーザ行動が見受けられます。今回は、弊社の調査で見られたiPadにおける特徴的なユーザ行動と、デザイン上のポイントについてご紹介します。 【ポイント１】 ユーザはスクロールが苦ではない 弊社のユーザ調査にて、iPadで画面が切り替わる度にスクロールしてみようと画面をドラッグするユーザがよく見受けられました。ユーザは画面をスクロールしたがる傾向があるようです。 確かにiPad上で画面をスクロールすると、指に吸い付くようにスムーズに画面が動くため、直感的で心地よい感じがします。iPad上での快適なインタラクションは、ユーザにとってポジティブなフィードバックを与え、スクロールも苦になりにくいと考えられます。 情報は極力たくさん並べよう 調査で用いたショッピング用のアプリでは、iPadの縦１画面内におさまるだけの商品し
iPhone/iPadでホームボタン誘導·Mobile Bookmark Bubble MOONGIFT
Mobile Bookmark BubbleはJavaScript製/iPhone、iPod Touch、iPad用のオープンソース・ソフトウェア。iOSデバイスではネイティブアプリの他に最適化Webサイトも人気が高い。将来的なことを考えるとネイティブアプリよりも需要が高まるのではないかという予想もある。 画面下部に出ているフローティング iOSではWebサイトのブックマークをお気に入りの他にホームボタンに追加する方法もある。こちらの方がよりWebアプリケーションとして使えるようになる。それを促すためのライブラリがMobile Bookmark Bubbleだ。 Mobile Bookmark BubbleはSafariでWebサイトを表示した時に、ホームボタンに追加するように促すフローティングウィンドウが表示される。ちょうどホームボタン追加ボタンの上に表示されるので、指示された通りにボタ
jQuery Mobile
jQuery Mobile is no longer supported To read more about the status of the jQuery Mobile project, see the announcement blog post. A Touch-Optimized Web Framework jQuery Mobile is a HTML5-based user interface system designed to make responsive web sites and apps that are accessible on all smartphone, tablet and desktop devices. Seriously cross-platform with HTML5 jQuery Mobile framework takes the "w
jQueryを使って簡単実装！かなりカッコいいログインフォーム作成のチュートリアル:phpspot開発日誌
Making A Cool Login System With PHP, MySQL & jQuery ? Tutorialzine jQueryを使って簡単実装！かなりカッコいいログインフォーム作成のチュートリアル。 ページのヘッダーにあるログインボタンを押すと、ニュイーンとログインフォームが降りてくるというカッコいいログインフォームの実装演習になってます。 ログインボタンを押す ヘッダーからそのままログインフォームが降りてきてそこからログイン可能です。 ソースコードのダウンロードも可能です。 関連エントリ ログインフォームのデザイン集１００種 Twitter風のドロップダウンボックスなログインフォーム作成チュートリアル 超クールなログインフォームを作成するチュートリアル
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://jp.techcrunch.com/2013/06/11/20130610apple-publishes-ios-7-transition-guide-to-help-developers-adopt-flat-design/
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
Loading
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
iPhone 3GとiPod touch、いま買うならどっち？