How to deal with an excess of white-space in a CRM UI?How can I defend and/or encourage white space as an effective design element?White space vs. InformationShould I leave white space inside accordion?Responsive design: Should I go bigger than 1024px?Should forms be aligned left or center, if less than full page width?How to deal with extra spaceMaximising content vs. white spaceStart Screen Issue *To much White Space*How to deal with a surplus of space in a filter dropdown?Is it a bad practice to display both editable and non-editable fields together in a CRM-style interface?
Changing the PK column of a data extension without completely recreating it
Was the Lonely Mountain, where Smaug lived, a volcano?
How to properly use a function under a class?
What is the theme of analysis?
What does BREAD stand for while drafting?
Must I use my personal social media account for work?
Can an open source licence be revoked if it violates employer's IP?
Am I allowed to determine tenets of my contract as a warlock?
How can religions without a hell discourage evil-doing?
Parsing text written the millitext font
Do they make "karaoke" versions of concertos for solo practice?
Harley Davidson clattering noise from engine, backfire and failure to start
Is it a good security practice to force employees hide their employer to avoid being targeted?
Why would a home insurer offer a discount based on credit score?
Why did Robert pick unworthy men for the White Cloaks?
Is it true that "only photographers care about noise"?
Jam with honey & without pectin has a saucy consistency always
What publication claimed that Michael Jackson died in a nuclear holocaust?
Why is the concept of the Null hypothesis associated with the student's t distribution?
Why are ambiguous grammars bad?
Print "N NE E SE S SW W NW"
Can a 40amp breaker be used safely and without issue with a 40amp device on 6AWG wire?
Is Jesus the last Prophet?
How to deal with an excess of white-space in a CRM UI?
How to deal with an excess of white-space in a CRM UI?
How can I defend and/or encourage white space as an effective design element?White space vs. InformationShould I leave white space inside accordion?Responsive design: Should I go bigger than 1024px?Should forms be aligned left or center, if less than full page width?How to deal with extra spaceMaximising content vs. white spaceStart Screen Issue *To much White Space*How to deal with a surplus of space in a filter dropdown?Is it a bad practice to display both editable and non-editable fields together in a CRM-style interface?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I'm designing a CRM-style interface for nurses to help them manage their workflow, and I'm running into a UI issue where, in most use cases, there's kind of an awkward excess of white-space in the "Task Details" card (see image). 
To mitigate this, I considered making the font size bigger, but the rest of the interface is also 14px, so I didn't want it to clash visually.
(Also, this screen is designed for a 1440pt wide screen, which is what most of the nurses that we interviewed use).
I'm happy that the space is large enough to accommodate super long inputs, but it just seems a bit much.
Any thoughts on how to mitigate this? Thanks a lot!
forms responsive-design white-space crm
asked 9 hours ago
ConorConor
714
add a comment |
I'm designing a CRM-style interface for nurses to help them manage their workflow, and I'm running into a UI issue where, in most use cases, there's kind of an awkward excess of white-space in the "Task Details" card (see image).
To mitigate this, I considered making the font size bigger, but the rest of the interface is also 14px, so I didn't want it to clash visually.
(Also, this screen is designed for a 1440pt wide screen, which is what most of the nurses that we interviewed use).
I'm happy that the space is large enough to accommodate super long inputs, but it just seems a bit much.
Any thoughts on how to mitigate this? Thanks a lot!
forms responsive-design white-space crm
asked 9 hours ago
ConorConor
714
add a comment |
I'm designing a CRM-style interface for nurses to help them manage their workflow, and I'm running into a UI issue where, in most use cases, there's kind of an awkward excess of white-space in the "Task Details" card (see image).
To mitigate this, I considered making the font size bigger, but the rest of the interface is also 14px, so I didn't want it to clash visually.
(Also, this screen is designed for a 1440pt wide screen, which is what most of the nurses that we interviewed use).
I'm happy that the space is large enough to accommodate super long inputs, but it just seems a bit much.
Any thoughts on how to mitigate this? Thanks a lot!
forms responsive-design white-space crm
asked 9 hours ago
ConorConor
714
I'm designing a CRM-style interface for nurses to help them manage their workflow, and I'm running into a UI issue where, in most use cases, there's kind of an awkward excess of white-space in the "Task Details" card (see image).
To mitigate this, I considered making the font size bigger, but the rest of the interface is also 14px, so I didn't want it to clash visually.
(Also, this screen is designed for a 1440pt wide screen, which is what most of the nurses that we interviewed use).
I'm happy that the space is large enough to accommodate super long inputs, but it just seems a bit much.
Any thoughts on how to mitigate this? Thanks a lot!
forms responsive-design white-space crm
forms responsive-design white-space crm
asked 9 hours ago
ConorConor
714
asked 9 hours ago
ConorConor
714
asked 9 hours ago
ConorConor
714
asked 9 hours ago
ConorConor
714
asked 9 hours ago
ConorConor
714
714
add a comment |
add a comment |
3 Answers
3
active
oldest
votes
I don't see an issue with the white space. Card-type interfaces are prone to having white space.
Maybe you can condense the details into the global components, like the header, and dedicate the body area for the notes only.
answered 8 hours ago
Nicolas HungNicolas Hung
2,157714
add a comment |
How about changing the Cards layout!
Top card does not have a free-text area, so all info could easily fit in the horizontal space. This way you can utilize the available space for Task Notes card.
download bmml source – Wireframes created with Balsamiq Mockups
answered 5 hours ago
Mo'athMo'ath
1,299315
add a comment |
Visualize hierarchy
You have an opportunity here to maintain flexibility while emphasizing the known priority of data elements and adding some scan-ability and visual interest.
The nice thing about card layouts (compared to tables) is that you can use the space to lead your users through the expected flow. Your whitespace is a blessing!
I might even add some elements that conditionally display based on whether or not they are used, such as a task description or possibly an event history for this customer.
Other opportunities
While we're on the topic, I think this whole area could use the space to better clarify information hierarchy …
answered 4 hours ago
plainclothesplainclothes
19.9k43777
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "102"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
noCode: true, onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fux.stackexchange.com%2fquestions%2f126213%2fhow-to-deal-with-an-excess-of-white-space-in-a-crm-ui%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
I don't see an issue with the white space. Card-type interfaces are prone to having white space.
Maybe you can condense the details into the global components, like the header, and dedicate the body area for the notes only.
answered 8 hours ago
Nicolas HungNicolas Hung
2,157714
add a comment |
I don't see an issue with the white space. Card-type interfaces are prone to having white space.
Maybe you can condense the details into the global components, like the header, and dedicate the body area for the notes only.
answered 8 hours ago
Nicolas HungNicolas Hung
2,157714
add a comment |
I don't see an issue with the white space. Card-type interfaces are prone to having white space.
Maybe you can condense the details into the global components, like the header, and dedicate the body area for the notes only.
answered 8 hours ago
Nicolas HungNicolas Hung
2,157714
I don't see an issue with the white space. Card-type interfaces are prone to having white space.
Maybe you can condense the details into the global components, like the header, and dedicate the body area for the notes only.
answered 8 hours ago
Nicolas HungNicolas Hung
2,157714
edited 7 hours ago
answered 8 hours ago
Nicolas HungNicolas Hung
2,157714
answered 8 hours ago
Nicolas HungNicolas Hung
2,157714
answered 8 hours ago
Nicolas HungNicolas Hung
2,157714
2,157714
add a comment |
add a comment |
How about changing the Cards layout!
Top card does not have a free-text area, so all info could easily fit in the horizontal space. This way you can utilize the available space for Task Notes card.
download bmml source – Wireframes created with Balsamiq Mockups
answered 5 hours ago
Mo'athMo'ath
1,299315
add a comment |
How about changing the Cards layout!
Top card does not have a free-text area, so all info could easily fit in the horizontal space. This way you can utilize the available space for Task Notes card.
download bmml source – Wireframes created with Balsamiq Mockups
answered 5 hours ago
Mo'athMo'ath
1,299315
add a comment |
How about changing the Cards layout!
Top card does not have a free-text area, so all info could easily fit in the horizontal space. This way you can utilize the available space for Task Notes card.
download bmml source – Wireframes created with Balsamiq Mockups
answered 5 hours ago
Mo'athMo'ath
1,299315
How about changing the Cards layout!
Top card does not have a free-text area, so all info could easily fit in the horizontal space. This way you can utilize the available space for Task Notes card.
download bmml source – Wireframes created with Balsamiq Mockups
answered 5 hours ago
Mo'athMo'ath
1,299315
answered 5 hours ago
Mo'athMo'ath
1,299315
answered 5 hours ago
Mo'athMo'ath
1,299315
answered 5 hours ago
Mo'athMo'ath
1,299315
1,299315
add a comment |
add a comment |
Visualize hierarchy
You have an opportunity here to maintain flexibility while emphasizing the known priority of data elements and adding some scan-ability and visual interest.
The nice thing about card layouts (compared to tables) is that you can use the space to lead your users through the expected flow. Your whitespace is a blessing!
I might even add some elements that conditionally display based on whether or not they are used, such as a task description or possibly an event history for this customer.
Other opportunities
While we're on the topic, I think this whole area could use the space to better clarify information hierarchy …
answered 4 hours ago
plainclothesplainclothes
19.9k43777
add a comment |
Visualize hierarchy
You have an opportunity here to maintain flexibility while emphasizing the known priority of data elements and adding some scan-ability and visual interest.
The nice thing about card layouts (compared to tables) is that you can use the space to lead your users through the expected flow. Your whitespace is a blessing!
I might even add some elements that conditionally display based on whether or not they are used, such as a task description or possibly an event history for this customer.
Other opportunities
While we're on the topic, I think this whole area could use the space to better clarify information hierarchy …
answered 4 hours ago
plainclothesplainclothes
19.9k43777
add a comment |
Visualize hierarchy
You have an opportunity here to maintain flexibility while emphasizing the known priority of data elements and adding some scan-ability and visual interest.
The nice thing about card layouts (compared to tables) is that you can use the space to lead your users through the expected flow. Your whitespace is a blessing!
I might even add some elements that conditionally display based on whether or not they are used, such as a task description or possibly an event history for this customer.
Other opportunities
While we're on the topic, I think this whole area could use the space to better clarify information hierarchy …
answered 4 hours ago
plainclothesplainclothes
19.9k43777
Visualize hierarchy
You have an opportunity here to maintain flexibility while emphasizing the known priority of data elements and adding some scan-ability and visual interest.
The nice thing about card layouts (compared to tables) is that you can use the space to lead your users through the expected flow. Your whitespace is a blessing!
I might even add some elements that conditionally display based on whether or not they are used, such as a task description or possibly an event history for this customer.
Other opportunities
While we're on the topic, I think this whole area could use the space to better clarify information hierarchy …
answered 4 hours ago
plainclothesplainclothes
19.9k43777
answered 4 hours ago
plainclothesplainclothes
19.9k43777
answered 4 hours ago
plainclothesplainclothes
19.9k43777
answered 4 hours ago
plainclothesplainclothes
19.9k43777
19.9k43777
add a comment |
add a comment |
Thanks for contributing an answer to User Experience Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fux.stackexchange.com%2fquestions%2f126213%2fhow-to-deal-with-an-excess-of-white-space-in-a-crm-ui%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
