Re: Call out boxes??

Perfect timing at work- NNGroup just posted on tool tips

https://www.nngroup.com/articles/tooltip-guidelines

Steve

On 25/01/2019 10:00, Steve Lee wrote:
> Lisa I think there might be an implication in your comment that a pop up 
> UI is included in your concept of callouts? Is that the case?
> 
> I don't think that is the usual publishing use and should probably be 
> treated as a separate concept?
> 
> Microsoft used to call them 'Tool tops' which is a pretty limited name 
> and context specific. But then popups are negatively associated with ads 
> and 3rd party clutter.
> 
> Steve
> 
> On 25/01/2019 09:52, Steve Lee wrote:
>> 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 Tuesday, 29 January 2019 11:38:37 UTC