[B! card][ui] terkelのブックマーク

UI Anatomy: Card state styles with accessibility in mind

Hello, codesigners. 🧙🏻‍♀️Today I would like to share my latest UI case study for the state styles on a card component. Providing different styles on different states such as hover, focus and active is critical because it gives the visible feedback to the user’s interaction and improves the overall user experience on the site. Throughout this case study, I am going to focus on the card component.

terkel 2019/11/20

ui
card

リンク

カード型 UI について考える | Accessible & Usable

公開日 : 2014年12月2日カテゴリー : ユーザビリティここ数年でよく目にするようになったユーザーインターフェース (UI) デザインのひとつに、「カード」があります。たとえば、Pinterest、Facebook、Google Now、などで使われているのが有名です。 UI にカードが用いられている例 (Pinterest と Google Now) カードは、情報をコンパクトにパッケージングして取り回しやすいことから、直接操作 (マルチタッチインターフェース) の登場に伴ってよく使われるようになりましたが、ウェアラブルデバイスの普及も相まって、今後ますます多く目にする UI になってゆくでしょう。たとえば Google Glass のデザインパターンは基本的にカードで構成されていますし、Android Wear でも UI パターンの筆頭として定義されています。ウェブサイ

terkel 2018/07/18

ui
card

リンク

Product Design Principles in a Single Card

terkel 2018/05/14

ui
card

リンク

Pitfalls of Card UIs

An optimistic design choice that ends up compounding complexity April 05, 2018 #rwd I’m currently in the process of rolling out yet another Card UI. Since Pinterest, the end-state of every list view with decent imagery is to become a Card UI. But thar be dragons! I’m here to share some of the pitfalls Paravel have encountered building Card UIs over the years. Matching Card Heights Rendering a grid

terkel 2018/04/06

card
ui

リンク

カード：UIコンポーネントとしての定義

「カード」とは、トランプのカードに似た見た目の柔軟なサイズのコンテナに関連情報をまとめるUIデザインパターンのことである。 Cards: UI-Component Definition by Page Laubheimer on November 6, 2016 日本語版2017年3月10日公開さまざまな画面やウィンドウのサイズに対してうまく機能するモジュール形式のUIパターンの作成に対する関心がここ数年、高まっている。こうした新しいUIコンポーネントの1つがカードだ。スナップ写真のような表示にする目的は、ユーザーにクリックやタップをさせ、さらに詳細を見てもらうことにある。定義：カードとは、いくつかの短い関連情報を入れるためのコンテナのことである。トランプのカードのようなサイズと形をしていて、1つの概念的なひとまとまりの情報をリンクし、簡潔な表現で示すことを目的としている。このカード