UI UX

DEVANNY GUMULYA, S.Sn., M.Sc

In Indonesia, marriage is seen as a sacred event that demonstrates a commitment to togetherness and religion, where marriage can make individuals feel more fulflled, meaningful, and complete.

Following the infuence of the pandemic, the wedding industry in Indonesia is highly affected where most wedding plans are either canceled or postponed to a later date. Furthermore, wedding planning is timeconsuming and many wedding platforms are packed with offers that are bundled with overwhelming information. The purpose of this design is to create a wedding planning application website under the implementation of hicks law in order to ease the process of wedding planning and help users make faster decisions.

The process of the design begins with general literature research on the topic raising towards wedding planning, trends, customer behavior, and pandemic wedding.

Within the design, the principle of hicks law is implemented to create the effect of seamless and easy wedding planning.

The next process applies primary research methods such as observation, interviews and surveys held among a total of 82 participants that includes wedded couples, engaged couples, and wedding vendors. During this process, customer empathy boards are used to collect information during interviews. It helped discover the outlook of pain, gains, and the needs of the user.

Ideation process began with sticky notes to organize ideas and thoughts in order to better understand the problem, situation, and needs of the user.

The process focuses on how I could help transform wedding planning much easier for couples to arrange with that they will have more confdence and reassurance to plan weddings entering the new normal area.

Inspirations were also gathered from various social medias as well as case studies on how other designers deal with similar issues of wedding planning.

The design concept comes with themes of fexibility and personalized wedding planning.

A wedding planning website that openly creates a situation where the bride and groom are able to plan the wedding independently while also anticipating change and quickly adjusting plans, as well as creating or receiving custom packages in order to manage better expenses.

The fnal design of the wedding planning website features an all-in-one wedding management platform where users are able to keep track of their planning and quickly adjust to changes.

The features within the design include survey and recommendation, a set of planning tools that includes checklist, budget, guest list, and vision board for wedding inspiration, improved vendor search ability, and fexible features such as rescheduling dates, resell orders, and making alternative wedding plans.

The design of this wedding planning website has three main users, such as the engaged user, vendor, and administrator. Engaged users act as primary actors, where they use the site as a tool to make their wedding planning. For vendors, they will use the site as a place to provide wedding services and reseller of purchase orders. Last, for adminators, they monitor movements of both parties and provide service assistance to vendors to make custom orders, ensuring both parties’ interaction remain versatile and seamless.

FLONETTA FELLING KARTAWIDOJO

SHEENA YNGRE LIMAN, S.SN., MMD nettafelling@gmail.com

IMPROVING THE DESIGN OF A DIGITAL LIBRARY TO BECOME MORE INTUITIVE AND USER-FRIENDLY.

CASE STUDY: THE JOHANNES OENTORO LIBRARY (LIBRARY.UPH.EDU)

UI UX

The COVID-19 pandemic has also contributed to the acceleration of the digitization era. Because customers’ ability to do activities spontaneously without prior planning is limited, they seek ease and rely on digital channels to achieve the same amount of fexibility.

Digitalization has an impact not only on areas of the economy, commerce, and industry, but also on educational aspects. This will also bring changes to student learning methods, since students are now expected to be able to actively explore their academic needs on their own using the internet, rather than passively receiving information from the educator. One of them is through an online library.

The online library is expected to be a useful resource, particularly for those pursuing distant learning. Online libraries must contain a variety of reputable and relevant sources of books, journals, and other literatures in order to support the library’s function. However, there is another factor to consider, which is the website’s simplicity of use and accessibility.

In this design process, a usability design approach will be carried out to improve the ease and accessibility of Johannes Oentoro’s digital library. The Johannes Oentoro Library website was chosen as the subject of this design because, according to the fndings of an independent study conducted by the Student Representative Council of Universitas Pelita Harapan Lippo Village (2020), there were issues with the appearance and convenience of using the Johannes Oentoro library website facilities. It is intended that the results of this research will help to develop the interface of Johannes Oentoro’s website and assist the Pelita Harapan University Academic Civitae in meeting their academic needs.

To learn more about the topic of the problem, secondary data from related research journals is needed that will become information and sources of supporting knowledge. Then, quantitative and qualitative research was conducted on the academic community.

There are several problems that were found from quantitative and qualitative research, such as:

1. The menu has too many options, so it’s disrupting the user fow: with so much information to process and confusing navigation, the main page becomes too diffcult to learn.

2. The menu categorization is still unclear and there were several functions that serve the same purpose.

3. Users seldom use a library jargon, thus it’s unfamiliar for them: the vocabulary used in the menu section does not clarify the contents inside.

Several early concepts were created based on the existing challenges during the ideation stage, which would then be tested using a number of different UX evaluation methods, including performance measurement, question-asking protocol, and remotecontextual inquiry.

From the 1st iteration, participants were asked to express their thoughts on the topics that were issued and choose the most convenient design to use. Concept number 5 is chosen to be the most ft for the library website’s convenience requirements.

With a few changes to the chosen prototype, the 2nd iteration was conducted using the same method as the 1st iteration.

The following outcomes are obtained as a result of the 2nd iteration:

In addition to being tested on inexperienced users, the prototype was also evaluated by web design professionals. Here are suggestions and inputs obtained:

1. The hierarchy of functions represented by this library site is still unclear, and it should be reevaluated. Recommendation: Use the page fold strategically to draw attention to the site’s main feature. The positioning of the main function should be highlighted more than secondary functions.

2. Hick’s Law should be studied in order to improve the learnability of this site.

3. The user fow is still confusing, and the layout is still cluttered. There is just too much information to take in on a single page.

4. The navigation menu’s padding is still excessively broad while the click area is still cursor-based.

5. To make the information in one row look less crammed and narrow, increase margin size and the use of white space.

There are numerous strategies that may be taken to improve the usability aspect of a digital library based on the results of problem analysis and prototype tests, including:

1. The material and functionality of the library site can be displayed less at a time to overcome the diffculty of display with unstructured features and navigation. The user’s learning time will be shorter with more structured information and less to learn.

2. The main function of the library site must be identifed ahead of time in order to determine the hierarchy of functions and the best location.

3. Other library functions can be organized into menu categories and placed on the navigation bar to help people locate what they’re looking for.