Electronic apparatus and method for providing user interface thereof

A method of providing a user interface (UI) of an electronic apparatus, the method comprising:

• displaying a list comprising (i) a first group that includes one or more first graphic user interface (GUI) items and (ii) a second group including one or more second GUI items;
• displaying a title of the first group on at least one of an upper end or a lower end of a display of the one or more first GUI items;
• displaying a title of the second group on at least one of an upper end or a lower end of a display of the one or more second GUI items;
• based on a displayed list width corresponding to the first group being changed according to a scroll input with respect to the second group, displaying a modified title of the first group by changing a displayed title width of the first group based on the changed displayed list width;
• controlling the display to display a movable focus item on one of the one or more first GUI items;
• and
• based on the displayed list width corresponding to the first group being changed as the movable focus item is moved to another one of the one or more first GUI items or one of the one or more second GUI items according to the scroll input, controlling the display to display the modified title of the first group based on the changed displayed list width,
• wherein the one of the one or more first GUI items and the one or more second GUI items are aligned in a same direction as a scrolling direction corresponding to the scroll input,
• wherein displaying the modified title comprises, in response to the scroll input and based on a number of GUI items included in the first group displayed on the display being reduced and the displayed list width corresponding to the first group being shorter than the displayed title width of the first group, display the modified title of the first group based on a difference between the displayed title width of the first group and the displayed list width corresponding to the first group,
• wherein the displayed portion of the modified title is displayed in a same position before and after the scroll, and
• wherein the modified title is an abbreviation of the title of the first group or the title of the second group in a direction corresponding to the scrolling direction.

A non-transitory computer readable medium storing computer instructions therein, which when executed by a processor in an electronic apparatus cause the processor to perform:

• displaying a list comprising (i) a first group that includes one or more first graphic user interface (GUI) items and (ii) a second group including one or more second GUI items;
• displaying a title of the first group on at least one of an upper end or a lower end of a display of the one or more first GUI items;
• displaying a title of the second group on at least one of an upper end or a lower end of a display of the one or more second GUI items;
• based on a displayed list width corresponding to the first group being changed according to a scroll input with respect to the second group, displaying a modified title of the first group by changing a displayed title width of the first group based on the changed displayed list width;
• controlling the display to display a movable focus item on one of the one or more first GUI items;
• and
• based on the displayed list width corresponding to the first group being changed as the movable focus item is moved to another one of the one or more first GUI items or one of the one or more second GUI items according to the scroll input, controlling the display to display the modified title of the first group based on the changed displayed list width,
• wherein the one of the one or more first GUI items and the one or more second GUI items are aligned in a same direction as a scrolling direction corresponding to the scroll input,
• wherein displaying the modified title comprises, in response to the scroll input and based on a number of GUI items included in the first group displayed on the display being reduced and the displayed list width corresponding to the first group being shorter than the displayed title width of the first group, display the modified title of the first group based on a difference between the displayed title width of the first group and the displayed list width corresponding to the first group,
• wherein the displayed portion of the modified title is displayed in a same position before and after the scroll, and
• wherein the modified title is an abbreviation of the title of the first group or the title of the second group in a direction corresponding to the scrolling direction.