Blogs

Stay up to date with the latest developments within Socie.

New module for groups

June 28, 2021

As of version 4.0.0 of the apps, it is possible to use a module for groups. This module offers a number of new functionalities related to groups. It will be possible to communicate with other members within a group and you can manage your own groups from within the app.


Interaction between group members

Until recently, groups were mainly used by the administrator of a community. By placing members in a group you could, for example, give them access to a certain module. Groups were also used to let other members know who was on the board, for example.

Starting with version 4.0.0, it will also be possible for group members to share messages, photos, videos and documents with each other. These are the same possibilities that we already offer through the "Share your moment" module. We heard from our users that sharing messages with the entire community was still a step. It could also happen that information was shared that was not of interest to the entire community. By having the option to share this only within the group it is intended for, people are more likely to do so. For example, sharing a football team's game schedule or the photos from an outing with the committee.

The shared messages of a group can be read within a group, but also in the new module. The first screen of the module consists of a timeline containing all messages of the groups you are a member of (see image below). This screen also allows members to go directly to their last used groups, discover groups and create a group. You can read more about creating groups in the next section.

In the future, we want to make it possible for members to do much more with groups. Examples include creating events and asking a question via a poll.

Een tijdlijn voor alle groepen en per groep
A timeline for all groups and by group


Creating and managing groups

In the new groups module it is also possible to create new groups from within the app. The community administrator can set who is allowed to do this. When creating a group, the user is asked to set a group name, accessibility and group color. A group's access can be public or private. With public groups, all members of the community can join freely. With private groups, this is only possible after an invitation or an approved request. With private groups it is also possible to set the visibility. This can be set to visible and hidden. The process of creating a group is shown in the GIF.

After a member creates a group, he also becomes an admin of that group. The administrator of a community can also assign an admin to existing groups.
The group admin can do the following:

  • invite and remove members
  • promote group members to admin and remove them as admin
  • accept and delete membership requests
  • change the name and description of the group
  • choose a different group color
  • change the group image
  • adjust the access and visibility


The administrator of the community can also change the group settings at any time. He can also read all messages within the group and delete them if necessary.


Groep aanmaken
Create a group


Beheer de groepsinstellingen en nodig leden uit
Manage group settings and invite members






Redesigned and improved navigation in the app

March 30, 2021

Starting with version 3.12.0 of the apps, the navigation will be changed. Like so many other apps already do, we will also start using a so-called bottom navigation bar. In this blog post you can read about the consequences of this change.


The bottom navigation bar

A bottom navigation bar is a fixed bar with a number of items at the bottom of the screen. Tapping an item in the bar allows you to switch pages. Popular apps like Instagram, YouTube and Netflix also use this way of navigating. The bottom navigation bar ensures that the most important parts of the app are always easily accessible. In Socie apps older than version 3.12.0, a user had to open the menu on the left side each time to switch modules. In the new way of navigating, that is only necessary if you want to open a module that is not in the navigation bar. The administrator of the community can set which modules are shown in the navigation bar. To do this, in the App Management, go to Settings -> Menu -> Bottom Navigation Bar. By default, the first 3 modules and the notifications page are shown in the navigation bar.




The new menu

The rightmost item on the bottom navigation bar is the menu. This menu uses the same icon as the old menu that was at the top left of the screen. The menu is largely the same, but there is one important change. The use of the secondary color of the community has changed. Previously, this color was used as the background color of the menu. Since the app mainly uses pages with a white background, we chose to do the same in the menu. The secondary color of the community, if dark enough, is now used for the icons of the elements that are in the menu. The administrator of a community can change the secondary color in the App Management via Settings -> Styling -> Colors.


We would like to advise every community administrator to check in the App Management how the lower navigation bar and the new menu will look like. The settings of the navigation bar can be found in the App Management via Settings -> Menu -> Bottom Navigation Bar.

The settings related to the colors can also be found in the App Management via Settings -> Styling -> Colors. There you can also see what it will look like in the app.




How the new app icon affects your community

March 15, 2021

In version 3.11.1 of the apps, we introduced a new way of switching communities. You will see this option if you have multiple memberships with the current community or are a member of multiple communities. In this new screen, the logo of a community is displayed differently than before. Also, the logo is now called "app icon" in the App Management. In this blog post, we explain why we did this and the implications of this change.







Why an app icon?

Socie is growing. This means that more and more people are members of multiple communities within Socie. Also, the possibility to use a community as a guest has made people look for other communities more and more. So it is important for each community to make their own logo visible in the app in the clearest and most unique way possible. Unfortunately, before app version 3.11.1 this was very difficult. The logo was displayed differently in different places. For example, the logo was shown without a background color on the start screen and was displayed on a white background on the page where one could search for communities. Sometimes a community would use a white logo without a background color because it looked good on the start screen. When the same community was shown on the search screen, the logo was not visible because of the white background color. This is obviously not a desirable situation.

While designing the screen that allows the user to switch memberships, we thought about how we could make the display of a community different from, say, the display of a group. We ended up with the "app icon" where the name of the community is underneath it. This view is derived from how apps are displayed on the main page of a smartphone. There is a clear difference between the display of a community and that of other elements. In order to include the branding of the community, we chose to use the primary color as the background of the app icon. This way, communities without a logo also stand out better.


What consequences does the change have?

The app icon will be displayed the same way everywhere. It is a square with rounded corners that have a 25% radius. The background color is the primary color of the community and the uploaded logo is displayed within the edges of the app icon.

We would like to advise every administrator of a community to check in the App Management what the app icon looks like. You can do this by going to Styling via Settings.


A community using a logo without a background color will now always see the primary color behind the logo. If the logo is not clearly visible because it clashes with the background color of the app icon, we recommend uploading a logo with background color.

A community that uses a rectangular logo with a white background will also always see the primary community color behind the logo. This can create an undesirable situation. We therefore recommend using a square logo.

On the home screen of the community, the app icon is also displayed. This can create an undesirable situation due to the changes mentioned above. For example, a community used a white transparent logo because it fitted well with the chosen startup image. In this situation we recommend hiding the app icon on the startup screen and adding the logo itself to the startup image. You can do this for example by using programs like Paint (Windows) or Preview (Mac). You can hide the app icon when starting the app by going to Settings -> Styling in the App Management. Here you can click Hidden at "Show the app icon when starting the app?".




New design for apps on the Socie platform

March 8, 2021

As you may have noticed, we have made many changes within our apps over the past few months. These changes mainly had to do with the appearance. In this article we would like to explain why we did this, what has changed and what we still plan to do in the near future.


Why a new design?

Within Socie, the main focus in recent years has been adding new functionalities. We have done this in order to offer our users the most complete package possible. What these functionalities looked like in the app was less important. As a result, the app became an accumulation of different styles that were used interchangeably. A button with the same functionality could look different on one page than on another. This did not improve the user experience. In order to implement a consistent style, we decided to completely revamp the design a few months ago.


What's in the new design?

Our UI/UX designer has been working hard over the past few months to give Socie a new look. Important changes in the design were the text color and size and the different styles of buttons. For example, the primary action on a page is now immediately recognizable by a large blue button. Furthermore, during the implementation of this design we also directly took into account people with visual impairments. This includes the active support of dynamic text and VoiceOver / TalkBack. Unfortunately we also had to make concessions. For example, it is no longer possible to change the background color of the Overview module. This was done to make this module easier on the eyes and more user friendly. All in all, the design of the app has mainly become more consistent.




What else to expect?

We have now redesigned the most commonly used modules. So this means that there are still some modules that look different. These modules will also be updated in due course. In the coming weeks we are going to focus on the use of a so-called bottom navigation bar. This means that the top left menu will be removed and the first four modules will be accessible via a bar at the bottom of the screen. The remaining modules will be accessible via a new menu at the bottom right of the screen.