top of page
work_th.png

HONGIK UNIVERSITY

Redesign Hongik University's Application Design consisting of existing inconvenient UI

UX/UI  |  Android, IOS  |  JUN 2013 - NOV 2013

Works created in the design process, consisting of existing uncomfortable UI
of Hongik University's application was redesigned to fit the UX process.

Timeline : September 2014 - November 2014
Platform : Android, IOS
My Role :
Analyze user story, layout, color scheme, typography and interactions 
Tools : Photoshop, Illustrator

Summary

Persona Needs
- Enables users to write their desired functions right away.
- The notice can be checked immediately.
- Make design easy for users to use.


Persona Behavior
- Check where the classroom is before entering the class.
- When the class is over, make sure that the professor uploaded the assignment.
- Check school notices once a week.
- Enter the campus information and check the school bus time.


Persona Purpose of Use
Checking out where the classroom is.
- Checking the commuter bus information
- Checking task
- Checking notice

Persona Attitude
- When I use Hongik University application, I can see the notice right away.
- I hope I can use the features I want right away.


Persona Purpose of Use
Checking out where the classroom is.
- Checking the commuter bus information
- Checking task
- Checking notice


persona discomfort
- I want to see where the class room is right before I go into class, but I have to keep going in so it takes a long time.
- In addition, the buttons are divided into Mondays and Tuesdays, so it's uncomfortable to press them because they can't be seen on one screen.
- All the buttons are small, so it's hard to press.
- If you press the button in the groove, it's confusing because there's another button next to it on the lower end.

홍대-어플-ui-복사본.png

Problems with Hongik University Application UI

1) Main screen
- A design that confuses the sub-menus with the main menu to which is the main menu
- The user's timetable schedule is not working properly.
- The function of the Hong-talk button is rarely used and there are no related explanations.
- In the main menu, the submenu is at the same level as the submenu at home, but it looks completely different.


2) Sub-screen structure
If you press the sub-menu in the main menu, the user is confused because it has different designs.

Construction

스크린샷 2020-02-26 오전 1.14.30.png

Goal

It unifies the unstable UI design uniformly,

and increases the convenience so that users can use the desired functions immediately and intuitively check the announcements.

홍대.png

Main

Notice


Users can see the notice right away when they turn on the application.
The buttons on the top and bottom buttons are fixed so that they are fixed in place, whether on the main screen or on the sub-screen.

 

Menu


It has fixed functions that can be used on any screen.

Bookmark

you can setup the features you often use to show up right away

홍대.png

Sub

Unifying sub-menu UI

A simple presentation of each existing sub-menus with one tone and manner and an accordion submenu.

Top and bottom buttons fixed

The buttons at the top and bottom are fixed so that they are fixed in place, whether on the main screen or on the sub-screen.

mainb.png

© 2023 ALL RIGHTS RESERVED AVIGIALKIM PORTFOLIO

bottom of page