知ってるといいかもしれないライブラリ20選 - Qiita
みんな知ってる ①Realm 最近バージョンが1.0になったらしい。 ②Firebase MBaaS、気づいたらGoogleの仲間になってた。Parseが無くなるし代用できる。 ③SDWebImage 画像キャッシュライブラリーの王道 UI、デザイン ④ParseUI ログイン画面とかのUI ⑤FlatUIKit フラットなUIの塊。アラートとかいろいろある。 ⑥JSQMessagesViewController いろいろ応用が利くメッセージのビューを簡単に作れる。Firebaseと組み合わせると結構いい。 ⑦KRProgressHUD 今までのローディングも良かったけどこれはカラーとか詳細に決められて綺麗。 ⑧DualSlideMenu 一般的なスライドメニュー。個人的には実装がめんどくさいと思っちゃう。 ⑨SlideMenu3D https://www.youtube.com/watc
バッドUIを改善する方法 ― UIの「5つの状態」を考える | POSTD
(訳注：2020/08/22、画像と動画が正しく表示されていなかったためリンクを修正しました。) こんにちは。このブログは12月にO’Reillyから出版予定の私の著書『 Designing Products People Love 』からの抜粋です。ぜひ本も読んでみてください。また、FacebookやTwitter、 Slackなどで活躍されている20人以上のプロダクトデザイナーにインタビューもしています。* 無味乾燥なUIを経験したことはありますか？ 何か が足りないと感じてしまうようなUIを作ってしまったことはありませんか？ もしそうであれば、使い勝手の悪いUIを経験したのだと思います。 使い勝手の悪いUIには進捗インジケータがありません。ユーザにどこで障害が起きたのか知らせてくれません。怖いエラーメッセージでも表示してくれれば、なお良いのですが。わずかなデータのみの奇妙なグラフです
UI/UXでいいじゃん | F's Garage
作業してる息抜きにブログ UI/UX言うな論は、あたかもUIがUX全体を規定してしまうが故に起きる意識の齟齬にあると思っている。 あたかもwikipediaをwikiと言ってしまったり、JavaScriptをJavaと言ってしまいエンジニアの不安を掻き立てる人たちへの不安に近いものだろうか。 まぁそもそもUXという言葉が非常にわかりにくい。わかりにくいと言えば、その昔は「システム」という日本語が日本にはなかったと、芝浦工業大学で初めてのカタカナ学部である「システム工学部」と言う名前を日本に持ち込んだ時の話を聞いたことが有る。 僕に認知だと芝浦工大のシステム工学部は言うほど古い学部ではなかったが、なんとその時代の手前まで「システム」という言葉がなかったというのは驚きだ。そりゃソフトウエアで日本が勝てないわけだ。物質主義とでも言うのだろうか。僕が製造業にいたとき、ソフトウエアはオマケみたいなも
UIの進化を止めるうんこユーザーに我々はどう立ち向かうべきか
「基本的に運営側がすることが正しいんですよ Webの世界ってそういう論理で動いてるんですよ」理論 実はここで言われている@masarakkiさんの意見はすごくわかる。「最高にクール」なUIがクソユーザー（便宜上、UIの良さがわからないユーザーを本エントリではそう呼ぶ）によって阻止されるのは中の人としては決して喜ばしいことではない。 ユーザーは「最高にクールなUI」がわかるか？ まずこの問いから始めたい。一般ユーザーは「最高にクール」なUIがわかるか？ 答えはNOだ。彼らは「使いやすい」UIはわかっても「クール」なUIはわからない。そして「使いやすい」というのは結局各人の主観に依るものなので、この「使いやすい」UIというのは参考にはできても信用はできないものである。 この話を読んで真っ先に思い出した１つの話がある。 フラットデザインや新機種が評判どうか、というのはAppleにとっては意味が無
レスポンシブ対応のフラットなUIフレームワーク·Furatto MOONGIFT
FurattoはHTML5/JavaScript/CSS3製のオープンソース・ソフトウェア（Apache License 2.0）です。 最近流行のフラットデザインでサイトを作ってみたいと思いつつ、そのデザインフレームワークを使いこなすのが大変…と感じている方はFurattoを試してみましょう。BootstrapをベースにしたフラットUIデザインが実現できます。 ボタンデザイン。四角い、立体感のないデザインです。 カラーバリエーションも良くあるフラット系になっています。 ボタンにアイコンを載せることもできます。 画像。丸く表示もできます。 囲みをつけることもできます。囲みの色も変更可能です。 テーブル表示。こちらは通常のテーブルです。 ちょっと詰まった感じのテーブル。 行ごとの色変更も可能です。 レスポンシブなテーブルもありますが、幅をスマートフォンサイズまで縮めるとうまく表示できませんで
アプリやゲームの文言ガイドライン - ぼくはまちちゃん！
こんにちはこんにちは！！ アプリ作ってますか！ アプリやゲームの中で使う文言って、意外と大事なんですよね。 ちょっと間違えてるだけで、すごく安っぽく見えてしまうし、 言い回しひとつで、使い勝手がずいぶん変わったり…。 そんなわけで、ガイドラインって程のものではないですが、 文言を書く際に、ちょっと気をつけたいことなどを書いてみたので、 もしよかったら参考にしてみてくださいね。 ・漢字をひらく 漢字をひらがなにします。 迷ったら新聞紙などのルールを参考にすると良いかもしれません。 意外と漢字を「ひらいて」います。 極端な例だと、五月蠅い(うるさい) などです。 漢字変換できるからといって、それが正義ではありません。 簡単な漢字でも、 「下さい」→「ください」 「出来る」→「できる」 「全て」→「すべて」 「等」→「など」 などは、ひらくことを検討すると良いと思います。 (参考) 表記規則：企
なぜAmazonのメガドロップダウンメニューはスムーズに操作できるのかという秘密
日本のAmazonでも採用されているメガドロップダウンメニューについて、なぜAmazonのメニューはユーザーが使いやすくできているのかという秘密が明らかになりました。ユーザビリティを改善することが至上命題のネットショッピング系サイトにとっては非常に有益な知識となっています。 Breaking down Amazon’s mega dropdown - Ben Kamens http://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown まずこれがAmazonの左上にあるカテゴリーを一覧化したメガドロップダウンメニュー。日本のAmazonにも同様のメニューが採用されており、マウスカーソルを上に持っていくと実にスムーズに動きます。 通常のメニューの場合、以下のようにして少し遅れてサブメニューが開くようになっています。 な
『スマホブログ『Simplog』のUIデザイン』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。こんにちは。 Ameba事業本部 デザイナーのサトウ（@sugaar）です。 今回は、9月3日にリリースしたスマホブログ、「Simplog」iOS版のUIデザインについてご紹介させていただきます。SimplogとはSimplogは、Twitterのように気軽に投稿し、ブログよりもシンプルに美しく記録するAmeba発のスマホブログです。 おかげさまで会員数10万人を突破(11月7日現在)し、 ユーザーの皆様に満足いただけるよう、日々改善を重ねています。 シンプルで簡単な投稿Simplogは「シンプル × ブログ」というコンセプトのもと、「
デオシークの口コミや効果を検証！ワキガの私が使い込んでみました！ | 愛と小町
デオシークの特徴 加齢臭も撃退 強烈な足のニオイも撃退 ワキ、足など全身のニオイをシャットアウト デオシークは厚生労働省が認可した医薬部外品で、殺菌効果や消臭効果がきちんと認められた有効成分が配合されている商品です。 市販されているデオドラントクリームと比べると、医薬部外品は入っている成分が違いますので、消臭効果が高いです。 デオシークは、デオドラントクリーム単品でも消臭効果が期待できますが、ボディソープとのセットを使用することでさらなる消臭効果が期待できます。 ワキガや加齢臭などのような頑固な臭いによる悩みは深いですが、デオシークによって悩みから解放される人が増えています。 博士有効成分は消臭効果や殺菌効果が認められている成分なんだ 頑固な臭いはデオシークで一発なんだ もう怖くないんだ 価格 3,380円（定期コース） 6,980円（単品購入） 有効成分 パラフェノールスルホン酸亜鉛、イ
無料で使えるUIデザインの基本要素が詰まった32の素材集 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
先日、UIデザインが素晴らしい35のウェブスタートアップという記事が人気となりました。今回はあんな今風のウェブUIを気軽に簡単にデザインしてみたい！という方のためにフォトショップ用のUIエレメントのファイル集を32厳選してご紹介。どれもフォトショップ形式、かつベーシックなまさに今風にデザインされた要素ばかりなので、便利に使えそうです。 — SEO Japan Butterscotch UI Kit Lion OSX UI Kit PSD Calendar PSD Search Drop-down PSD Volume Slider Mini Web UI Set Cloudy UI kit Dark UI Kit Modern UI Kit UI Bundle Detailed UI Kit iTunes Inspired UI Kit (PSD) iPad Application Moc
UXとUIが混同されるワケ
最近 UX と UI を混同して表記されているのを見かけるようになりました。私もウケやすいということで、混同させたことがあります。しかし実際のところ UX と UI は同義語ではありません。良い UI デザインをすれば、UX が向上する可能性はありますが、必ずしもそうではありません。逆もしかりです。最近も UX と UIの違いを分かりやすく表現しようと、シリアルとボールの写真を使った例が登場しましたが、「そうでもない」という意見も多数ありました。 それでは、なぜ混同されやすいのかというと、今のスマートフォン向けのデザインを見るとヒントが隠されています。例えば Twitter クライアントの中で人気のある Tweetbot を見てみましょう。このアプリの中で装飾と呼べるデザインはどれだけあるでしょうか。ほぼ皆無だと思います。 スマートフォンという小さなスクリーンには、UI しか存在しません。
相変わらずアップルさんが、かな打ちユーザに厳しい件につきまして ～俺が望んでいる日本語キーボードはこれじゃない～ | 製品/プロダクト | 毎日がアップデート | あすなろBLOG
TOP > 毎日がアップデート > 製品/プロダクト > 相変わらずアップルさんが、かな打ちユーザに厳しい件につきまして ～俺が望んでいる日本語キーボードはこれじゃない～ 皆さんこんばんわ、カナ打ちユーザの横田です。以前に「iPadは「かな打ち」が使えない」という記事を掲載したところ、「かな打ちユーザ」の皆様から暖かいメッセージをいただきました。ありがとうございました。 そんな「カナ打ちユーザ」の皆様に朗報があります。なんと先日リリースされた「iOS4.2」では、なんと「かなキーボード」がサポートされるようです。 ちゃんとiOS4.2の紹介ページでも 「iOS 4.2は50以上の言語と地方語に対応しています。iPad用として、30以上の新しい多国語キーボードと辞書も用意されています。」 と書かれています。やったね、俺たち大勝利！ というわけで、早速iOS4.2をインストールして「かな
初心者と中級者の違い - シニア現場の隅っこ。was使いやすさを考えてみる。(アクティブシニア・シルバー層の現場から)
ずいぶん前、パソコン教室の受付にいらした（比較的若い）女性が私に言った。 「パソコン、うまくなるためにはどうすればいいの？毎日使っているし、そこそこ使えると思う。だけど、目的のものを早く探せないし、もっと使えるようになるためにはどうすればいいの？」 返答にとても困ってしまった。 日々、仕事でパソコンを使っていて、家で時折ネットを見ていて、そういう人が「もっとうまくなる」ためにはどうすればいいんだろう？ 答えが出ないままずっと気になっていた。 先日、弊社の講師に「一度、初心を抜け出れられない人と早い人の視線を比較できないか。その違いが解れば、皆に検索の方法のアドバイスができるかもしれない」と相談されたので、実行に移すことにした。（面白そうだから） ということで、本日は3人の「日々インターネットはしているし、御買物もしている、調べ物もしているが、検索が早くない3人組」という所謂「普通」の人（以
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2016年7月に読んだWeb・デザイン関連の本
ページネーションのベストプラクティス | POSTD
訳書『デザイニング・インターフェース』について
ウェブ制作者のためにメンテナンスと拡張に重点をおいたフロントエンド用の軽量フレームワーク -UIkit
TechCrunch | Startup and Technology News
GoodUI
Symbol
