タグ

uiとwebに関するwogawaraのブックマーク (4)

  • 意味不明なことばかり言ってるUXデザイナー達の代わりに「UXデザインとは何か」を端的に説明しよう

    釣りタイトルですみません。 でもね、世に言う「UXマン」っているじゃないですか。 いかにも自分は上流工程だと言わんばかりに様々なフレームワークや聞こえはいい理論を振りかざしているにも関わらず、自分では手を動かしてモノをつくらないし、いざつくってもらったらアチャーなアウトプットだす人たち。 そもそも「UXデザイン」には色んな解釈があったところに、“つくってなんぼ”のWeb業界にそういう人たちが少なからずいる(し、えてしてなぜかデカイ顔をしている)もんだから、もはやUXデザイナーという職そのものが胡散臭いと思われていることが多いんですよね。 前職の話になりますが、当初「UX推進部」という部署に属していたので、勤務外にもUX系の勉強会にはたくさん参加してみたけれど、ほとんどくっそ当たり前のことしか言ってない講演とか、Sketchはいいぞ〜って永遠に言ってるだけの集まりとか、当に参加する価値がな

    意味不明なことばかり言ってるUXデザイナー達の代わりに「UXデザインとは何か」を端的に説明しよう
  • ユーザ・インターフェースのためのイージングカーブをつくる | POSTD

    フラットデザインの導入以来、アニメーションの質が、今までにないほど、優れたインターフェース作成のために必要不可欠なものとなっています。モーションデザインを通して、製品の総体的なブランドエクスペリエンスを左右するようになり、製品を、市場の他のものと差別化する要素となりました。アニメーションは複雑なインタラクションを簡素化し、優れたデザインを記憶に残るユーザエクスペリエンスにしました。では、質の高いアニメーションはどのように作られるのでしょうか? イージングカーブは多くの要となるコンポーネントの1つで、適切なアニメーションをとり、素晴らしいものに作り上げます。 問題なのは、イージングカーブがどのように機能するかについての理解が、少々難しいということです。 前回の記事 After Effects to CSS で触れたタイミング関数への興味の派生としてこの記事を書きましたが、この記事を読むことで

    ユーザ・インターフェースのためのイージングカーブをつくる | POSTD
  • 優れたユーザインタフェースを設計する際に考慮する8つのポイント

    ユーザーにとって有益なユーザインタフェースを設計する際に考慮する8つのポイントをUsability Postから紹介します。 8 Characteristics Of Successful User Interfaces 以下、その意訳です。 ユーザインターフェイスの設計時に、考慮する8つのポイントを紹介します。 Clear Concise Familiar Responsive Consistent Attractive Efficient Forgiving To conclude… 1. Clear 明快 明快であるというのは、最も重量な要素です。 ユーザインターフェイスデザインの目的は、ユーザーに意味と機能を伝え、利用するアプリケーションと相互につきあえるようにすることです。そのアプリケーションがどのように機能するのか、どこに進むべきか理解することができない時は、ユーザーは困惑しが

  • input要素のtype="file"を装飾する方法 | SONICMOOV LAB

    こんにちは、Sonicmoov勤続5年弱のだってぃです。 いや~時がながれるのって当に早いですね。 すっかりお局・・・いや、お局の男バージョンの言葉ってないんですかね? まぁいい。別にお局でもいいや。 人生絶賛迷子中です。 気が付けば前回の記事「select要素を装飾するいくつかの方法」を書いてから1年半たっていますね。 ・・・あれ?弊社のこのLab、人数的に考えて、半年に1度くらいは回ってくるはず ・・・ うん、まぁよしとしよう。もみ消そう!HAHAHA! はい、今日は前回に引き続きフォーム関連要素の装飾のお話。 あの不可侵領域、input要素のtype=”file”の装飾方法をチェケラします。 デザイン変更できちゃうんですよ、実は。 ん?タイトル横の画像と内容が関係ないって? はい、だって、ほら、input type=”file”っぽい画像って何?って感じですし。 でもアイキャッチ的

    input要素のtype="file"を装飾する方法 | SONICMOOV LAB
  • 1