Cocoda!で『Human Interface Guideline』を実践しながら学べるコンテンツがリリースされました！🚀 Cocoda!デザイナーのグレイテストヒロキです🕺 この度、UIデザインを学習している人・もっとUIデザインのスキルを付けたいデザイナーに向けた、デザインガイドライン(Human Interface Guideline)を元にしたアプリデザインができるようになるコンテンツが追加されました！🎉 同時に、アプリデザインだけでなく「WEBデザインが作れるようになる」コンテンツも追加されているので、そちらと併せてチェックしてみてください！✨ ↓↓早速取組んで見たい方はこちらから👍👍↓↓ https://cocoda-design.com/contents ✍️Human Interface Guideline(=HIG)とは HIGとはApple社が提供するiOS
スイッチを押すとオンになるのか、オフになるのか分からない……そんなもどかしさを描いたイラストがTwitterに投稿され、共感を集めています。ほんとこういうデザインなんとかしてほしい。 分かる 投稿したのはTwitterユーザーのLV41（@lV41_）さん。描かれていたのは灰色の四角形に「OFF」とだけ描かれた平面のイラストでした。これだけでは“押すとオフになる”というアクションを示しているのか“今はOFFだけど、押すとオンになる”という現在のステータスを示しているのかが分からないため、LV41さんは表示方法を統一するよう提言。同時に投稿された漫画には、爆弾の起爆スイッチがこの方式で画面上に表示されたものだったため、解除できず爆発してしまう様子も描かれました。特に画面上でフラットに表示された場合、視覚的な感触が得られにくいために混乱しやすくなっているようです。
My previous short article about gratuitous animation really struck a chord with people. The response has been phenomenal and it’s been awesome reading others’ frustrations with overly animated UIs. To be clear, I’m not anti motion design for UIs. Far from it. I have a problem with animation that serves only to get in the way of the end user. One of the clearest signs of a competent UI designer is
モバイルアプリのUIデザインで難しいのはターゲットとなるデバイスの画面サイズに様々なサイズのものがあるということです。画面の大きさにはいろいろあっても人間の手や指のサイズはほぼ誰でも同じですから、どんな画面サイズであっても確実に押せるようなUIのサイズというのを把握してデザインしないと大変使いにくいものになってしまいます。 例えばiOSの「ヒューマンユーザーインターフェースガイドライン」では「タッチ可能な領域のサイズを約44ｘ44ポイントにしなさい」とし、サンプルとして電卓アプリの画面が紹介されています。 “Give tappable elements in your app a target area of about 44 x 44 points. The iPhone Calculator app is a good example of fingertip-size control
UIデザインの参考に！斬新で美しいUIをもったiPhoneアプリまとめ という記事では、紹介しているアプリのことごとくに、「ボタンが無くてシンプル」「直感的で使いやすい」などと書いてあるが、ClearのUIみたいなのを「誰でも直感的に操作できる」などと評価する理由がさっぱり理解できない。 こういうUIは基本的にどれも玄人向けで、操作がジェスチャの塊になってしまっているものは、それが使いこなせる俺カッケー感が高くて自己顕示欲を満たしやすい。"そのように操作できるUIデザイン"が気持ちいいのではなく、"そのように操作している自分"が気持ちいいの間違いなんじゃないだろうか。 ボタンが一切なくてシンプルだと気持ちがいいUIになるだって？ そんなわけがあるはずない。現実世界はボタンが一切なくてシンプルなUIで溢れているし、そのおかげで毎日いろんな場面でいらいらさせられている。たかが1個のレバーを上げ
2013-03-27 じーさんばーさんとタッチパネル http://mainichi.jp/feature/news/20130326dde012040063000c.html 読んだ。 洗濯物の乾燥が終わるまでヒマなので書いてみる。 常日頃じーさんばーさんの相手する商売やってるわけだが、ＡＴＭの操作なんかでもじーさんばーさんに教えるのはひと苦労である。まったく操作できない人というのがいるわけだが、また考えてもしゃーないのに「なんでこんなに使えないんだろう」というようなことはよく考える。 で、まず思いつくのは「そもそもタッチパネルというものの意味がわからん」ということがあるようだ。つまり「画面に触ると操作される」というのが、どうしても感覚的に納得がいかないらしい。操作体系ってのはなかなかに厄介なもので、たぶんその人が三十代とかそれくらいの年齢で「体系」まるごとが新しく入ってくる段階ってのは
【フリー壁紙】A CANDLE LOSES NOTHING by モンクレールウンアウトレット (12/20) 【フリー壁紙】A CANDLE LOSES NOTHING by ルイヴィトンコピー (01/04) 【フリー壁紙】A CANDLE LOSES NOTHING by コピーブランド (11/11) 【フリー壁紙】A CANDLE LOSES NOTHING by バーバリー 財布 メンズ (08/17) 無料で使える2010年カレンダーのまとめ by 浅見 晴美 (11/29) 今では生活に欠かせなくなってきたナビゲーションシステムは、人をあらゆる場所に導いてくれる、便利なシステムです。今回紹介するのはこのナビシステムを、目が見えない方も使えるように工夫された、触ってわかるナビシステム「blind maps for iPhone - interactive braille in
DXディライトは、見込み客の獲得から顧客化、受注後の業務フローの構築など、Salesfoceを中核にあらゆる部門の業務環境・フローの構築をご提案いたします。Salesforceの認定パートナー。
Create A Pro Website Updated July 16, 2026 9 min read If you\'ve looked into website platforms at all, you\'ll know that there are several you can start a website with and WordPress is at the top of most lists. Today, we\'re going to cover what is WordPress and how it works. As always, we have a video guide for this available on our YouTube Channel and below: At its core, WordPress is open source
![What is WordPress and How Does It Work? | Complete Guide [2020]](https://cdn-ak-scissors.b.st-hatena.com/image/square/7afdbef5e3e1522c3b797771aef46279453d537a/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Fproxy.goincop1.workers.dev%3A443%2Fhttps%2Fcreateaprowebsite.com%2Fwp-content%2Fuploads%2F2018%2F06%2Fwhat-is-wordpress-how-does-wordpress-work.jpg)
とあるアプリの設定画面 トグル式のインターフェイスで難しいのは、ON/OFF を切り替えるスイッチと現在の状態表示を、伝わりやすく両立することだと思っています。 上記のスクリーンショットは、とあるスマートフォンアプリの設定画面です。OFF 状態が「○ + グレー」 ON 状態が「| + イエロー」という表示になっています。 「OFF っぽいグレーと ON っぽい ○」 「ON っぽいイエローと意味が伝わりづらい |」 という組み合わせなので、ぱっと見で現在の状態はどちらなのか。また、押したらどうなるのか、把握しづらく混乱します。 iPhone の設定画面 iPhone の設定画面では、OFF 状態が「オフ + ホワイト」 ON 状態が「オン + ブルー」なので、統一感があり比較的伝わりやすいものになっています。 一般的なテレビリモコン 切り替えスイッチと状態表示を分離すると、トグルは使いや
Clear Clearはボタンのない、ジェスチャーベースのインターフェイスで私たちに衝撃を与えました。ユーザビリティとアクセシビリティに若干問題があるにもかかわらず、その操作性とミニマルなインターフェイスはジャスチャーだけでユーザーに素晴らしい経験を与えます。
Design that works Turn ideas into outcomes you can measure. For over 25 years, ZURB has partnered with ambitious teams to turn bold ideas into measurable progress. We use design to uncover clarity, drive growth, and solve the problems that hold teams back. → Get a free web audit The primary objective of this project is to redesign and enhance the University of Oregon's homepage to better serve key
UI is the saddle, the stirrups, and the reins. UX is the feeling you get being able to ride the horse, and rope your cattle. At least that’s what they used to say in the olden days. Rather, that is what I wished they’d say. Despite how simple that may have sounded, there are many […] UI is the saddle, the stirrups, and the reins. UX is the feeling you get being able to ride the horse, and rope you
第1回スマホデザイン会議 #sdkaigi AQUA SOCIAL DRIVE - http://aquadrive.jp/ Newers - http://www.newers.net/ Pelo - http://www.pelo.jp/ Cotto - http://cotto.jp/ Pelo's Puzzle - http://www.bascule.co.jp/pelopuzzle/ Bascule Inc. - http://www.bascule.co.jp/ Bascule GO! - http://www.facebook.com/BasculeGo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
