モードレスデザイン｜ai
はじめて iMacG3 を使った時、私はとても前向きな気持ちになった。説明書を読まなくても何をどうすればいいの分かったし、自分の思い描いた通りに動かすことができた。 道具は使う人の能力を拡張させると言うけれど、私はあの丸いマウスと一緒に、文章を書いたり、絵を描いたり、本当に何でも出来る気がしたのだ。 それは Mac だけではなかった。iPhone も、iPadも、Apple 製品はいつも私を高揚させた。なぜ私はこんなにも惹かれるのか。不思議に思いながらも、私は Apple 製品を追いかけてきた。 どうして？ ... 実はその秘密は既に明らかになっている。 それは、モードレスだからだ。 直感的だとか、シンプルだとか、一貫性があるとか、そういったものは表出された一部にすぎない。 この秘密は、 今から 9 年も前にインターネットに公開されたテキストにあっさり書かれている。ソシオメディアの上野学
マネーの扉／マネックス証券
当社の口座開設・維持費は無料です。口座開設にあたっては、「契約締結前交付書面」等で内容をご確認ください。当社でお取引いただく際は、所定の手数料や諸経費等をご負担いただく場合があります。お取引いただく各商品等には価格の変動等による損失が生じるおそれがあります。なお、商品ごとに手数料等およびリスクなどは異なりますので、詳しくは当該商品等について掲載されたページ、契約締結前交付書面、投資信託説明書（交付目論見書）、目論見書補完書面等、お客様向け資料をご覧ください。 リスク・手数料などの重要事項
TOP｜ 住友商事株式会社 新卒キャリア採用サイト
2024.02.01 [ 新卒 ] 2025年度入社新卒採用の詳細（募集要項・WILL選考募集組織情報）について情報掲載しました。詳細はこちらよりご確認ください。 2024.01.11 [ 新卒 ] 《重要》 2025年度入社新卒採用選考について 情報掲載しました。詳細はこちらよりご確認ください。 2023.09.01 [ キャリア ] リスクマネジメント採用サイトをオープンしました。詳細はこちらよりご覧ください。 2023.07.03 [ 新卒・キャリア ] 新卒採用及びキャリア採用のリクルートサイトを統合しました。 2023.06.02 [ 新卒 ] 2024年4月入社の方より基本給を増額することを決定しました。詳細はこちらよりご確認ください。 2023.03.16 [ キャリア ] ビズリーチ特集ページにて当社インタビュー記事が掲載されました。 2023.03.08 [ 新卒 ] 読
綺麗な動きになった！Web制作前に見ておきたいjQueryプラグインまとめ
作成：2014/12/8 Web制作 > 比較的最近のjQueryプラグインやプロフェッショナルな方々が作成されたスクリプトの中から、サイト制作時に取り入れてみたいエフェクトを厳選してご紹介。今風の見え方を実現できそうなものをチョイスしました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビュー １．スライドを立体的に切り替え ２．クリックで滑らかにページ遷移させる ３．背景にスライド、フルスクリーンで固定させる ４．横に移動するフルスクリーンスライド ５．キューブ系のスライドを表示 ６．下方向へドラッグするとページを再読み込みする ７．要素を上下にフワフワ動かす ８．外部要素をクリックで表示 ９．タイピングエフェクト 動作 １０．サーチボックスを画面全体にオーバーレイさせる １１．デイトピッカー １２．ドラッグ＆ドロップ 画像をアップロードする
サクサク感をデザインする
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog ヤフオク!アプリ開発部の中島(@52shinNaka)です。今日はデザイナーの立場からサービスの体感速度をテーマに記事を書いていきます。 サクサク感の正体 サクサク動くサービスと聞いて、どんなサービスを思いつくでしょうか？サクサク動くを分解すると下の２要素に分かれると思います。 表示速度は、純粋にコンテンツが表示されるまでの時間、体感速度は、実際にプロダクトを触って感じられた時間の長さです。触っていて「サクサク動く！」と感じられるサービスは、上の２つの要素が満たされていることが多いです。 表示速度はサービス利益に直結する デザイナーが日々の作業の中で表示速度を意識するタイミングは少ないかもしれません。しかしグロースステージにある多
どちらが正解？複数ステップのフォームVS単一ページのフォーム | UI改善ブログ by f-tra
複数ページのフォームは、一つ一つの入力ページをスッキリと見せることができますが、その半面遷移の手間が増えたり、全体を俯瞰しにくいという欠点があります。 対して単一ページのフォームは、遷移の手間こそないものの、ページ内の項目数が多くなることで直帰の増加や項目の記入漏れなどを引き起こす可能性があります。 このように、とくに入力項目数が多いフォームについては、フォーム入力を複数ページに分けるべきか、もしくはひとつの画面のなかにすべての項目を収めてしまうかのいずれかでしばしば議論や検証が実施されます。 今回はそんなフォームの画面数による検証結果をいくつか集め、ご紹介していきます。 目次 複数ページ⇒単一ページへの検証 複数ページ⇒単一ページへの検証 その2 ステップを増やした検証 アコーディオン型フォームによる検証 番外編：検証の観点 複数ページ⇒単一ページへの検証 まずご紹介するのは、Elast
目指すのはぶっちぎりの速さ! なぜ HTML5 版CacooはSVGを採用するのか | 株式会社ヌーラボ(Nulab inc.)
こんにちは！ Cacoo チームの中原です。現在CacooチームはFlashで作られている図の編集画面(以下エディタと表現します)を* HTML5 で置き換える開発を進めています。このブログでは、 HTML5 版 Cacoo で図形の描画に使用される、SVGを選択した理由と経緯について説明したいと思います。 （*置き換える理由については「Good-Bye Flash ~ CacooはHTML5で生まれ変わります」をご覧ください） どの技術を使って図形を描く?重視したのは「パフォーマンス」 図形の描画にどんな技術を使うか。いくつか候補を上げました。 2D Canvas 3D Canvas (WebGL) SVG (これ以外に、Unityという意見もありましたが今回はWeb標準技術を使うことを前提にしました。) さて、どれを使おう。私たちがどの技術を選択するのか、基準を決める必要があります。そ
グリグリ動くUIをVueとSVGでサクッと書く - No Regrets in Bathing
これは Vue.js #3 Advent Calendar 2017 – Qiita 4日目の記事です。 こんにちは。SVGで色々なコンポーネントを作っているものです。最近の作品は下記のような感じです。 Webでグリグリ動くUIを作りたい！！という一心でやっています。 これらはほとんどSVGとVueの組み合わせのみで作っています。依存が少ないというのは大事で、ライブラリ間の相性でハマったり、いろんなドキュメント間を往復することがなくなります。 Webでグリグリ動くUIを作るのは基本的にめんどくさいです。jQuery pluginを駆使して作るのも闇が多いですし、divやcanvasをゴリゴリするのも結構手間がかかります。 ですが、最近はSVGで高度なUI実装されることが増えてきた気がします。特に自分が衝撃を受けたのは、CacooがFlashからSVGにスイッチしたことです。 nulab-i
モバイルアプリ制作に使いたい、ナビゲーションメニュースタイル5個まとめ
[fancy_box]海外デザインブログDesignModoで公開された「Primer on Types of Navigation in Mobile Apps」の著者Nataly Birchより許可をもらい日本語抄訳しています。Thank you, @designmodo![/fancy_box] モバイル・アプリケーションのインターフェースを作成するときに、イメージサイズやディスプレイ幅などさまざまな制限を受けますが、ナビゲーションメニューにはたくさんのパターンや種類があります。 特にトレンドとなっているスタイルはスライド式サイドメニューがありますが、この他にもユーザーのアプリの操作感を向上させるナビゲーションメニュースタイルを今回はまとめてご紹介します。 詳細は以下から。 リスト型ナビゲーションメニュー まず基本的なリスト型ナビゲーションメニューから見ていきましょう。リンクがひとつ
モバイルナビゲーションを考察する – ハンバーガーメニューに代わるもの | POSTD
「Webサイトやアプリのナビゲーションに ハンバーガーメニュー を使うべきかどうか」というテーマに関して、UI/UXデザイナーの間で交わされる、すばらしい議論や記事を目にする機会があります。 もし、ハンバーガーメニューの始まりや歴史が気になる場合は こちらの記事 をご覧いただくといいでしょう。 しかし、今回はハンバーガーメニューについて語る気はありません。この記事ではハンバーガーメニューの代わりとなり得る他のナビゲーションを模索し、その説明をしたいと考えています。 なぜこの記事でハンバーガーメニューを扱わないのでしょうか？ それは、ハンバーガーメニューは簡単で便利なソリューションであると同時に、以下に列記するような数多くの欠点を併せ持っていると、私が個人的に確信しているからです。 * 効率性の低下（インタラクションが遅くなる） * 視認性の低下（メニューが隠れる） * 不要アイテムの増加
UIデザインにおけるナビゲーションのデザインパターンまとめ | ベイジの社長ブログ
前回エントリーでは「UIデザイナーが理解しておくべき11種類のナビゲーションと特徴」として、ナビゲーションの種類を、機能的な側面から分類し、ご紹介しました。 続編となる今回は、ナビゲーションをデザイン的な側面からとらえ、形状、ふるまい（動き）、階層というの3種類の表現軸に分けて、ナビゲーションでよく使われているデザインというものを整理してみました。 形状のデザイン UIにおけるナビゲーション要素が、主にどのような形状でデザインされているか、というパターンをここではご紹介しています。 メニューバー メニューをボタン化し、バー状にまとめたデザインです。PCサイトのグローバルナビゲーションやローカルナビゲーションなどによく採用されます。 一覧性に優れ、一目でナビゲーション要素と分かるため、ユーザビリティに優れます。一方、ある程度の表示スペースを必要とするため、スマートフォンではあまり用いられない
【アディダス公式通販】クライマヒート｜adidas オンラインショップ
クライマヒートをお探しなら、【adidas公式通販】でどうぞ。話題の最新アイテムから人気の定番アイテムまで、幅広いラインナップ。メンズ・レディース共に豊富なサイズ展開で便利にお買い物。30日以内なら返品も可能(一部商品を除く)。【税込13,200円以上購入または、会員登録で送料無料】
ディテールはプロダクトの成功を左右する
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 製品の成功にはさまざまな要素が関連していますが、製品全体のユーザー体験はほかの要素よりも重要です。新しいアプリやサイトを設計するときには、ベストプラクティスを実践することが堅実な方法です。しかし、全体像を描く際、あれば良いが必須ではないデザイン要素はいい加減にしてしまいがちです。ところが、良い経験と悪い経験の違いはこれらの細かいディテールをどれだけ考えてデザインすることに関係してくるのです。 この記事では、視覚的なフィードバックやマイクロコピー、ホワイトスペースに焦点を当てて、これらの小さい、あるいは大きいディテールがなぜデザインのよりわかりやすい要素と同じくらい重要で、製品の成功を左右するかを説明します。 視覚的なフィードバック 視覚的なフィードバックは、大き
モバイルアプリにおける５つのアニメーションの活用法
10年前、ユーザーインターフェイスでアニメーションやモーションを使うことは、ユーザーのことを考慮するのではなく、むしろユーザビリティの低下につながりました。なぜなら、ピカピカする派手なWebサイトや立ち上がるポップアップ、点滅するボタンなどが多用されていたからです。 しかし、アニメーションやモーションに対する認識は、ここ数年で大きく変化しました。 iPhoneやモバイルアプリの導入以来、多くのデザイナーは動的アニメーションの将来性を見越して経験を積んできました。そして、アニメーションはインターフェースデザインの重要な部分になりつつあります。なぜなら、アニメーションはデザイナーに「時間」という新たな次元を提供したからです。 現代のインターフェースは、静的な画面の連続ではありません。アニメーションによって製品に時間という次元が生まれたため、機械と人間のギャップを埋めることが可能になったのです。
2017年のプレイボールを振り返る。
2017年の時点ではスマートフォンが全盛だった。クラウド化された人工知能（デジタルエージェントは当時スマートフォンのキー機能の一つだった）やIoT（あらゆるデバイスがインターネットに繋がる。つまりクラウド化される！）の流行、そして空を飛び交うドローンや自動運転によるEV、そしてロボット…。 スマートフォンのタッチインターフェイスが当時の操作系の主流だった。俯瞰的には、そういったテクノロジー達が、この世界を席巻していた。人とマシーンが、情報を通じて自由自在に語り合える世界だ。だが、その世界観の中心にあったのは、かつて世界中を支配していたグラフィカルなユーザーインターフェイスのままだった。 つまりスクリーンをポインティングし、アイコンやメニューを選択する方法が（マッキントッシュ誕生が1984年だから、33年も続いたことになる）相変わらず主流を占めていた。 もちろん、iPhoneのマルチタッチは
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Morphing Search Input
UX/UIデザイン - OHAKO | 企画～実装をご支援
The Blog | Welcome to Adobe Blog
UX / UI 学びまとめ
TechCrunch | Startup and Technology News
