Cocoda!で『Human Interface Guideline』を実践しながら学べるコンテンツがリリースされました！🚀 Cocoda!デザイナーのグレイテストヒロキです🕺 この度、UIデザインを学習している人・もっとUIデザインのスキルを付けたいデザイナーに向けた、デザインガイドライン(Human Interface Guideline)を元にしたアプリデザインができるようになるコンテンツが追加されました！🎉 同時に、アプリデザインだけでなく「WEBデザインが作れるようになる」コンテンツも追加されているので、そちらと併せてチェックしてみてください！✨ ↓↓早速取組んで見たい方はこちらから👍👍↓↓ https://cocoda-design.com/contents ✍️Human Interface Guideline(=HIG)とは HIGとはApple社が提供するiOS
iPhone Xのレビューを見ていると、やれノッチが邪魔だの、写真がきれいだの、ボタンがなくなって画面が大きくなっただのの主にハードウエアとしてのレビューが多い。 個人的には、これまで使っていたiPhone7 plusでも写真は十分満足していたし、animojiは残念ながら、人とのコミュニケーションには使ってないSMSだけの機能だったし、液晶の色は黄色くて別にきれいという印象はあまりない。Apple PAYが顔認証になるとローソンでsuicaを使う時に辛いんじゃないかと思って戦々恐々としてる。 （日吉の慶應義塾大学の協生館のローソンのsuicaの位置が高くて顔認証できるイメージがない） なのでiPhone Xの購入はしていたのだが、さほどワクワクすることなく、高いお金を使ったなぁと憂鬱なまま商品の到着を迎えた。 ところが実際に触ってみて、その印象は完全に変わった。 控えめに言って買ってよか
iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ
スイッチを押すとオンになるのか、オフになるのか分からない……そんなもどかしさを描いたイラストがTwitterに投稿され、共感を集めています。ほんとこういうデザインなんとかしてほしい。 投稿したのはTwitterユーザーのLV41（@lV41_）さん。描かれていたのは灰色の四角形に「OFF」とだけ描かれた平面のイラストでした。これだけでは“押すとオフになる”というアクションを示しているのか“今はOFFだけど、押すとオンになる”という現在のステータスを示しているのかが分からないため、LV41さんは表示方法を統一するよう提言。同時に投稿された漫画には、爆弾の起爆スイッチがこの方式で画面上に表示されたものだったため、解除できず爆発してしまう様子も描かれました。特に画面上でフラットに表示された場合、視覚的な感触が得られにくいために混乱しやすくなっているようです。 さあ、どっち？ 極限状態でこの形式の
U-NEXTは、2007年にサービスを開始した動画配信サービスのパイオニア。「ひとりひとりに、最高の時間を配信する。」 をミッションに、いま次のステージに進むべく、新たなメンバーを積極採用しています。会社についての情報はコーポレートサイトもぜひご覧ください。
■連載／石野純也のガチレビュー もはやケータイキャリアの新製品は、ほとんどがスマホだが、一方でその普及率はまだ50%を超えたばかり。裏を返せば、2人に1人は、旧来のケータイ（フィーチャーフォン）を使っているということだ。ただ、グローバルな視点で見ると、フィーチャーフォン、特に日本に特有の機能を持った端末は絶滅の危機に瀕している。生産のための部品も少なくなり、最新機能へのキャッチアップも行われていない。 こうした状況を受け、キャリアが音頭を取って開発したのが、いわゆる「ガラホ」と呼ばれる端末だ。OSにはスマホでおなじみのAndroidを採用しており、チップセットやモデムなどもスマホのものを流用している。一方で、ユーザーインターフェイス（UI）は、折りたたみ形状に合わせて改修した。スマホの機能、性能をある程度引き継ぎながら、従来型ケータイの使い勝手を引き継いでいるというわけだ。その結果、LIN
この記事は、2016年4月13日の記事を再編集したものです。 これからWebデザイナーとして働く方に確実に知っておいてほしい知識の1つに「マテリアルデザイン」があります。 2014年6月にGoogleが発表したマテリアルデザインは、現在Googleのほとんどのサービスに適用されており、採用する企業も徐々に増えています。 参考： Google の新しいデザインガイドライン「Material Design」｜クラスメソッドブログ AndroidやYouTubeなど身近なサービスに適用されているため、殆どの方が目にしたことがあるかと思いますが、マテリアルデザインの定義について、明確に理解できている方はどのくらいいるのでしょうか。 「わかりやすさ」を追求した結果生み出されたマテリアルデザインは、デザイン設計において非常に参考になる要素が多数含まれています。 マテリアルデザインを採用するしないに関わ
この記事は CAMPHOR- Advent Calendar 2015の15日目の記事です。 こんにちは、みかさです。（ @mikasaka3 ） この記事では、グラフィックソフトのSketch 3について取り上げます。僕は今までPhotoshopを使っていたんですが、つい最近Sketchを使い始めて、「最高かよ」という気持ちになりました。 そこで今回は、Photoshopと比較してSketchの素敵だと思った点（まだまだ使い始めたばかりで不十分だと思います）を挙げていきたいと思います。ついでにSketchを便利に使うためのtipsを最後にちょっとだけ付け加えています。 Sketchとは 簡単にいうとUI、Web制作に特化したMac専用アプリです。（※Windows版はありません）現在のバージョンはSketch 3.4です。 Photoshopより安い まず、Sketchを使うにはSket
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
Saying farewell to Pixate. When we launched Pixate, our mission was to change the way mobile apps were prototyped. We joined Google just over a year ago to continue our mission, and to pursue a broader vision of changing the way products were designed and built. While a lot of the ideas we’ve been developing could work inside the Pixate framework, we believe we can have a larger impact if we move
UI Crunchは、UIデザインを追求していくコミュニティです。デザイナーだけではなく、エンジニアからディレクターまで、UI開発に関わるすべての人を 対象とした勉強会やワークショップを渋谷周辺にて定期的に開催する予定です。第１回はUIに関するスピーチ＆パネルディスカッションを行います。 DeNA＆Goodpatchの現役クリエイターがUIデザインについてお話します！ このたびDeNAとGoodpatchのクリエイターが中心となって「UI Crunch」というコミュニティを立ち上げました。UI Crunchは、UIデザインを追求していくコミュニティです。デザイナーだけではなく、エンジニアからディレクターまで、UI開発に関わるすべての人を 対象とした勉強会やワークショップを渋谷周辺にて定期的に開催する予定です。 http://ui-crunch.com/ なぜ今、UIデザインが注目されている
WD101: PC脳な制作者にありがちな8つのアプローチ デスクトップパソコン時代と同じような感覚で設計されているスマートフォン向けサイトは少なくありません。PC脳から抜け出して、今必要とされるデザインの感覚を養わなければ、ますます利用者のニーズから遠ざかってしまいます。 WD101: 画面ではなく部品から始めてみよう 利用者環境を断定してページレイアウトを作れなくなった今日の Web デザイン。ページという枠を作ることから始めるのではなく、コンテンツをまとめる最小単位「コンポーネント」の設計から始めます。 WD101: Webデザインであるもの、そうでないもの これから「Webデザインしたい！」と考えている人たちが、何をもって良い Web デザインなのかが見え難くなる場合があるので、ひとつの方向性を示した項目を幾つか挙げてみました。 WD101: Webのデザインは枠のない世界である 適
WebサイトやWebアプリ制作の現場においては、マルチデバイス対応が当たり前となりつつあります。そういった状況に今後どうアプローチしていくべきなのか？その新たな指針となる書籍が相次いで出版されました。 『これからのWebサイト設計の新しい教科書 CSSフレームワークでつくるマルチデバイス対応サイトの考え方と実装』 『CSS3&jQueryで作る スマートフォンサイトUI図鑑』 『コーディングWebアクセシビリティ - WAI-ARIAで実現するマルチデバイス環境のWebアプリケーション 』 この3冊のテーマは「モダンなアプローチを紹介する」という点で共通しています。そこで、この3冊の書籍出版を記念し、著者自らが登壇するセミナーイベントを開催します。新しいアプローチが求められる背景や、具体的な手法などを著者から直接聞けるチャンスです。当日は会場にて書籍の販売も行います。 日時：2015年5
UIデザイン スマートウォッチで加速する瞬間の体験デザイン Web デザインでも、アプリのデザインでも、見えるデザインだけでは不十分になります。瞬間に関わるためのデザインは、スマートなデバイスが人の手元に常にある今だからこそ注目していきたいです。 先日からソニーの SmartWatch 3 を使い始めました。以前から Fitbit のような運動に最適なウェアラブルは使っていましたが、スマートウォッチと呼べるものは初めての使用になります。店頭で触ったり、動画を見るだけでは理解できないことが分かって勉強になります。 今回はスマートウォッチの利用を通して感じた、デザインの課題を 2 点紹介します。 Web != Webブラウザ スマートウォッチのような小さなスクリーンで Web を見るのは非常に困難です。一応、Androidアプリがありますし、Samsung Gear S には Opera mi
世に出ている「デザイン原則」と呼ばれるものたちをまとめてみました。 ユーザビリティ関連からモバイルUX、サービスデザインにいたるまで、広い範囲のデザイン原則を網羅したつもりです。ただし、チェックリスト的にまとめたため、内容の詳細は記述していません。 出典や内容を紹介している外部リンクを張っておきましたので、詳細を確認したい方はそちらをご参照いただければと思います。 なお、この記事は有用なデザイン原則を見つけ次第、随時更新していきます。 更新履歴 2018/10/01： 「アクセシビリティの4原則」「Material Designの原則」「Android TV デザイン原則」「インクルーシブデザインの原則」を追加 2016/12/28： 「Microsoft デザイン原則」を「Windows UX デザイン原則」にアップデート 「Apple Watch デザイン原則」を追加 2015/10/
先日、エウレカさんとグッドパッチのデザイナーで第一回合同勉強会を開催しました。今回のテーマはワイヤーフレームです。この勉強会は、ワークショップを通してナレッジの共有をし合い、個々のデザイナースキルを上げる目的があります。エウレカさんのレポートはこちらです。合わせてご覧ください！ １.ワイヤーフレームを作る意味とは ワイヤーフレームを作る意味についてお話をしてくれたのは、エウレカ原さんです。案件を進めるときにまずすること、ワイヤーフレームはなぜ必要か、ワイヤーフレーム制作で意識するポイントについて解説していただきました。 ワイヤーフレームを書く前に 案件を進めるとき、まずすべきことはプロダクトの目的とゴールの再確認です。 最終的に作っているものの方向性を見失わないようにするために、 何が目的でそれを実装するのか？ なんで必要なのか？ それを作ることによって何を解決するのか? を考える必要があ
2015年02月01日00:54 by ingremongre 【Ingress】グリフの答え合わせ、短くできないのか?? カテゴリIngress ingremongre Comment(0) 299:名無しさん＠お腹いっぱい。(栃木県)2015/01/31(土) 15:18:27.69 ID:KWWWyltE.net グリフの答え合わせ、短くできないのか?? 無駄に時間がかかる 300:名無しさん＠お腹いっぱい。2015/01/31(土) 15:26:15.31 ID:LoPjvYlo.net >>299 DONEてすぐ押しちゃえばいいんでは？ あんまり急ぐとBYPASS押しちゃってグリフ自体無かったことになっちゃうけど 301:名無しさん＠お腹いっぱい。2015/01/31(土) 15:31:34.10 ID:swXW6SaD.net ポータルのオーナーが同色で変わる条件てなんですか？
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
