- Posts: 14
- Thank you received: 3
Welcome to the LimeSurvey Community Forum
Ask the community, share ideas, and connect with other LimeSurvey users!
Showcase Beautiful LimeSurvey CX Questions
- workloopteam
- Topic Author
- Offline
- New Member
Less
More
5 years 7 months ago #174377
by workloopteam
Showcase Beautiful LimeSurvey CX Questions was created by workloopteam
Hi Community,
Wanted to start a post where Limesurvey’s (3.x) awesome flexibility is used to demonstrate visually clean and stunning template question designs (with full code/ config.) for everyone to benefit.
Attached is my view of a nice Welcome Page to a survey. Key points:
• Transparent background image = more engaging (Extend the bootstrap “Black Pearl” theme and insert a background image and logo in the simple options)
• Introduction page: (Goto survey settings “Presentation” and turn on “Show welcome screen”. Turn off the “Progress bar” as it’s untidy.)
• Remove the excessive gap between the navbar-header and question container by adding the following to custom.css (.space-col { margin-top: -3em; margin-bottom: 0em;})
• One page per question, so a user never has to align the question or answer on the page (Goto survey “general settings” select “question by question”)
• Central justified and use less than 50% Width of the screen (for a desktop). In custom.css enter the following:
/* controls the width of the question container */
@media (min-width: 992px) {#outerframeContainer { width: 50%;}}
• Replaced “Next” and “Previous” with “<” and “>” as icons are always better than words. (Find and replace in navigator.twig)
If I was technically able, I’d change the colour of the “>” so it turns dark on hover and then flashes when selected (feel free to update code if you know how) prior to moving onto next page.
Wanted to start a post where Limesurvey’s (3.x) awesome flexibility is used to demonstrate visually clean and stunning template question designs (with full code/ config.) for everyone to benefit.
Attached is my view of a nice Welcome Page to a survey. Key points:
• Transparent background image = more engaging (Extend the bootstrap “Black Pearl” theme and insert a background image and logo in the simple options)
• Introduction page: (Goto survey settings “Presentation” and turn on “Show welcome screen”. Turn off the “Progress bar” as it’s untidy.)
• Remove the excessive gap between the navbar-header and question container by adding the following to custom.css (.space-col { margin-top: -3em; margin-bottom: 0em;})
• One page per question, so a user never has to align the question or answer on the page (Goto survey “general settings” select “question by question”)
• Central justified and use less than 50% Width of the screen (for a desktop). In custom.css enter the following:
/* controls the width of the question container */
@media (min-width: 992px) {#outerframeContainer { width: 50%;}}
• Replaced “Next” and “Previous” with “<” and “>” as icons are always better than words. (Find and replace in navigator.twig)
If I was technically able, I’d change the colour of the “>” so it turns dark on hover and then flashes when selected (feel free to update code if you know how) prior to moving onto next page.
Attachments:
The following user(s) said Thank You: f_funke
The topic has been locked.
- workloopteam
- Topic Author
- Offline
- New Member
Less
More
- Posts: 14
- Thank you received: 3
5 years 7 months ago #174378
by workloopteam
Replied by workloopteam on topic Showcase Beautiful LimeSurvey CX Questions
Attachments:
The topic has been locked.
- jelo
- Offline
- Platinum Member
Less
More
- Posts: 5033
- Thank you received: 1257
5 years 7 months ago #174402
by jelo
The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
Replied by jelo on topic Showcase Beautiful LimeSurvey CX Questions
Tpartner has released question themes. Perhaps a bit more focused on technical aspects.
github.com/tpartner?tab=repositories
We see still need for improvement in the theme system (e.g. offering more access to variables).
I sometimes wonder, why certain defaults in LS (e.g excessive gap) are not changing.
My impression is that the excessive gap is not very popular
github.com/tpartner?tab=repositories
We see still need for improvement in the theme system (e.g. offering more access to variables).
I sometimes wonder, why certain defaults in LS (e.g excessive gap) are not changing.
My impression is that the excessive gap is not very popular
The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
The topic has been locked.
- LouisGac
- Visitor
5 years 7 months ago #174404
by LouisGac
Replied by LouisGac on topic Showcase Beautiful LimeSurvey CX Questions
thank you for sharing !
The topic has been locked.
- jelo
- Offline
- Platinum Member
Less
More
- Posts: 5033
- Thank you received: 1257
5 years 7 months ago #174406
by jelo
Can you provide a negative example when it comes to need for alignment?
The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
Replied by jelo on topic Showcase Beautiful LimeSurvey CX Questions
I still recommend to use Group mode. You will often only add one question, but you sometimes have workarounds with hidden questions. So Group mode should be preferred.workloopteam wrote: One page per question, so a user never has to align the question or answer on the page (Goto survey “general settings” select “question by question”)
Can you provide a negative example when it comes to need for alignment?
The meaning of the word "stable" for users
www.limesurvey.org/forum/development/117...ord-stable-for-users
The following user(s) said Thank You: DenisChenu
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13648
- Thank you received: 2491
5 years 7 months ago #174425
by DenisChenu
Even if there are only one question by group. If you just need to add a «please explain» short text : best in same page.
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Replied by DenisChenu on topic Showcase Beautiful LimeSurvey CX Questions
Same, always group mode !jelo wrote: I still recommend to use Group mode.
Even if there are only one question by group. If you just need to add a «please explain» short text : best in same page.
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
- holch
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 11660
- Thank you received: 2742
5 years 7 months ago #174430
by holch
This is also not true. At least if you insist on the "always". User testing shows that icons can be far worse than words. Because icons are not always clear. In this case here I think it is quite straight forward and makes total sense to use icons, but I am not convinced by "always icons".
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Replied by holch on topic Showcase Beautiful LimeSurvey CX Questions
icons are always better than words
This is also not true. At least if you insist on the "always". User testing shows that icons can be far worse than words. Because icons are not always clear. In this case here I think it is quite straight forward and makes total sense to use icons, but I am not convinced by "always icons".
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
The following user(s) said Thank You: DenisChenu
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13648
- Thank you received: 2491
5 years 7 months ago #174445
by DenisChenu
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Replied by DenisChenu on topic Showcase Beautiful LimeSurvey CX Questions
One of the bad behaviour of previous limesurvey admin is : icon only, then hard to know what each button doholch wrote:
icons are always better than words
This is also not true. At least if you insist on the "always". User testing shows that icons can be far worse than words. Because icons are not always clear. In this case here I think it is quite straight forward and makes total sense to use icons, but I am not convinced by "always icons".
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
The topic has been locked.
- holch
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 11660
- Thank you received: 2742
5 years 7 months ago #174448
by holch
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Replied by holch on topic Showcase Beautiful LimeSurvey CX Questions
Exactly. Some icons are very clear and hard to confuse. Like the back and forth arrows. But if you try to force icons for everything, things get often messy, because sometimes there are no clear symbols for specific things. And people don't get what an icon means. Anyway, I think workloopteam actually didn't mean it exactly as he/she said. So let's not continue hacking on that single "allways" in the sentence. In the case he/she mentions I agree, the arrows are probably very easy to understand and quicker for the brain to process than the buttons with text.
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
The topic has been locked.
- DenisChenu
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 13648
- Thank you received: 2491
5 years 7 months ago - 5 years 7 months ago #174449
by DenisChenu
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Replied by DenisChenu on topic Showcase Beautiful LimeSurvey CX Questions
Still need a string for accessibility , and remind to inverse arrow for rtl template too …holch wrote: … the arrows are probably very easy to understand and quicker for the brain to process than the buttons with text.
Assistance on LimeSurvey forum and LimeSurvey core development are on my free time.
I'm not a LimeSurvey GmbH member, professional service on demand , plugin development .
I don't answer to private message.
Last edit: 5 years 7 months ago by DenisChenu.
The topic has been locked.
- holch
- Offline
- LimeSurvey Community Team
Less
More
- Posts: 11660
- Thank you received: 2742
5 years 7 months ago #174451
by holch
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
Replied by holch on topic Showcase Beautiful LimeSurvey CX Questions
Agreed.Still need a string for accessibility ,
Good one. But I guess for many people here it is irrelevant. Me for example. I have never run a survey with rtl languages.and remind to inverse arrow for rtl template too …
I answer at the LimeSurvey forum in my spare time, I'm not a LimeSurvey GmbH employee.
No support via private message.
The topic has been locked.
- workloopteam
- Topic Author
- Offline
- New Member
Less
More
- Posts: 14
- Thank you received: 3
5 years 7 months ago #174488
by workloopteam
Replied by workloopteam on topic Showcase Beautiful LimeSurvey CX Questions
Hi Team.
Just signed up to three of the largest online sites (Valued Opinions, Toluna and IPSOS) where completion rates materially affect $$$.... and can confirm that two of the three continue to use a page by page view - They were also extremely visual and image based in collecting information. The third site wasn't working.
Either way, this is less interesting that seeing examples of cutting edge LS design/ UX led question types i.e. strong use of images, .js interaction and minimal scrolling/ button clicks by users.
"Beautiful" surveys focused on human centred design have been on the rise for many years. I doubt I'm the only person interested in seeing a much larger gallery of LS examples?
Just signed up to three of the largest online sites (Valued Opinions, Toluna and IPSOS) where completion rates materially affect $$$.... and can confirm that two of the three continue to use a page by page view - They were also extremely visual and image based in collecting information. The third site wasn't working.
Either way, this is less interesting that seeing examples of cutting edge LS design/ UX led question types i.e. strong use of images, .js interaction and minimal scrolling/ button clicks by users.
"Beautiful" surveys focused on human centred design have been on the rise for many years. I doubt I'm the only person interested in seeing a much larger gallery of LS examples?
The topic has been locked.