[B! Webデザイン] shiohigari9のブックマーク

ソシオメディア | UIデザインパターン

ソシオメディアが独自に提供するUIデザインパターン集。これを使えばUI設計を効率化できます。

shiohigari9 2020/03/25

リンク

フォームのmaxlength属性 | Web標準Blog | ミツエーリンクス

input要素には、maxlengthという属性が定義されています。先日社内でこの属性について質問をうけたので、すこし調べてみることにしました。最大文字数を指定する属性 HTML4仕様書では、maxlength属性は次のように定義されています。 maxlength = number [CN] When the type attribute has the value "text" or "password", this attribute specifies the maximum number of characters the user may enter. This number may exceed the specified size, in which case the user agent should offer a scrolling mechanism. The de

shiohigari9 2020/03/25

リンク

ソリッドとアウトライン、認識しやすいアイコンはどちら？

UX Movementの創立者、ライターです。ユーザーに優しいUXデザインのスキルを読者の方が上達できるよう、UX Movementのブログを始めました。モバイルアプリをデザインするとき、ソリッド（塗りつぶし）かアウトライン、どちらのアイコンを使用するか決めなければいけないときがあります。ユーザー体験にはどちらが最適なのでしょうか。単なる好みの問題だと考える人もいますが、研究によると、認識の速さに違いがあることがわかっています。ソリッドアイコンとアウトラインアイコンのどちらを使うべきかがわかれば、モバイルアプリの操作がしやすくなります。ユーザーはアイコンをより早く認識し、正しい選択をすることができるのです。「Filled-in vs. Outline Icons: The Impact of Icon Style on Usability」という調査で、アイコンのスタイルは作業効率