Appleが推奨するSkeuomorphic Designとそのメリットデメリット | Design Spice
最近Appleのアプリを中心に、質感や特徴など現実世界のモチーフを模倣したデザインをよく見るようになりました。 このようなデザインをSkeuomorphic Designと呼ぶそうです。このSkeuomorphic Designについて書いてみました。 最近Appleのアプリを中心に、質感や特徴など現実世界のモチーフを模倣したデザインをよく見るようになりました。 このようなデザインをSkeuomorphic Design(またはSkeuomorphic UI)と呼ぶそうです。 このSkeuomorphic Designについて書いてみました。 Skeuomorphic Designとは まずskeuomorphという言葉から。 skeuomorph 語源：ギリシャ語のskeuos（容器、実装）morph（フォーム）から。 skeuomorphは、様々な目的のために用いることができます。 デ
ユーザへメッセージを表示するインタフェースカタログ
デザインがなかなかいい。 tciuro/NoticeView シートの背景は画像が用意されていてそれを使っているようだ。@2xファイルが見当たらないのが気になった。 ネタ元はこちら。 iOSで上部にかっこよく通知を出す tciuro / NoticeView が...
Book+のスマートフォーカス機能 - 業務用iOSアプリのfeedtailor社長ブログ
新作PDFビュワーのBook+を紹介するシリーズ。 第5回目の今回は、スマートフォーカスと名付けられた少し変わった(?)機能についてご紹介します。これもまたBook+の基本思想である読み易さへのこだわりが生んだモノで、僕の知る限りこれに類する機能を搭載しているリーダは今まで見た事がありません。 弁理士さんには、これは今の時代だからこその発明だと有難い言葉を頂いたのですが(せっかくなので押さえる所は押さえるべく動いてますが)、特に雑誌を始めとする段組コンテンツの自炊読書で威力を発揮する機能です。また、僕が「リフロー目的のEPUBはいらない。PDFで読み易さを追求する方が良い」という主張に揺るぎ無い自信を持っている根拠でもあります。 スマートフォーカスとは、読みたい領域を指定すれば自動的に読みやすいように拡大表示してくれる機能。以下、Book+のアプリ内に予め内蔵している解説図です。 何が起こ
ここ1年くらいで見られた素晴らしいインターフェイスデザイン 12選
Tweet 『fastcodesign.com』に見ているだけで楽しくなる記事が出ていたのでご紹介。 2010年に出てきたプロダクトのうち、インターフェイスのデザインが素晴らしかったものを12個ほどピックアップしてくれています。 以下、ちょっとづつ解説をば。 1. FLUD まず1番最初に紹介されていたのは、iPhoneアプリ、『FLUD』。素晴らしくデザインされたRSSリーダーアプリです。アイコンもイケてます。 2. Cortex 『Cortex』はChromeで機能するExtension。Facebook, Twitter, Tumblr, or Instapaperにマウスジェスチャーだけで瞬時に投稿できるスグレモノです。 3. IOBR 『IOBR』は幼児のためのソーシャルメディア。（というよりはコミュニケーションツールですが。）幼児は上のように、ボックスに三角や四角のブロックを入
スマホUI考3 ～ ジェスチャ入力について | fladdict
スマホUI考１ 〜 ボタンについて スマホUI考２ 〜 フィードバックについて スマホといえばジェスチャー入力、ジェスチャーといえばスマホ。そんなジェスチャーについて、つれづれと。 でも個人的には、ジェスチャーはほとんど要らないと思う。 ジェスチャ全般 ・ジェスチャは補助操作。メイン操作ではない。 ・ボタンでできる操作をプラスアルファで、ジェスチャでもできるようにする。 ・なぜならジェスチャの有無は視覚的にわからない。 ・ユーザーがジェスチャを理解しなくても操作できるのがよい。 ・またジェスチャー時に、画面のかなりの部分が指で隠れる。 ・極論ジェスチャなしでもアプリがリリースできる状態なのがよい。 ・つまり予算や工数があまったときに入れよう。 タップ ・マウスクリックではなくタップ。 ・ボタンの精度は指のサイズに依存する。 ・細かい座標指定はできない。 ・ロールオーバーがない。 ・触ってみ
Objective-Cを書く人も書かない人も必読『iPhoneアプリ設計の極意』 - ninjinkun's diary
@fladdictさんが監訳されたことで話題の、オライリー本『iPhoneアプリ設計の極意 ―思わずタップしたくなるアプリのデザイン』、早速会社で購入してもらって読みました。読み終わってまず思ったのは、これはiPhone開発に携わるすべての人に必読の本になるだろうということです。エンジニア、デザイナー、企画者と分担が分かれている場合は、全員が読むといいのではないでしょうか。この本はiPhone開発に必要な共通言語を提供してくれます。それも、コードを使わずに。 本書から得られる内容としては大きくふたつあると思います。ひとつはiPhone開発のプロセスを解説書としての側面。もうひとつはiPhoneのUIカタログとしての側面です。 アプリ開発プロセスの解説書 この本に書かれている開発プロセスは、ベストプラクティスと言えるものになっていると思います。ユーザーニーズを探ること、シンプルさを追求するこ
fladdict » スマホのUI考 〜 ボタンについて
SuperPopCamとか作ったときに、体系的な資料欲しいなぁーとか思ってたことのまとめ。 色々と自分の中の考えをまとめるためのメモ。世の中のアプリは機能を半分にして、減った予算分をUIの練り込みにつぎ込んだ方が絶対よいアプリになると思う。 書いてる作業が一番考えまとまるので、ちょぼちょぼあげていこうかと、まずはボタンから。 指の大きさの制約を受ける ・Webとスマホを比較した場合、最大の違い。 ・ピクセル単位でクリック位置を制御できるマウスポインタと違い、指は大雑把にしかタップ位置を指定できない。 ・このためAppleはボタンの最小サイズとして44pxというガイドラインを作っている。 ・視覚的に44px以下のボタンも実際のヒットエリアは大きめにする。 ・またこれに留まらず、ボタンとボタンの間のマージンは空けられるだけ空けた方が安全。 ・つまるところ「カッチリ」つめたボタンレイアウトのグラ
「使いにくいiPadアプリ」問題点を分析 | WIRED VISION
前の記事 「目」のポスターは効果的：調査結果 「使いにくいiPadアプリ」問題点を分析 2011年5月31日 デザイン コメント： トラックバック (0) フィードデザイン Casey Johnston 『Moleskine』ノートアプリの使い方解説。 米Nielsen Norman Group社の調査報告(PDF)によると、iPadアプリの多くにおいて、操作に必要なジェスチャーが難しく、ユーザーに混乱が生じるという問題が発生している。指先の精度の限界への配慮が十分でないアプリもあるという。 調査では、購入2ヵ月以上のiPad利用者たち16人について、利用時に障害になっているポイントの解明を目指した。被験者たちは、さまざまなアプリといくつかのウェブサイトで、いろいろな課題の実行を求められた。例えば、『The Daily』で興味のある記事を探してまた戻る、『NPR for iPad』でSci
［スマホ2011春］「エンジニアとデザイナー共同でやる」----「はてブ」アプリ開発者が語るUI設計
2011年4月26日から28日にかけて、スマートフォン分野のカンファレンス「スマートフォン2011春」が開催されている。最終日の4月28日は、はてなの開発者が講演し、スマートフォン用アプリ開発のポイントを解説した。題材は、ソーシャルブックマーク「はてなブックマーク」用に開発した、公式iPhone／Androidアプリケーションだ（写真1）。 登壇したのは、同アプリの開発を担当した、はてなの浅野慧氏（写真2）。仕様決めからユーザーインタフェース（UI）の設計、実装に至るまでの各プロセスや、iPhoneアプリとAndroidアプリ開発の違いなどを解説した。 浅野氏が協調したのは、UI設計の重要性。「iPhone、Androidそれぞれのプラットフォームで、『iPhoneらしいUI、AndroidらしいUI』を実装することが大切」と語る。また、はてな社内では、今流行しているiPhone／Andr
画面レイアウトを行うときに便利なツール « Elegant Apps Developers
こんにちは。BoltzEngine 担当の伊藤です。 Windows 10 の最新版、April 2018 Update (バージョン1803、ビルド17134.1) が配信されました。このアップデートで、Windows 10 の Microsoft Edge でもウェブプッシュが使えるようになりました。 これまで Chrome や Firefox を別途導入する必要がありましたが、標準の Edge だけでプッシュ通知が実現できるようになったので、今後より利用しやすくなりました。 こんにちは！ 島根支社でウェブエンジニアをしているカナツです。 GW も終わり、現実と向き合う日々に引き戻されたみなさま、いかがお過ごしでしょうか。 次の大型連休は島根観光をオススメします。自然が豊かすぎる島根で非日常的な日々を過ごしたくないですか？ 前置きはさておき、みなさん、チーム開発時のソースコード管理って
What to look for in a UI designer
There’s a thread on Quora about how to define a designer’s ideal range of knowledge. Here are the dimensions we look at: Writing: Can they think and communicate clearly? Writing skills are critical to UI. Interface design: Can they organize elements in 2D space so that the arrangement is meaningful, clear, and instantly understandable? Can they organize elements in time (navigation, flows, steps)
タッチUIの限界に挑戦した、浮川夫妻の会社MetaMoJiのiPadアプリ「7notes」にPC黎明期と同じ興奮を見る
2月3日、MetaMoJiの「7notes」発表会に参加した。この新製品についてはすでにメディアに記事が多数出ているが、筆者の感想を含めてここに記録しておきたい。 （本記事は、ゲストブロガーのITジャーナリスト 星暁雄氏による投稿です） 7notesは、短く言うと「iPad上で手書き文字でノートを取れるアプリ」だ（説明ページ）。指で手書きした文字を、そのままの形で記録し、1文字削除、ブロックごとの入れ替え、文字拡大や太字や色付け──といった操作ができる。 さらに、手書き文字認識機能と組み合わせて、認識してコード化された文字と手書き文字を混ぜた文章を入力、編集できる。キーボードから入力することも可能だ。 タッチUIの限界に挑戦している 筆者の視点で興味深いと感じたのは、次の3点である。 (1) ジャストシステムの創業者が情熱を傾けていること。 MetaMoJiは、元ジャストシステムの浮川和宣
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ustwo | Digital Product Studio
一夜にして世界中を席巻したiPhoneアプリ「Clear」の裏側
usablog.jp
Little Big Details
English (US)
Custom Controls for iOS, iPadOS, macOS, tvOS, and watchOS - Cocoa Controls
Android UI Patterns
DroidDraw