Re: Call out boxes??

My impression is they are distinct concepts.
+1 to Cards being mentioned in their own right. Could be separate method 
or mentioned in those where appropriate?

1) Cards are a popular approach to overall UI design - ie everything 
looks like card when you have a card UI :) Here's another good article

https://www.smashingmagazine.com/2016/10/designing-card-based-user-interfaces/

One issue is the user is often presented with an infinity scrolling grid 
of cards which could well be see as an overwhelming, unorganised sea of 
stuff.

2 Callout boxes are a kind UI "highlight" to make something visually 
stand out to the user.

* A call to action or show case something like a discount rate.
* To bring attention to a part of the content, when they may be a 
special shape - like a speech bubble.
* To highlight part of a the main text - often than called 'pull quotes'

This make me think - should we include graphical examples of these and 
other things in the Design Guide?  To make things unambiguous?

Steve


On 25/01/2019 09:04, lisa.seeman wrote:
> I think a card is a callout box, but a call out box is not as limited. 
> It could be an example, keywords, etc.
> 
> All the best
> 
> Lisa Seeman
> 
> LinkedIn <http://il.linkedin.com/in/lisaseeman/>, Twitter 
> <https://twitter.com/SeemanLisa>
> 
> 
> 
> ---- On Thu, 24 Jan 2019 12:47:20 +0200 *James A. <A.James@soton.ac.uk>* 
> wrote ----
> 
>     Hi everyone
> 
> 
>     I hope to start looking at the design method “Use white space and
>     call out boxes”. I am trying to find out exactly what we mean by
>     call out boxes. Are we referring to highlighted boxes as W3C uses on
>     our GitHub boxes or are we referring to Card UI components
>     <https://www.nngroup.com/articles/cards -component/> which are now
>     ubiquitous (or both)?
> 
> 
>     I am raising the Card UI topic as they come up a lot in my
>     day-to-day testing role where they can be implemented well or badly
>     for COGA and other accessibility/AT groups. So I was hoping our
>     design guide would include them.
> 
> 
>     Many thanks
> 
> 
>     Abi
> 
> 
> 
>

Received on Friday, 25 January 2019 09:52:18 UTC